こた | クリエイティブディレクター / Web Designer

🎨 浜松｜Web制作9年・制作100件以上
📺 元東京のテレビ局 → Web制作会社 → 独立6年
👨‍🏫 Webデザイン専門学校非常勤講師
💡 Web・AI・動画・アプリ・SEO/MEO/AIO・紙まで企業のクリエイティブをトータルで支援
🍽️ 飲食店の“無料”HP制作サービス「はまメシ」運営

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

ポートフォリオ完成しました。

良かったら遊びに来て下さい！！
WEB技術に関するブログも随時更新します！！

このサイトと共に生きていく

https://t.co/ZTxzs7Fvf1

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

AIでホームページを作るとき、
一番大事なのは「構成」です！

AIに「おしゃれなHP作って！」だけだと、
それっぽいサイトは作れる。

でも、
誰に何を伝えて、どこで問い合わせてもらうのか。

ここが決まってないと、見栄えだけが良くて、結局結果の出るサイトにはならない。

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

AIでホームページを作るとき、
いきなり「おしゃれなHP作って！」とは
言わないでください！

誰に？何のために？何を伝える？どんなページが必要？

まずAIと一緒に整理してから作る。

AIは「作る」だけじゃなく、HP制作前の壁打ち相手としてもかなり優秀です！

下準備でクオリティは格段に変わる！

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

AIでホームページを作ってみた！
↓
完成！
↓
「これ、どうやってネットに公開するの？」

たぶんここで止まる人、結構いると思う

AIはサイトを作ってくれるけど、ドメインやサーバー、公開方法までは理解しておいた方がいいかも

AI時代だからこそ、使いこなすには意外と基礎知識が大事だったりする

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

「AIでホームページって本当に作れるの？」

って聞かれることが増えたけど、
結論、普通に作れます

ただ、実際に使えるレベルかと言えばそうではないって感じ

あと、「AIに作って」で一発良いサイトが完成するほど簡単でもない

理想的なデザインをプロンプトでどう出すか、この辺が面白いところ

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

GoogleがAI画像生成・編集ツール「Google Pics」を発表。

・画像内の一部だけをAIで編集
・画像内の文字をデザインを崩さず修正・翻訳
・Googleスライドやドキュメントとも連携

AIで「画像を作る」から「画像を直す」まで、どんどん簡単になってきてるな…。
https://t.co/r2s8Yw1BFg

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

Kindleの自動スクショシステムを作ってみた。
⚠️個人利用のみ・悪用厳禁

本を丸ごとスクショしてObsidianに入れて、Claude Codeに読ませる。

「最近、仕事でこういうことで悩んでるんだけどどう思う？」

って聞くと、読んだ本の中から関連する考え方を探して答えてくれるのがめちゃくちゃ良い

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

@bokuwalily コメントありがとうございます！
自分も同じ印象です！😊
一発だしはClaude Codeの方が個性的で面白いと思いましたね😆

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

レトロカフェのWebデザインを、
CodexとClaude Codeでそれぞれ実装してみた。

使ったのは、ほぼ同じプロンプト。
なのに完成したサイトは、想像以上に違う。

デザインの解釈も、レイアウトも、動きの付け方もそれぞれ個性が出て面白い。

あなたはどっち派？

←Codex　　Claude Code→

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

美容室さん、Instagramだけで集客していませんか？✂️

「InstagramはあるけどHPはない」方向けに、無料HPを作りました！

メニュー・料金・スタッフ・アクセスなど掲載OK。
写真と文章を変えるだけで使えます◎
「サイト希望」とコメントください👇

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

Claude Codeのトークン減るの早くなってる気がするけど気のせいかな

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

個人で頑張る女性トレーナーさんに、もっと気軽にホームページを持ってほしい。

そんな想いから、女性パーソナルトレーナー向けサイトを制作しました！

✓ スマホ対応
✓ 文章・写真を差し替えて使える
✓ 商用利用OK

サイトのデータを一式無料配布します！

欲しい方は「サイト希望」とコメント👇

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

Obsidian使ってて地味に一番ありがたいの

作業時間が減ったことより
「前にも説明したんだけどな…」が減ったこと。
自分のルールとか過去の資料をAIに渡しておくと、毎回ゼロから説明しなくていい。

これだけでも結構ラク。

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

@kumitate_ai ほんとそれですね！
毎回「これ前提でお願いします」ってコピペするの、地味にめちゃくちゃ面倒なんでした😂
.mdで整理しておけば、AIに渡す導線も作りやすいし、知識を貯めるほどラクになっていくのが良いなと思ってます！

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

Obsidian × Claude Code、相性よすぎる！

Obsidianに知識を貯めておけば、AIに毎回コピペする手間がほぼなくなった。

Markdownで書けて、.mdでローカル保存。メモ同士もリンクできる。

つまり「自分専用Wikipedia」

そこにClaude Codeを組み合わせると、自分の知識をAIが使って仕事してくれる！

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

@saisoku_ai_note ありがとうございます！とても参考になります！
「何を貯めるか」だけじゃなくて「どう読ませるか」が重要なんですね。
読ませる順番を固定するの、さっそく試してみたいです！

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

WordPress7.1がリリース
この前の事件からアップデートの頻度がかなり早くなってる

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

お客さんのアプリ開発でAI APIが必須なんだけど、今のところGemini APIの無料枠だけでも結構いけそう。

Claude、OpenAI 、Gemini以外で「これ意外とコスパいいよ」ってAI APIあったら教えてほしいです🙏

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

夏休み前の授業が今日で終了！

次の授業は9月から。

社会人生活が長くなると、「学生には夏休みがある」という感覚をすっかり忘れてしまいますね😂

学生のみなさん、充実した夏休みを！

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

「AI時代に生き残るためには」のセミナーを受けてきました！

結論：人間力を磨く必要がある

＜人間が磨くべき5つの力＞
1.現場創発力
2.顧客読解力
3.創造性
4.問いを立てる力
5.フィードバックする力

AIを活用できる側の人間になりましょう！

[こた | クリエイティブディレクター / Web Designer @kota_webdesign]

やっぱトイストーリーは3までが至高