プロのWEBデザイナーさんに質問です ①コーディングでチャットGPTなどのAIをつかうことはありますか。 使う場合は、使う状況や割合はどれぐらいですか？

Question

②AI生成した画像を使うことはありますか。また、どのAIを使っていますか
③コーディングの練習のおすすめ方法を教えてください
④WordPressを使いこなせるまでどれぐらい勉強したか
⑤マーケティングも学んだ方がいいですか。また、学ぶ場合はおすすめ方法あれば教えてください

特に①②についておしえてください。

Answer 1

コーディングでは時短で使いますけど、普通に無くても書けるぐらいでないと使う意味はないかなと。結局正しく書けてるかどうかを判断できるスキルが必要です。

生成AIの画像は使いませんね、PSの画像引き伸ばしで余白を埋めるとかではつかいますけど。生成AI画像は使ってるとすぐわかるんで小さい画像とかぐらいでないと実用的ではないです。

マーケは必要ありません。デザインとフロントが出来た上でだとプラスになりまsが浅く色々知ってても使いようがないです。

Answer 2

基本的にデザイナーはコーディングしません。昨今はマーケターがデザイン、コーディングをAIを駆使して行い、サイト構築する時代です。
https://www.tsr-marketing.com/column/news/news-hp-newopen/
マーケター AIでサイト作成 とかで調べて上記のようなリリースもありました。

まぁマーケターとかWEB業界の人の考えとしてこういうのが当たり前だと思うので、方法とかどれくらい勉強が必要かとかいう前に、AI使ってまず自分で試してみるくらいの方が早く身につくのではと思います。

Answer 3

①自分はコーディングはもう担当しませんが、担当スタッフは使ってます。割合というのをどう表現すれば良いかわかりませんが、サジェスト機能を常用していますね。
②出力画像をそのまま使うことは稀ですが、あります。AIはいろいろ使ってます。
③普通にサイトを作る。
④特に勉強と呼べることはしていません。むかーし解説書は1冊買いましたが、通読もしていません。何の変哲もない古典的なCMSですし。
⑤必要を感じたら。自分は本も買ってない「門前の小僧」方式なので、参考になることは言えません。

Answer 4

アマチュアですが

>WEBデザイナーさん

勘違いしているようですが、(ガチのWeb系ベンダーの場合)Webデザイナーは「Photoshop、Illustrator」などで(pxで)デザインカンプ(データ)を作ります(それがWebデザインです)。
コーダーはそのデザインカンプ(データ)を元に、(pxをvwに換算して)コーディングします(なので基本的にWebデザイナーはコーディングしませんし、コーダーはWebデザインはしません)。
稀に「Webデザイナー+コーダー」の兼業者も居ますが、Webデザイナーとコーダーは完全に別業種です。

参考

コーダーとWebデザイナー
https://rara.jp/sphinx1335/page46
※ただし、現在は多くの「ガチのWeb系ベンダー」でも、コスト削減のためにアマチュアでも許容する場合もあるようです(それは欠陥Webページでも許容される場合もあると言う事)。
なお、Web系ベンダーが(レスポンシブ･デザインなどで)ガチのフロントエンドの話しをする可能性も有り得るので、無知だと当然 Web系ベンダーの話しが意味不明になるので、知識としてぐらいはガチのフロントエンドを理解して置く事を推奨します。

>①コーディングでチャットGPTなどのAIをつかうことはありますか。

有りますが、100%合っている保証は無いので、それが間違っているなら、自分で修正できる知識が必要です。

>使う場合は、使う状況や割合はどれぐらいですか？

割合：ほんの少し。

使う場合：ググるのが困難な場合、逆に言うと検索ワードが分かっているならググれば良い。

使う状況：自分の知らないCSSを使いたい場合。

>③コーディングの練習のおすすめ方法を教えてください

とにかく既存のコーポレート・サイトをバリバリ模写する。
基礎がまだなら、Progate(有償)や参考書で勉強すれば良い。

>④WordPressを使いこなせるまで

WordPress案件の割合のは約15%ぐらいらしいので必須では無い。
もちろん、できるなら勉強した方が良いだろうけど。

>⑤マーケティングも学んだ方がいいですか。また、学ぶ場合はおすすめ方法あれば教えてください

以下はAIによる回答。

■ Webデザイナーがマーケティングを学ぶべき理由

1. デザインの目的は「見た目」ではなく「成果を出す」こと。
2. クライアントとの会話の質・説得力が上がる。
3. 上流工程（戦略・設計）にも関われるようになる。
4. 単価アップ・ディレクター職などキャリアの幅が広がる。

---

### ■ 学ぶべき主なマーケティング領域

1. **Webマーケティング基礎**（集客〜成約の流れ、ファネル設計）
2. **SEO**（検索上位化、構造化、タイトル・キーワード設計）
3. **SNSマーケティング**（拡散、エンゲージメント設計）
4. **アクセス解析**（Google Analytics・Search Consoleの理解）
5. **コピーライティング**（行動を促す文章、CTA設計）

