themeを作成したプロジェクトに適用しておく(詳細は割愛)。他の手順は必要に応じて後でやる。ここまでで一旦動かしてみる。virtualscrolling!」が表示される。0x9999の約4万文字用意する。以下のようにして、約4万文字をそのままループで表示してみる。{{i.char}}</div>表示にかかる時間を計測すると、約9秒程度。Scrollingを試してみる。(こちらも本家のサンプルを参考に)以下とする。{{i.char}}</div></cdk-virtual-scroll-viewport>表示されるまでの時間は1秒以下(厳密には計測してないが、そのほとんどはAngularの初期化にかかる時間だろう)。内容が一定量を超えないよう動的に変化する動きをしていた。WorldAngular6もそろそろ安定してきただろう・・・ということで、インストール済みのnode等のバージョンアップとAngular6を軽く動作確認してみる。バージョンアップまずは現状確認。以上」と書かれているのでバージョンアップが必要だ。LTS)をダウンロードして普通に手動インストールする。バージョンアップこちらも現状確認から。6が出ているようなので、こちらもバージョンアップする。どおりに下記のコマンドを実行する。@angular/cli@latestバージョンを確認してみると・・・無事バージョン6がインストールされたようだ。helloworld!」と(一応「helloworld」と)表示される^^;ちょっと手抜きすぎるので、本当にAngular6.1になっているのか確認してみる。app.component.tsでtitleにバージョンを埋め込んでみる。(6.1.10)!」と表示され、Angular6.1.10であることが分かった。以下のJSONデータ(message.json)をHTTP通信で取得して、画面に表示してみる。ファイルは「src/assets/message.json」に格納する。}HttpClientModuleを使うので、app.module.tsのimportsに一行追加する。}Angularの入門としては適切ではなさそうだが・・・AsyncPipeを使って通信結果をテンプレート(app.component.html)に埋め込んでみる。変数と、constructor()を追加する。–open」を実行する(実行済みなら、勝手に画面が更新される)。http://localhost:4200/assets/message.json」が実行されてレスポンスのJSONデータがパースされ、JSONデータのmessageプロパティが画面に表示される。