エラー：Declaration expected.

angular

Angular4でのプログラミングにちょっぴり慣れてきましたが、エラーメッセージは不可解なものが多いです。今回の Declaration expected はビルド時に発生しました。原因は、デコレータの終わりにセミコロンをつけていたため： @Component({ }); export class…

2017-10-22

ngForがdeprecatedである点について

angular

Angularのドキュメントを見ていたところ、ngForがdeprecatedとの記載がありました： https://angular.io/api/common/NgFor そこで、次のソースのngForをngForOfに変更したのですが、エラーがでます： <div class="heroes"> <li *ngFor="let hero in heroes"> {{hero.name}} </li> </div> stackoverflowを見たところ、どうやら…

2017-10-21

Can't bind to 'ngForIn' since it isn't a known property of

angular

ngForを使っていたところ、コンパイルが通るものの表題のエラーがコンソールに出力されていました。原因はここでした： <div class="heroes"> <li *ngFor="let hero in heroes"> {{hero.name}} </li> </div> 正しくはlet hero of heroesとあるべきなのです。これはES6のforと合わせるためだそうです： for...of - JavaScript…

2017-10-20

Angular：ビルドしたファイルの場所

angular

コンパイルしたjsファイルを生成するにはng buildをng serveの代わりに実行します。するとdistフォルダにjsファイルが書き出されます。これまでnpm start (ng serve)を実行していたのですが、jsファイルが生成されないのを不思議に思っていました。ng serv…

2017-10-16

有線LAN：Mac book pro 2015 earlyに導入

mac

二階で仕事をするのだが、無線LANの電波が弱いためかイライラする。そこで有線LANで接続することにした。ドライバのインストールとかよくわからないのでネットの評価をみて購入したのはAnkerのこいつ、2000円弱だった： Anker アルミニウムユニボディハブ LA…

2017-10-16

Angularの公式チュートリアル：第6章「Routing」

angular

Tour of Heroesアプリに、新たな要件を加えます：ダッシュボードのビューを追加ヒーロー一覧とダッシュボードの間を遷移可能にするどちらかのビューでユーザがヒーロー名をクリックすると、そのヒーローの詳細ビューに遷移するメールの中のディープリン…

2017-10-15

Macの素人が入れたソフトウェア（随時更新）

mac

Scroll Reverser トラックパッドとマウスのスクロール方向を逆にできる。超便利。 Scroll Reverser for macOS iTerm2 ターミナルソフト。右クリックでペーストしたり、色々便利なカスタマイズが可能。 iTerm2 - macOS Terminal Replacement ChomeのAuto Copy…

2017-10-13

Thinkpad歴10年超の人間がMacを買って使った感想

mac

機種 Mac book pro 13 early 2015 8GB/128GB Macいいなーと思ったところトラックパッドが便利ディスプレイが超綺麗ターミナルが最初から入っている・OSに組み込まれている起動が速いデザインがかっこいい ctrlキーがいい場所にあるので、vimが使いやす…

2017-10-11

Angularの公式チュートリアル：第5章「Services」

angular

サービス Tour of Heroesアプリを進化させていくにつれ、ヒーローのデータをアクセスするコンポーネントを増やすことになります。同じコードを何度もコピペするのではなく、再利用可能なデータサービスを作り、それを、必要としているコンポーネントに注入…

2017-10-10

Angularの公式チュートリアル：第4章「Multiple Components」

angular

第3章までに作成したプログラムではAppComponentが全てを担っていました。このペースで機能を追加していくとメンテナンスが難しくなります。そこで本章では、それぞれが決まったタスクもしくはワークフローをもった複数のコンポーネントに分割していきます…

2017-10-09

Socket.ioのチュートリアルを実施

socket.io

英語の元のページはこちら前提条件としてnode.jsがインストールされていることが必要です。 node.jsのインストール cd /tmp curl --silent --location https://rpm.nodesource.com/setup_8.x | sudo bash - sudo yum -y install nodejs sudo yum -y install…

2017-10-08

Angularの公式チュートリアル：第3章「Master/Detail」

angular

第3章では、複数のヒーローをリスト表示し、ユーザがヒーローを選択すると詳細を表示する仕組みを作ります。元の記事はこちらウェブサーバの起動（既に実施していたら不要です） cd ~/angular-tour-of-heroes ng serve --host=0.0.0.0 --public=グローバ…