5月から、シンラボにて初心者向けWebプログラミング講座を開始します

シンラボ

2025/04/30

内容

2025年5月から年末にかけて、シンギュラリティ・ラボ（シンラボ）内にて、基礎から学べるWebアプリ開発のプログラミング講座を開始します。
プログラミング未経験の方でもわかるように、HTML/CSSの基礎から丁寧に解説していきます。

スケジュール

時期	内容
2025年5月	HTML/CSS基礎
6月〜7月上旬	JavaScript基礎
7月下旬〜9月	React / Next.js基礎
10月〜12月	実践アプリ開発

※スケジュールは変わる可能性があります。

HTML/CSS/JavaScript基礎
	2025/05/13	HTML基礎 – Webページの構造	HTMLの基本構造と要素について理解する	タグ、要素、属性の基本セマンティックHTML 実習：簡単なページ構造の作成
	2025/05/27	CSS基礎 – スタイリング入門	CSSの基本概念とスタイリング方法を学ぶ	セレクタ、プロパティ、値ボックスモデル、レイアウト基礎実習：HTMLページのスタイリング
	2025/06/10	JavaScript基礎	JavaScriptの基本構文と概念を理解する	変数、データ型、演算子条件分岐と繰り返し関数、スコープ
	2025/06/24	モダンJavaScript入門	最新のJavaScript文法を学ぶ	アロー関数イテレータメソッドオブジェクトと配列の分割代入スプレッド構文モジュールシステム実習：モダンJavaScriptを使った小さなプロジェクト
	2025/07/08	DOM操作とイベントハンドリング	JavaScriptでのHTMLの操作方法を学ぶ	DOMとは要素の取得と操作イベント処理実習：動的コンテンツの作成
React基礎
	2025/07/22	React基礎とコンポーネント	Reactの基本概念とコンポーネントアーキテクチャを理解する	コンポーネント概念 JSX構文コンポーネント設計の基本原則
	2025/08/05	Reactフック入門	Reactフックを使った状態管理と副作用の扱い方を学ぶ	useState、useEffectの基本その他のフック（useRef、useCallback）カスタムフックの作成実習：フックを活用したコンポーネント
Next.js基礎
	2025/08/19	Next.js入門	Next.jsの基本構造を理解する	Next.jsとは何かプロジェクト作成（create-next-app） App Routerの基本ディレクトリ構造と規約ページの作成とナビゲーション実習：シンプルなNext.jsアプリ作成
	2025/09/02	コンポーネント設計	Next.jsアプリケーションの効率的な構成方法を学ぶ	コンポーネント設計の原則 Layout.jsの役割と使い方クライアントコンポーネントとサーバーコンポーネントの違いコンポーネント間のデータ受け渡し実習：適切なコンポーネント構造を持つNext.jsアプリの開発
	2025/09/16	スタイリングとレイアウト	Next.jsアプリのスタイリング手法を習得する	CSSモジュール Tailwind CSS入門実習：スタイリッシュなUI実装
	2025/09/30	API連携		フェッチAPIの使い方外部APIの利用実習：APIからデータを取得する
実践的アプリ開発
	2025/10/14	静的生成とサーバーサイドレンダリング	Next.jsのレンダリングパターンを理解する	レンダリング戦略 getStaticProps/getServerSideProps 実習：データフェッチのパターン
	2025/10/28	バックエンド連携の基礎 (Supabase)	BaaSを使った簡易的なバックエンド構築方法を学ぶ	Supabaseの基本概念と利点データベース設計の基礎データの作成・読取・更新・削除（CRUD操作）実習：Supabaseと連携したNext.jsアプリの構築
	2025/11/11	フォーム処理	ユーザー入力の処理方法を学ぶ	制御コンポーネントフォームバリデーション実習：ユーザー入力の処理
	2025/11/25	状態管理入門	軽量な状態管理ライブラリの使い方を習得する	Jotaiの基本概念アトム設計パターン実習：Jotaiを用いた状態管理の実装
	2025/12/09	デプロイメントと最終プロジェクト	アプリをインターネットに公開し、学んだ内容を総合的に活用する	Vercelの利用本番環境への配置最終プロジェクトの設計と計画実習：アプリのデプロイ