4回コース講座 【大阪・4日間】ChatGPTまたはClaudeでホームページ制作

対面

Web制作者が実際に行っているAIホームページ制作を、そのまま学べます!

こんなことを学びます

ChatGPTまたはClaudeを活用したホームページの制作・公開の流れをマンツーマンでお教えします。

✔ AIを使ってホームページを作ってみたいけれど、何から始めればいいのか分からない
✔ プログラミングの知識がなくてもホームページを作れるの?

という方でも大丈夫です。
ご自身のパソコンを使って、実際に手を動かしながら一つずつ進めていきます。

また、ホームページの公開に必要なレンタルサーバーとドメインの申し込み・設定から始めます。
そのため、初心者の方でも安心してお申し込めいただけます。

<ポイント>
ホームページを作成する目的や掲載するコンテンツを整理し、AIに指示を出しながら、ホームページの構成や文章、デザインを考えて実際に制作していきます。

AIが最初に作ったホームページをそのまま使うのではなく、
■どのような指示を出せば希望するホームページを作りやすいのか
■デザインやレイアウトを修正する方法
■文章や画像などを変更する方法
■指示した部分だけを修正してもらう方法
■思った通りにならない場合のAIへの伝え方
■PC・スマートフォンでの表示を確認する方法

など、ホームページを完成させるための実践的な使い方も学びます。
実際のWeb制作で私が行っているAIの使い方やホームページ制作の進め方を、初心者の方にも分かりやすい形でお教えします。

<AIツールについて>
ChatGPTまたはClaudeの通常のチャット画面を使って進めますので、プログラミングやWeb制作の経験がない方でもご参加いただけます。

当講座は、プログラミングのコードを書くことを目的とはしておらず、生成するのは主にHTML、CSSです。
そのため、CodexやClaude Codeなどの開発者向けAIツールは使用しません。


<こんなことができるようになります>
■レンタルサーバー・ドメインの申し込み、設定
■ChatGPTまたはClaudeの利用開始・基本的な使い方
■AIを使ったホームページの企画・構成
■ChatGPT・Claudeへの指示の出し方
■AIを使ったホームページの制作
■文章・デザイン・レイアウトの修正
■PC・スマートフォン表示の確認・修正
■完成したホームページの公開
■お問い合わせフォームの作成(PHPコード不要)
■公開後にAIを使ってホームページを修正する方法

講座を通して、「AIにホームページを作ってもらう」だけではなく、
自分でAIに指示を出し、確認・修正しながらホームページを完成させる流れを一緒に進めていきます。

<こんな風に教えます>
マンツーマンで、ご自身のパソコンを実際に操作していただきながら進めます。
分からないところがあれば、その都度確認しながら一つずつ進めます。

一方的に説明を聞くだけではなく、実際にChatGPTまたはClaudeを使いながらホームページを作っていく実践形式の講座です。

<持ち物>
■パソコン

<事前に用意しておくもの>
■Googleアカウント
 ※ChatGPTまたはClaudeへのログインに使用します。
  使用するAI(ChatGPTまたはClaudeのどちらか)を事前に決めていただき、アカウントの作成・ログインは1回目のレッスンで一緒に行います。

<定員>
基本1名
※友人同士など、2名以上での参加をご希望の場合はご相談ください。
続きを読む

希望の日程で調整できます

現在開催日程はありませんが、開催リクエストを送ることで希望の日時で講座開催を相談できます。

開催予定エリア梅田・北新地

価格(税込)¥49,800(¥12,450 × 4 回)

受けたい
0人が受けたい登録しています

対面受講日程

価格(税込)¥49,800
場所梅田・北新地

対面受講料に含まれるもの

レッスン代

【以下のものは受講料に含まれません】
・レンタルサーバー代金
・ドメイン代金
・ChatGPTもしくはClaudeの利用代金

<AIツールについて>
当講座では、ChatGPTもしくはClaudeを使用します。
無料版では限界があるので、必ず有料版(月額3,000円程度)を申し込んでいただきます。

この講座の先生

Web制作者、プログラマー

初めまして。
京都を拠点に、Web制作者・プログラマーとして活動しています。

都内のWeb制作会社で約15年間プログラマーとして勤務、
現在はフリーランスとして、ホームページ制作やWordPressサイトの構築、プログラミング、メディア運営などを行っています。

【得意分野】
■WordPressを使ったホームページ制作
■AIを活用したホームページ制作
■ブログ・メディアサイトの構築
■レンタルサーバー・ドメインの設定
■SEOの基本

【講座について】
ストアカでは、
WordPressの操作方法以外にも、
■...
+続きを読む

