VS Codeの画面構成と基本操作
VS Code初心者向けに、Explorer、Editor、Terminal、Search、Source Control、Command Paletteの基本操作を手順で確認します。
VS Codeをインストールして初期設定する
プログラミング初心者向けに、VS Codeのインストール、フォルダを開く操作、保存、Auto Save、ターミナル表示までを手順で確認します。
VS Code拡張機能の最小セット
初心者向けに、VS Code拡張機能を入れすぎず、HTML/CSS/JavaScript/Markdown/Git学習に必要な最小セットを選ぶ手順を整理します。
インストールとバージョン確認の基本
初心者向けに、Node.js、npm、Git、Java、Pythonなどのインストール確認とバージョン確認コマンドの読み方を整理します。
エラー文の読み方と検索方法
プログラミング初心者向けに、エラー文、行番号、スタックトレース、検索キーワード、公式ドキュメント確認の手順を実演します。
ターミナル基本操作の実演
初心者向けに、pwd、ls、cd、mkdir、touch、cat、clearなど、プログラミング学習で最初に使うターミナル操作を手順で確認します。
ブラウザとDevToolsで画面・Console・Networkを見る
初心者向けに、ブラウザのDevToolsを使ってElements、Console、Network、Applicationを確認する最初のデバッグ手順を整理します。
プロジェクトフォルダの作り方
初心者向けに、HTML/CSS/JavaScript学習で使いやすいプロジェクトフォルダ構成、ファイル名、README、assetsフォルダを作る手順を整理します。
Express APIをSupertestでテストする - GET・POSTのstatusとbody
ExpressのGET・POST APIを作り、Vitest 4とSupertestでstatus codeとJSON bodyを検証します。
ESLint & Prettier設定入門
ESLintとPrettierでコード品質を向上させる実践チュートリアル。
pnpm入門 - 高速パッケージマネージャー
pnpmで効率的な依存関係管理とワークスペースを学ぶ実践チュートリアル。
Vercelデプロイ入門 - Next.jsアプリを公開
VercelでNext.jsアプリをデプロイし、カスタムドメインとCI/CDを設定する実践チュートリアル。
Bash入門 - 引数のパスを安全に調べるスクリプトを作る
Bashで、空白を含む引数を安全に扱い、ファイル・ディレクトリ・未検出を判定する読み取り専用スクリプトを作ります。
GitHub ActionsでNode.jsのPR CIを作る - lint・test・build
main向けPull Requestでnpm ci、lint、test、buildを順番に実行する最小のGitHub Actions CIを作ります。
Gitの基本操作をマスターしよう
init, add, commit, pushの基本フローを実践。初めてのバージョン管理を体験します。
Gitブランチ入門 - 短命featureを作ってmainへマージする
ローカルの学習用Gitリポジトリで、featureブランチの作成、コミット、mainへのマージ、削除までを安全に練習します。
Linux基本コマンド入門
専用の一時フォルダの中で、パス、ファイル操作、パーミッションを安全に練習します。
Vitest 4入門 - 純粋関数・async・モックをテストする
Vitest 4で純粋関数の境界値、async関数、vi.fnによる依存関数の呼び出しをテストし、失敗ログを読みます。
Bun入門 - 次世代JavaScriptランタイム
Bunのインストール、パッケージ管理、ビルド、テスト実行まで。Node.jsからの移行方法も解説。
Deno入門 - セキュアなTypeScriptランタイム
Denoのインストール、権限システム、標準ライブラリ、npm互換性まで。Node.jsとの違いも解説。
