Angular2入門書のサンプルアプリを体験

Angular2によるモダンWeb開発』のサンプルアプリ最新版が、日経BP社のサイトよりダウンロード可能になりました。
node.jsのインストール、ダウンロードと展開だけで、アプリを実行できます。Angular2の前提知識は不要です。モダンWebを、お楽しみください。

利用方法

■準備
Windows7/10、node.js が前提ソフトウェアです。
node.jsのインストールはファイル(64ビットOS用32ビットOS用)をダウンロードして実行します。

■サンプルプログラムの実行(複利計算)
1)日経BP書店のサイトにアクセスして、完成版をダウンロードします。ダウンロード完了後、complete_YYYYMMDD.zipを展開してcomplete_YYYYMMDDフォルダ > 完成版フォルダを開きます。
2)complete.exe(自己展開形式)をダブルクリックして実行します。自己展開終了後、completeフォルダ > calcAppフォルダ > run.batをダブルクリックします。コマンドプロンプトが開き、アプリのビルドが開始します。途中でファイアウォールの警告が表示された時は、許可します。
3)複利計算アプリが表示されます。元本に1000(円)、金利に3(%)を入力すると右図になります。元本、金利の値を変更すると、送信ボタンを押すことなく即座に結果が表示されます。保存ボタンを押すと、ブラウザを閉じても、PCの電源を切っても、次のアプリ利用時には入力状態を復元します。
4)コマンドプロンプトウィンドウを閉じてアプリを終了します。

■サンプルプログラムの実行(海外ツアー検索アプリ)
1)海外旅行情報サイト(AB-Road)に接続するためのAPIコードを新規ユーザー登録サイトから入手します。
2)複利計算アプリで展開したフォルダから、complete_YYYYMMDD > cloudApp > src > appフォルダを開きます。メモ帳を起動し、appフォルダ内の http.service.tsファイルをメモ帳にドラッグ&ドロップします。メモ帳では改行が行われません、メモ帳のメニューから[書式] > [右端で折り返す]を選択すると見やすくなります。
3)メモ帳に表示された「■入手したAPIキー■」の部分を、実際に入手したAPIキーに置き換えた後、保存します。
4)completeフォルダ > cloudAppフォルダ > run.batをダブルクリックします。コマンドプロンプトが開き、アプリのビルドが開始します。
5)海外ツアー検索アプリが表示されます。メニューからエリアを選択して人気ランキング一覧を表示、詳細ボタンをクリックして日程等の確認ができます。文字情報についてはバックグラウンドで事前に取得していますので、インターネット経由でも即座に表示できます。
6)コマンドプロンプトウィンドウを閉じてアプリを終了します。