Video wird geladen...
Video konnte nicht geladen werden
Claude Code × Vibe Codingで 「それ何て言えばいい?」を ゼロにする用語集を作りました AIにWebサイトを作ってもらうとき、 地味に困るのが 「パーツの名前がわからない」問題。 ヒーロー、モーダル、ブレッドクラム… 名前を知ってるだけでAIへの 指示精度が段違いに変わります。 この用語集では ✅パーツ名/スタイル/インタラクションを網羅 ✅各用語に「AIへの指示例」付き ✅ビジュアルUI図鑑で実際の配置も確認できる Vibe Codingの語彙力、ここで一気に上げてください。 🔽 用語集はこちら
191,027 Aufrufe • vor 6 Monaten •via X (Twitter)
18 Kommentare

先日、Vibe Codingウェビナーを開催しました。需要があれば、再開催しますので、コメントで教えてください😊

自分でもこういう便利サイト作りたい。 そんな方はClaude Codeを習得しましょう! 世界一のわかりやすさを目指して解説します。

テキストアニメーション図鑑もあります! こちらもVibe Codingの役に立つと思います😊

UIのビジュアルの名前を知りたい方はこちら。どんなデザインにしたいかをAIに伝える時に便利です。

用語わかってるだけで指示の解像度が変わる、まさにこれ。 自分もコード書けないVibe Coding勢なので、名前を知ってるかどうかで詰まり方が全然違う。 保存しました🙏

保存ありがとうございます! Vibe Coding, Vibe Designするにも、語彙を知っているとAIとの会話がスムーズになりますよね!

これはClaude Codeに限らず役に立ちますね。📝 ヒーローセクション、モーダル、アコーディオン…知らない用語がいくつもありました。

普段何気なく見ているサイトも、いろいろなパーツで作られていることがわかりますよね!お役に立てて良かったです☺️

ありがたいです。使わせていただきます!

ぜひ、ご活用ください!☺️

めっちゃ便利なので使わせてもらいます!

ありがとうございます!ぜひお役立てください^^

これ、「名前を知ってる」って単純な話じゃなくて、実は「解像度の差」なんですよね AIって「曖昧な指示→曖昧な結果」の構造だから、用語を知ってる人は最初から高解像度で伝えられる 「上の方にある大きな画像」vs「ヒーローセクション」では、AIが受け取る情報密度が10倍違う 逆に言うと、用語集って「AIとの会話の圧縮技術」でもある 1つの単語に複数の仕様を込められるから、指示時間も修正回数も激減しますよね

こういうのを待っていました!ありがとうございます、活用させていただきます!

公開して良かったです! ぜひお役立てください😊

指示の質を上げる用語集助かります!

ブレッドクラムって名前、いつも忘れる笑笑 これ知ってるだけで「上のやつ」とか「パンくず的なやつ」って言わずに済むの地味に嬉しい。用語集、保存決定。

これめちゃくちゃ実用的ですね。パーツの名前を正確に伝えるだけでAIの出力が全然変わるのは本当にそう。特にヒーローセクションとかCTAとか、名前知らないと「上の大きい部分」みたいな曖昧な指示になりがちで。この用語集は初心者にとってかなり助かると思います
