Angular2 の実装の方法は記事をよく目にする機会が増えたので、テストについての自分が困らないように調べてみたシリーズ。 今回は準備編。 （注意）Angular 2.0.0-beta.9 をベースに話しています。 E2E テストは protractor がそのまま利用できると思うので、ここでのテストはユニットテストの話です。 Angular2 Unit Testing ...

SPA を構築する場合、Component をまたがったデータの共有をどのように実現するかが重要になってきます。 Angular1 の場合は、SharedService を利用するケースが多かったです。 そこで Angular2 でも試してみようとしたところ、少し勝手が違ったので自分用メモを残しておきます。 結論 Angular2 では基本的に@Injectable()の DI...

Angular2 学習のため、大量に素振りする必要がでてきたので、素振り用の StarterKit を作成してみました。 これから学習する方は、公式の5 Min Quickstartを最初にやる場合が多いと思うので、ベースは 5 Min Quickstart を利用しています。 その上で、気軽に Heroku へ Deploy して公開できるよう工夫しました。 mitsuruog/ang...

Angular2 の ComponentRouter を使った場合に発生するUse "..." on the parent's route path.エラーの対処法です。 完全に小ネタ。 Nest した Routing の場合、親の@RouteConfigの path に...を付ける必要がある。 // parent @RouteConfig([ {path: '/', comp...

前回、Heroku Connect の Configuration ファイルが辛いので美しくするモジュールを書いたの続きっぽいもの。 通常のシステム開発では、開発、ステージング、本番など複数環境を利用することが多いので、複数環境間で Configuration ファイルの差分を出すモジュールを書いてみました。 モチベーション ここでの Configuration とは、Salesf...

vscode と nvm を一緒に使う小ネタ ローカルの node 環境をnvmで作ってて、typescript を npm 経由でインストールした時に少しハマったので自分用メモ トラブル vscode のtask.jsonに定義したtscコマンドで.tsファイルをコンパイルしようと思ったらエラーが発生。ぐぬぬ。。。 Failed to launch external progr...

Heroku Connectは、Salesforce と Heroku 上の postgres とを接続するアドオンです。 Heroku Connect を使うことで、ほぼリアルタイムに Salesforce と Heroku のデータを同期させることができます。 これにより、Heroku 上で Salesforce のデータを利用することができ、これまでの Salesforce の常識に...

github private repository も無料で CI テストできるのでwerckerを使うことが多いです。 プロジェクト立ち上げ時に設定した後、安定すると放置になる設定周り。ついつい忘れてしまうので、自分用メモ。 フロントエンドエンジニアでも CI テストできる最小構成です。 ベースは Node 用の基本構成 まず、自動テストは Node.js で行うようにしていると思...

一手間必要だったのでメモ。 長いので Salesforce Lightning Design System(以下、SLDS)とします。 元ネタ こちらの内容とほぼ一緒です。 Webpack config example · Issue #127 · salesforce-ux/design-system https://github.com/salesforce-ux/design...

あけましておめでとうございます。 昨年は 5 月に Salesforce 界隈の会社に転職しました。 多くの新しい出会い刺激を頂き有意義な 1 年でした。今年も引き続きご指導のほどよろしくお願いします。 2015 年の振り返り 昨年は、幾つか新規 IoT 案件に関わることが出来ました。 （前職）団体旅行向けの Beacon を使った点呼サービス。管理画面を Angular で作成し...