学ぶ｜Web開発入門
独学と現場のあいだで迷うエンジニア予備軍・若手エンジニアへ。IT業界30年のベテランが、つまずきやすいポイントを解説します。
- 学ぶ｜Web開発入門 #1
HTMLとCSSの基本を独学で身につける完全ロードマップ｜未経験者がつまずかない学習順序
HTMLの構造・セマンティックタグ・フォーム・アクセシビリティから、CSSの詳細度・ボックスモデル・Flexbox/Grid・アニメーション・レスポンシブ対応まで。自己紹介カードを作りながら一気通貫で身につけるガイド。
- 学ぶ｜Web開発入門 #2
Gitの基本を独学で身につける完全ガイド｜コミット・ブランチ・コンフリクト解決まで
『ファイルを上書きしたら前のバージョンに戻れなくなった』を卒業するためのGit入門。仕組みの理解から、add/commit/push、ブランチ運用、コンフリクト解決、.gitignoreまで、自己紹介カードのソース管理を例に解説します。
- 学ぶ｜Web開発入門 #3
Pythonの基本を独学で身につける完全ガイド｜変数・制御構文からオブジェクト指向まで
『文法は分かるのに自分でプログラムが組めない』を卒業するPython入門。変数・型・制御構文・リストや辞書などのデータ構造・関数・オブジェクト指向・デコレータまで、訪問者コメントの集計スクリプトを作りながら解説します。
- 学ぶ｜Web開発入門 #4
Djangoの基本を独学で身につける完全ガイド｜HTTPの仕組みからビュー・テンプレートまで
『PythonはできてもWebアプリの作り方が分からない』を卒業するDjango入門。HTTPリクエスト/レスポンスの仕組みから、views.py・urls.py・テンプレート継承まで、ゲストブック機能を作りながら解説します。
- 学ぶ｜Web開発入門 #5
SQLとDjangoモデルの基本を独学で身につける完全ガイド｜CRUD・JOIN・マイグレーションまで
『データはどこに、どうやって保存されるのか』が分からない人のためのSQL/データベース入門。基本コマンドからJOIN・インデックス、Djangoモデル・マイグレーション・管理画面まで、ゲストブックの保存機能を作りながら解説します。
- 学ぶ｜Web開発入門 #6
JavaScriptの基本を独学で身につける完全ガイド｜変数・関数・イベント・DOM操作まで
『HTML/CSSは分かるがJavaScriptだけ急に難しく感じる』を卒業するJS入門。変数・関数・イベント駆動・DOM操作・配列メソッドまで、自己紹介カードにダークモード切替とスキル検索を実装しながら解説します。
- 学ぶ｜Web開発入門 #7
SPA・非同期通信・UIデザインの基本を独学で身につける完全ガイド｜Fetch APIからアニメーションまで
『ページ遷移のないアプリってどう作るの』を卒業するUI入門。SPAの仕組み、Fetch APIとHistory API、無限スクロール、CSSアニメーション、UIデザインの原則まで、ポートフォリオサイトをSPA化しながら解説します。
- 学ぶ｜Web開発入門 #8
テストとCI/CDの基本を独学で身につける完全ガイド｜unittestからGitHub Actionsまで
『機能を追加するたびに前の機能が壊れていないか不安』を卒業するテスト入門。assert文からunittest、Djangoのテスト、TDD、GitHub ActionsによるCI/CDまで、ゲストブック機能を例に解説します。
- 学ぶ｜Web開発入門 #9
スケーラビリティとセキュリティの基本を独学で身につける完全ガイド｜負荷対策からSQLインジェクション対策まで
『アクセスが増えたらどうなる』『攻撃されたらどうする』が分からない人のための入門。水平/垂直スケーリング、ロードバランサー、キャッシング、SQLインジェクション・XSS・CSRF対策、HTTPSまで、ゲストブックが人気化した想定で解説します。