導入マニュアル
HP制作
02
会社HP制作 制作の基礎知識
プロジェクト・フォルダの定義 / HTML・CSS・JavaScriptの役割 / AIへ普段の言葉で指示して自動修正を任せる方法
→
03
会社HP制作 制作の実践
新規セッションの使い方 / フォルダ作成とAIへの読み込み手順 / ざっくり指示でHPの枠組みを自動生成する
→
04
会社HP制作 改善・ブラッシュアップ
デザイン・配色の修正指示 / 画像を埋め込む手順 / AIと相談を繰り返して完成度を高める
→
05
会社HP制作 公開
Cloudflare Pages を使った無料公開 / ファイルをアップロードしてデプロイ / 自動発行されたURLでサイトにアクセスする
→
秘書アプリ開発
06
Webアプリ開発の基礎知識
アプリ開発を構成するフォルダ・ファイルの全体像 / .env・.gitignoreによる秘密情報の安全な管理 / ビルド・デプロイ・ローカルサーバーの仕組み
→
07
開発の実践
Claude Codeに指示をして秘書アプリを作成する流れ / アプリ開発の前提となるNode.jsの確認と導入手順 / ローカルサーバーの起動方法とエラー発生時の対処法
→
08
デザイン・レイアウトの改善
専門用語を使わずに見た目の改善指示を出す方法 / 全体のレイアウトや文字、余白などのチェックポイント / Claude Codeとの対話による洗練されたデザインへの改善
→
09
機能の追加
既存のアプリに新しい機能を追加するシンプルな手順 / ダッシュボードと連動した週次の振り返り機能の実装 / 機能追加に伴う不具合発生時のClaude Codeへの対処法
→
10
GitHubとは
コードの保存や変更履歴の管理を行うGitHubの概要 / ローカルで管理するGitとクラウド上のGitHubの違い / 安全に共同開発を行うためのプライベート設定の重要性
→
11
（準備中）
次回の教材を準備中です。
→