Web制作者が実際に行っているAIホームページ制作を、そのまま学べます!
初めまして。
京都を拠点に、Web制作者・プログラマーとして活動しています。
都内のWeb制作会社で約15年間プログラマーとして勤務、
現在はフリーランスとして、ホームページ制作やWordPressサイトの構築、プログラミング、メディア運営などを行っています。
【得意分野】
■WordPressを使ったホームページ制作
■AIを活用したホームページ制作
■ブログ・メディアサイトの構築
■レンタルサーバー・ドメインの設定
■SEOの基本
【講座について】
ストアカでは、
WordPressの操作方法以外にも、
■...
+続きを読む
①、使用するレンタルサーバー、取得するドメインを決定
②、使用するAI(ChatGPTまたはClaude)を決定
③、サーバーの申し込み
④、ドメインの申し込み
⑤、サーバー、ドメインの紐づけ
⑥、SSL(https)の設定・確認
⑦、作りたいホームページの目的・ターゲットを整理
⑧、必要なページや掲載する内容を決める
まずは、AIを使ったホームページ制作に必要な環境を一緒に準備します。
また、いきなりAIにホームページを作らせるのではなく、「誰に向けたホームページなのか」「ホームページを作成する目的」「何を掲載するのか」などを整理し、制作するホームページの方向性を決めていきます。
①、AIへの基本的な指示の出し方
②、ホームページの構成をAIと一緒に考える
③、デザインの方向性を決める
④、AIを使ってホームページを作成
⑤、文章やコンテンツを作成・設定
⑥、AIが作成したホームページを実際に確認
⑦、画像を準備し設定する
2回目から、ChatGPTまたはClaudeを使って実際にホームページを作っていきます。
単に「ホームページを作って」と指示するのではなく、目的・ターゲット・掲載内容・デザインなどをAIにどのように伝えればよいのかを学びます。
また、当講座は、HTMLやCSSを自分で一から書くことを目的とした講座ではありません。
AIに作成してもらいながら、必要なファイルやホームページの構成についても初心者向けに分かりやすく説明します。
①、文章・画像の変更
②、色・文字サイズ・余白などの調整
③、レイアウトの修正
④、指示した部分だけを修正してもらう方法
⑤、AIが思った通りに修正してくれない場合の対処方法
⑥、PC・スマートフォンでの表示確認
⑦、スマートフォン表示の修正
AIが最初に作ったホームページをそのまま使用するのではなく、
実際のWeb制作と同じように確認・修正を繰り返しながら完成度を高めていきます。
「この部分だけ変更したい」
「スマートフォンで見るとレイアウトが崩れている」
「修正をお願いしたら別の場所まで変わってしまった」
といった場合に、AIへどのように伝えればよいのかも実際に作業しながら学びます。
私が普段のWeb制作で行っているAIへの指示方法や修正の進め方についても、この回で具体的にお教えします。
①、PC・スマートフォンで最終確認
②、文章・画像・リンクなどの確認
③、お問い合わせなどの導線を確認
④、基本的なSEO設定
⑤、Googleアナリティクス、Googleサーチコンソールの設定
⑥、ホームページをサーバーへアップロード
⑦、独自ドメインでホームページを公開
⑧、公開後にAIを使って修正する方法
⑨、修正した内容をホームページへ反映する方法
最後に、独自ドメインで実際にホームページが表示されるところまで一緒に進めます。
また、ホームページは公開して終わりではありません。
公開後に、
「文章を変更したい」
「写真を差し替えたい」
「新しい内容を追加したい」
という場合に、ChatGPTまたはClaudeを使って自分で修正し、その内容をホームページへ反映する方法についても学びます。