カリキュラム

  • 第1回 AI・サーバー・ドメインの準備とホームページ設計

    ①、使用するレンタルサーバー、取得するドメインを決定
    ②、使用するAI(ChatGPTまたはClaude)を決定
    ③、サーバーの申し込み
    ④、ドメインの申し込み
    ⑤、サーバー、ドメインの紐づけ
    ⑥、SSL(https)の設定・確認
    ⑦、作りたいホームページの目的・ターゲットを整理
    ⑧、必要なページや掲載する内容を決める

    まずは、AIを使ったホームページ制作に必要な環境を一緒に準備します。

    また、いきなりAIにホームページを作らせるのではなく、「誰に向けたホームページなのか」「ホームページを作成する目的」「何を掲載するのか」などを整理し、制作するホームページの方向性を決めていきます。

  • 第2回 ChatGPTまたはClaudeを使ってホームページを制作

    ①、AIへの基本的な指示の出し方
    ②、ホームページの構成をAIと一緒に考える
    ③、デザインの方向性を決める
    ④、AIを使ってホームページを作成
    ⑤、文章やコンテンツを作成・設定
    ⑥、AIが作成したホームページを実際に確認
    ⑦、画像を準備し設定する

    2回目から、ChatGPTまたはClaudeを使って実際にホームページを作っていきます。
    単に「ホームページを作って」と指示するのではなく、目的・ターゲット・掲載内容・デザインなどをAIにどのように伝えればよいのかを学びます。

    また、当講座は、HTMLやCSSを自分で一から書くことを目的とした講座ではありません。
    AIに作成してもらいながら、必要なファイルやホームページの構成についても初心者向けに分かりやすく説明します。

  • 第3回 ChatGPTまたはClaudeを使って修正・ブラッシュアップ

    ①、文章・画像の変更
    ②、色・文字サイズ・余白などの調整
    ③、レイアウトの修正
    ④、指示した部分だけを修正してもらう方法
    ⑤、AIが思った通りに修正してくれない場合の対処方法
    ⑥、PC・スマートフォンでの表示確認
    ⑦、スマートフォン表示の修正

    AIが最初に作ったホームページをそのまま使用するのではなく、
    実際のWeb制作と同じように確認・修正を繰り返しながら完成度を高めていきます。

    「この部分だけ変更したい」
    「スマートフォンで見るとレイアウトが崩れている」
    「修正をお願いしたら別の場所まで変わってしまった」

    といった場合に、AIへどのように伝えればよいのかも実際に作業しながら学びます。
    私が普段のWeb制作で行っているAIへの指示方法や修正の進め方についても、この回で具体的にお教えします。

  • 第4回 ホームページの最終確認・公開

    ①、PC・スマートフォンで最終確認
    ②、文章・画像・リンクなどの確認
    ③、お問い合わせなどの導線を確認
    ④、基本的なSEO設定
    ⑤、Googleアナリティクス、Googleサーチコンソールの設定
    ⑥、ホームページをサーバーへアップロード
    ⑦、独自ドメインでホームページを公開
    ⑧、公開後にAIを使って修正する方法
    ⑨、修正した内容をホームページへ反映する方法

    最後に、独自ドメインで実際にホームページが表示されるところまで一緒に進めます。

    また、ホームページは公開して終わりではありません。
    公開後に、
    「文章を変更したい」
    「写真を差し替えたい」
    「新しい内容を追加したい」
    という場合に、ChatGPTまたはClaudeを使って自分で修正し、その内容をホームページへ反映する方法についても学びます。

こんな方を対象としています

■AIを使ってホームページを作ってみたい方
■ChatGPTやClaudeをホームページ制作に活用したい方
■プログラミングやWeb制作の経験がない方
■ホームページを作りたいけれど、何から始めればいいか分からない方
■サーバーやドメインの申し込み・設定から一つずつ学びたい方
■自分や自社のホームページを自分で作って公開したい方
■外注に頼らず、自社でホームページを制作・更新できるようになりたい方
■AIに思い通りのホームページを作ってもらうための指示方法を学びたい方
■AIで作ったホームページを自分で修正・ブラッシュアップできるようになりたい方
■Web制作の仕事で実際に使われているAIの活用方法を学びたい方

プログラミングの知識は必要ありません。

この講座では、CodexやClaude Codeなどの開発者向けツールは使用せず、ChatGPTまたはClaudeの通常のチャット画面を使ってホームページを制作します。

そのため、これまでHTMLやCSSを書いたことがない方や、AIをホームページ制作に使ったことがない方でもご参加いただけます。

特に、「AIの基本的な使い方だけではなく、実際にホームページを一から作って公開するところまで経験したい方」におすすめの講座です。
続きを読む

受講する際は以下をお読み下さい

■パソコンを必ずご持参ください。
■事前にGoogleアカウントを必ずご用意ください(ChatGPTまたはClaudeへのログインにGoogleアカウントを使用します)。
■当講座ではChatGPTまたはClaudeの有料版を使用します。
 利用料金(月額3,000円程度)は、受講料とは別にご自身でご負担いただきます。
■ホームページ制作に使用するAIツールは、ChatGPTまたはClaudeのどちらかを事前に決めていただきます。AIツールへのログインは1回目の講座で一緒に行います。
■レンタルサーバー代、ドメイン代など、ホームページの公開に必要な費用は受講料に含まれていません(1回目の講座で一緒に申し込みを行います)。
■当講座では、ChatGPTまたはClaudeの通常のチャット画面を使用してホームページを制作します(CodexやClaude Codeなどの開発者向けツールは使用しません)。
■プログラミング経験は必要ありません。HTMLやCSSを一から自分で書くことを目的とした講座ではありません。
■制作するホームページの内容によって、各回の進み具合は異なります。講座内ですべての希望を実現できることを保証するものではありませんので、あらかじめご了承ください。
■講座をスムーズに進めるため、ホームページに掲載したい文章・写真・ロゴなどがある場合は、できる範囲で事前にご用意ください。
■AIが生成した文章・デザイン・コードは、必ずしも一度で希望どおりの内容になるとは限りません。講座では、AIへの指示や修正を繰り返しながらホームページを仕上げていきます。
■AIが生成した内容については、公開前に文章・画像・リンク・表示内容などを一緒に確認しますが、公開後のホームページの運営・管理については受講者ご自身で行っていただきます。
■ホームページの内容によっては、特殊な機能や高度なシステム開発など、この講座では対応できない場合があります。
■基本的にはマンツーマンで開催します。友人同士など、2名以上での参加をご希望の場合は事前にご相談ください。
続きを読む
※ストアカでは講座に適用される保険を用意しています。詳しくはストアカ補償制度をご覧ください。

AI・機械学習のおすすめの先生AI・機械学習の先生を探す

AI・機械学習の関連カテゴリーから講座を探す

先生のスキルから探す

関連エリアから探す