アロー！アロー！この25分間のコードラボでは、YeomanとFountainJSを使用して、完全に機能するWebアプリケーションをゼロから作成します。サンプルアプリはReact、Angular2、またはAngular1で記述されます。
ReactまたはAngularについて何も知らないですか？大丈夫です。一から説明します。ただし、JavaScriptの経験があることを前提としています。
Yeomanを使用してこのサンプルアプリを作成
今日作成するサンプルWebアプリは、TodoMVCの実装になります。Todoの追加、Todoの削除、Todoのフィルタリングを行い、一緒にTodoをオフラインで保存する機能を追加します。
このコードラボの内容
上記のTodoMVCアプリをゼロから作成します。各ステップは前のステップを基盤として作成されているので、1つずつステップごとに進めてください。
- ステップ1: 開発環境を設定 »
- ステップ2: Yeomanジェネレーターをインストール »
- ステップ3: ジェネレーターを使用してアプリを自動生成 »
- ステップ4: Yeomanで生成されたアプリのディレクトリ構造を確認 »
- ステップ5: ブラウザでアプリをプレビュー »
- ステップ6: KarmaとJasmineを使用してテスト »
- ステップ7: ローカルストレージを使用してTodoを永続化 »
- ステップ8: 実稼働の準備 »
- ご覧になった内容はいかがでしたか？ Yeomanのその他の機能 »
このコードラボの完了には約25分かかります。完了までに、素敵なTodoMVCアプリを取得し、コンピューターが将来さらに素晴らしいWebアプリを作成するための準備を整えます。
さあ、ステップ1 »から始めましょう