Claude DesignでHPを作ったら「飴色玉ねぎ作成中」と言われた件｜50代の挑戦｜生成AI｜ホームページ作成

2026年4月18日 20:15

（本記事は３分で読めるAIエッセイです）

とあるYoutubeライブで、Claudeに新機能が出たという話を聞いた。
その名も「Claude Design」。

あのClaudeが、プログラミングだけではなく、デザインまで？
絵心ない中年代表の私としては、期待せずにはいられない。
早速、朝のコーヒー片手にパソコンを開いた。

どこから起動するの？

しかし、である。
まずどこからどう操作すれば良いのかもわからない。

とりあえず、Claude AIに使い方を聞いてみる。
AIのこともAIに聞く時代だ、笑

メニューに追加されているぞ、と言われた。
ブラウザでClaudeを開くと、メニューに「Design」を発見。
ちなみに、私の環境ではアプリ版ではまだ当機能は入っていなかった。

Claude Designは、まだ研究プレビュー段階。
（4月18日時点）

作成できるのは
・プレゼンテーション資料
・HP（ホームページ）
・LP（ランディングページ）
などに限られている。

そこでHPを作ってみることにした。

ブラウザのひとつのタブでClaude AI、別のタブでClaude Designを開く。

Claude AIにプロンプトを作成してもらい、Claude Designに投入する。

待つこと数分。
最初のHPが出来上がった。

色味がベージュで地味。
内容も文字ばかりで、コンテンツ間に隙間が多くスカスカだ。

そんなことを、スクショと共にClaude AIに伝える。
Claude AIは私にいくつか質問を投げかけ、私の意図を具体化していく。

そして、プロンプトを再作成する。
それをClaude Designに投入する。
私はAI間の情報をコピペするだけだ。

Claude Designで、突然「玉ねぎをキャラメリゼ中」の文字が流れた。
え？玉ねぎ？？

Claude AIに早速報告。
もはや人間伝書鳩だ、笑

玉ねぎをじっくりと飴色になるまで炒めてます、の意味らしい。
英語圏のITあるある、遊び心のメッセージとのこと。
日本人にはびっくりするんですけど、笑

Claude AIには、今までのチャットで私の基本情報が記憶されている。
具体的な指示は出さなくても、その情報に基づきプロンプトを作っていく。

30分である程度形になった。

【Claude Design画面】
左側ウィンドウがClaude Designと会話するエリア。
右側ウィンドウがデザインのプレビューエリアだ。

【作成されたHP（抜粋）】

いかがだったでしょうか。

Claudeの進化は凄まじく、まさに日進月歩。
デザインセンス皆無の私でも、30分でここまで作れる時代。
AIを使わない選択肢はないでしょう。

最後までお読みいただきありがとうございました。

スキしてみて

84万件