勉強会用サンプルプログラム

勉強会で使用する資料をここに公開していきます。 勉強会終了後も公開しておく予定なので、必要に合わせて参考にしてください。

• CirKit プロジェクト
• Tourism プロジェクト
• Bus Stop プロジェクト
• スマートフォンアプリプロジェクト

• React を知り、各々のフロントエンドの技術選定の選択肢の一つとなること
• Web フロントエンドの楽しさを知ること
• 他プロジェクトの人と交流を深めること

• Slack への参加
• 環境構築

• 各プロジェクト紹介
• JS の歴史
• 知ってて欲しい！モダン JS の知識
• JS のフレームワーク・ライブラリ紹介
• TypeScript の紹介

• React の基本
• JSX 記法
• コンポーネント思考
• Props
• Style
• ルーティング

• 状態管理
• 状態管理の例
• 状態管理の拡張

• レンダリング
• useEffect を使ったサンプルプログラム
• レンダリングの最適化

• レンダリング手法
• React ベースのフレームワーク
• Next.js の機能説明
• week6 で使用するサービスの紹介
• week6 の準備

• ブログ作成
• microCMS の操作説明

• プログラミングの基本的な習熟
• HTML の基本的な習熟（自分で簡単なサイトが作成できるレベル）
• CSS の基本的な習熟（自分で簡単なサイトが作成できるレベル）
• JavaScript の基本的な習熟（ES2015 (ES6) 以降の記法）
• Git のコマンドによる基本的な操作

• モダン JavaScript の基本から始める React 実践の教科書
• React ハンズオンラーニング 第 2 版 ―Web アプリケーション開発のベストプラクティス