---

### ■ おすすめ学習ステップ

1. 書籍・動画で基礎を学ぶ

* 書籍：『沈黙のWebマーケティング』『ドリルを売るには穴を売れ』
* 動画：YouTube「ウェブ職TV」「マナブ」「サトリマーケ」など
2. 自分のポートフォリオやSNSで実践してみる
3. Googleツールで数値を分析してみる（GA・GSCなど）
4. 余裕があればオンライン講座を受講（Udemy、SHElikes、デジプロなど）

---

### ■ まとめ

1. デザイン＋マーケティングは最強の組み合わせ。
2. 「ユーザー視点」と「成果志向」を常に意識する。
3. 書籍 → 実践 → 分析 → 講座の順で学ぶと効率が良い。

---

以下はAIでは無い。

そんな感じで、分からない事はAIに聞けば良いですが、現状ではAIにはハルシネーション(幻覚=嘘)が有るから、100%合っている保証は無いので、色々なAIを使ってみると良いでしょう。

ハルシネーションで(ChatGPT、Copilot、Grok、Gemini、Perplexityなど)AIが全滅したら、人力の知恵袋に質問してみると良いでしょう(とは言っても、人間でもハルシネーション(勘違い、嘘)は有るけどね)。

Edgeでは標準でCopilot(AI)が使えます。
なお、Copilot(無料版)のAIモデルはGPT‑4oのようですが、学習データは違うようなので、当然 回答も違います。

Copilot
//copilot.microsoft.com/chats/
※Edge以外で使う場合は、Edgeで使うよりも更に制限がキツくなります。

ChatGPT
//chatgpt.com/
※ChatGPTはログインしてない場合と、ログインしている場合で、使用されるAIモデルが違って来るので、ログインして使う事を強く推奨します。
現状では、ChatGPTはログインしている場合はデフォルトでは、AIモデルはGPT-5 Lightになるらしい(ただし、無料版だとChatGPTのサーバーが混でいる場合は、GPT-4系に下がる)。

Grok
//x.com/i/grok
※Grokは新しい情報が得意な傾向が有ります(とは言っても、それが100%正しい保証は有りませんが)。

Perplexity
//www.perplexity.ai/
ディープ・サーチ系AI。
ハルシネーション(幻覚=嘘)が無いとか言われいるらしいけど、実際はハルシネーション(幻覚=嘘)は有ります。

Gemini
//gemini.google.com/?hl=ja
※Geminiは制限に引っかかりやすいので、使用は控えめに使うと良いでしょう。

>**SEO**：検索上位化

SEO対策
https://zawazawa.jp/bremen/topic/1
※↑それはプロ・レベルでは無く、あくまでも一般論レベルのSEO対策ですが、コーティング・スキルに関しては、(フロントエンド)セミプロ・レベルのスキルが必要になります。
それはコーティング・スキルに関しては、本気で(フロントエンド)セミプロ・レベルを勉強する気が無いなら無理だと言う事を意味しています。

レスポンシブ・デザインによるSEOスコアの優位性
https://z.wikiwiki.jp/bremen/topic/5
※少しずつでは有るけど、企業もレスポンシブ・デザインによるSEOスコアの優位性に気付き始めている。
なので、LP(Landing Page)などではレスポンシブ対応が増えて来ている。

下記は、2016年発売のAndroid端末のdp解像度です。
つまり、px単位で指定したら、レスポンシブ・デザインは無理だと言う事を意味しています(ただし、@mediaはpx単位で指定)。
分かり易く言うと、モバイル(タブレット、スマホ)用ページでpx単位を使ったら、ベンダーに殴られます。

2016年発売Android端末のdp解像度まとめ
//nein37.hatenablog.com/entry/2017/01/03/200142
※↑スマホ縦画面表示の場合では、横サイズの解像度の範囲は「320px～540px」となる。
タブレット縦画面表示の場合では、横サイズの解像度の範囲は「400px～768px」となる。
タブレット横画面表示の場合では、横サイズの解像度の範囲は「768px～1280px」となる。
ただし、それは2016年発売のAndroid端末だけの話しなので、実際には、それよりも多くのバリエーションが存在すると言う事です。
なお、モバイル(タブレット、スマホ)の(dp)解像度の範囲は一般的には「約300px～約800px」と考えて良いです。
タブレットでは800px以上の(dp)解像度も有りますが、それは もうPC画面の領域と考えて良いです(プロの場合は例外も有るかもしれないですが)。
なお、PCでも8k解像度モニターが販売されており、一般的にはPCの場合は「約1000px～約3000px」解像度ぐらいには対応しないとSEO的にマイナスになります。
ただし、ベンダーはコスト削減のために、PC用ページに限りアマチュアを許容する場合も有りますが、それは解像度固定(通常、約1000px)のPC用ページを許容すると言う事を意味しています(当然、ベンダーは、それが高解像度に対応できない欠陥Webページだと分かっているし、SEO的にマイナスだと分かっている)。