JavaScriptの基礎文法から実践アプリ開発まで、段階的に学べる練習問題と学習記事をまとめたハブページです。初心者は練習問題から、中級者はフレームワーク比較やアプリ開発に進んでください。
すべての記事に解答例またはサンプルコードが付いています。ブックマークして繰り返し活用してください。
練習問題シリーズ
基礎文法から非同期処理まで、テーマ別の練習問題集です。解答付きで独学に最適。
- JavaScript練習問題23選【初心者向け】 — 変数・配列・関数・FizzBuzzなど基礎文法を実践
- DOM操作の練習問題10選 — 要素の取得・追加・削除・イベント処理を実践
- 配列メソッド練習問題10選 — map・filter・reduceを使いこなす実践ドリル
- 非同期処理の練習問題10選 — fetch・async/awaitで学ぶAPI通信の基礎
実践アプリで学ぶ
練習問題の次は、実際にアプリを作って理解を深めましょう。
- jQueryカレンダーアプリの作り方 — メモ機能付きカレンダーをjQueryで実装
- TypeScriptチェックリストアプリ — ローカル保存・編集機能付きアプリを型安全に実装
- React TODOアプリ — ドラッグ＆ドロップ機能付きTODOアプリを作る
- スクロールアニメーション実装 — JavaScriptとCSSでスクロール連動の演出を作る
フレームワーク・ツール
JavaScript周辺のフレームワークやビルドツールの選び方と導入方法。
- React・Vue・Nodeの違いと選び方 — 3つの技術を用途別に比較
- Viteとは？ — Webpackとの違いと高速ビルドの仕組み
- Viteの導入方法と使い方 — React・Vueプロジェクトでの具体的なセットアップ
- jQuery練習問題 — 動的なWeb操作を初心者向けに学ぶドリル
関連ガイド
他の学習テーマもあわせてどうぞ。
- CSS実装テクニック集 — 基礎からアニメーションまで55記事を体系化
- 模写コーディング一覧 — 初級〜上級+Figma模写の全31記事
- SEO対策ガイド — 基礎からAI検索時代の最新手法・診断ツールまで
- WordPress実践ガイド — テーマ開発・CF7・サーバー構築まで全20記事
コードの差分を比較したいときは Diff Checker（コード比較ツール） もご活用ください。
