このコンテンツは、「トイスク（サブスクリプション）」に含まれています。是非、トイスクをご検討ください！

Webinar型という体験

ウェビナーとは

Webinar（ウェビナー）とは、「ウェブ + セミナー」の造語です。

ウェブ上 = オンライン配信で、セミナーを受講する体験です。

ウェビナーは、よくある zoomのミーティング形式とは、異なる体験で授業を受けます。

ミーティングの場合、参加者は、画面一覧で、顔、声、参加していることなどが、他の参加者と共有されますが、ウェビナーは、その逆です。

ウェビナーはライブ配信型で、

  • 参加者のビデオはオフ
  • 音声もオフ
  • 誰が参加しているかお互いに見えない
  • コメントで質問できる

という「プライバシーが守られた」状態で参加となります。

主催者側が、勝手にビデオや音声をオンにすることはできないので、安心してください。生放送のテレビを見ているような感じです。

YouTube Liveに参加したことがある方なら、その体験に近いと思っていただければOKです。

気軽に参加し、退出もできます。

散歩をしながら、移動しながら、ランチを食べながら、お風呂に入りながらでも参加できます。

途中参加、途中退出しても、迷惑がかかりませんので、気軽にご参加ください。

なお、ウェビナーは録画し、後から視聴できるようにもしますので、参加できなくても、安心ください。

※ Webinarの開催は終了しました。現在は、録画を視聴することができます

📢 学べるもの

このウェビナーを通じて、「Claude と Claude Code と、モダンなツール（Github、Netlify、Cloudflareなど）」を使って、Webサイトを半自動的に作成することを学べます。


抽象的な話ではなく、「超具体的なステップ by ステップ」で、解説しています。

Claude (AI) を使ったWebサイト構築は、大きく分けて３つの段階があります。

  1. 準備 : Claude.ai (通常のClaudeのチャット)で、Webサイト構築の準備をします。ミッションを決め、Webサイトの立ち位置を決め（読者などの定義）、さらに、コンテンツ構成を決め、あなたのビジネスに合うカラーなどを決定します。このプロセスを効率化するための具体的な対話方法（プロンプト）なども学べます。また、プロジェクト機能を使うことで、スピーディーに、素早く、質の高い出力を得られる方法も学べます。
  2. 実装 : 準備で作成した仕様書（ドキュメント）を、Claude Codeに読み込ませ、実際にコーディング（HTML、CSS、Javascript）をAI（Claude Code）に書いてもらいます。そして、それぞれのページを作成し、フォームも設置します。
  3. 公開・更新 : NetlifyとGithubを連携させ、さらにCloudflareなどを活用して独自ドメイン設定を行います。既存のWebサイトがあるなら、リダイレクトを設定するなども解説しています

これらを、デモンストレーションを見て、ご自身で試してもらうことで、学べるように構成されています。

録画一覧

開催された録画の一覧です

    1. このコースについて

      無料プレビュー

    2. 第6回 (8/20) Zoom ウェビナーのURL

    1. 1. 公開までの流れ

      無料プレビュー

    2. 2. 開発環境づくり

      無料プレビュー

    3. 3. プロンプト作成

    4. 4. ローカル環境の場合

    5. 5. Webページの生成と修正

    6. 6. Githubに保存

    7. 7. Netlifyに接続

    8. 8. カスタムドメイン

    9. 9. 自動更新

    1. 1. Web開発公開の全体像

      無料プレビュー

    2. 2. gitとgithubの活用

      無料プレビュー

    3. 3. ブランチ、複数gitと統合

    4. 4. Netlifyブランチ設定

    5. 5. ブランチを使った作業

    6. 6. ブランチデプロイ

    7. 7. まとめ

    1. 1. プロトタイピング準備

    2. 2. CLAUDE.mdとは

    3. 3. 試作品の作り方

    4. 4. 質問 Codespaceの利用

    5. 5. 修正指示の方法

    6. 6. Webサイト構成の基本

    7. 7. 質問 リポジトリと操作

    8. 8. Project機能を使う

    1. 1. 構築準備の全体像

    2. 2. (1)プロジェクト作成

    3. 3. (2) ミッションづくり

    4. 4. (3)戦略構築

    5. 5. (4) コンテンツ設計

    6. 6. (5) カラー設計

    7. 7. QA - 複雑な内容、サイト作成方法

    8. 8. (6) リポジトリ連携

    9. 9. CLAUDE.mdを作成

    10. 10. QA - チャット節約など

    1. 1. 復習-Githubで知識同期

    2. 2. ページ群を作成

    3. 3. ページ内容作成のコツ

    4. 4. ページデザインの実行

    5. 5. 複数ページに展開

About this course

  • 19,800円
  • 49回のレッスン
  • 7時間の動画コンテンツ

学ぶことを楽しみ、想像もしなかった未来を創造しよう！

参加する