バイブコーディングとは？AIに“雰囲気”を伝えるだけでWebサイトが完成する新しい開発手法
| Posted by |  |
緒方 真介 Shinsuke Ogata |
近年注目を集めている
バイブコーディング（Vibe Coding）
AIに
“やりたいこと”
や
“雰囲気”
を
伝えるだけで、
プログラムが完成していくという、
これまでの常識を覆す開発スタイルです。
ということで試しに
バイブコーディングで
架空の企業のwebsiteを作ってみました
指示内容は
"シンプルな企業のwebサイトつくって 画像も適当に生成して配置して"
すると
ファイルを生成してくれます
-完成-
自動で
必要なファイルを生成し
レイアウトを構成し
画像まで用意してくれました。
みなさんも体験してみてください！！
|
|
Posted by Shinsuke Ogata
上級執行役員/ゼネラルマネージャー/CGクリエイター 緒方 真介
|
緒方 真介が書いたその他記事
Astraがすごい！何ができる？写真から3Dモデル制作への活用例を紹介
AI動画は設計が9割？ストーリーボードからAI動画を生成する方法
【2026年最新】SSDはなぜ高い？HDDとどっちを選ぶべき？
【TapNow AIの使い方②】ノードを繋いで滑らかな動画を生成！
【TapNow AIの使い方】ノード式キャンバスで思い通りの画像を生成する次世代ツール
After Effects 2026新機能解説｜AEだけで3Dシェイプ制作！
ChatGPT 5.2で仕事はどう変わる？5.1との違いと実務での進化ポイント
博多発祥の伝統芸能｜筑前琵琶保存会 第61回定期演奏会「風の時代」
話題のAI「sora2」使ってみた！使い方・特徴・招待コードのまとめ
熊本の夏を彩る感動のフィナーレ！ウエッキー夏祭り2025プロジェクションマッピング
AIに任せる新しい曲探し！Musicbedの画期的なツールで音楽を見つけよう
AIが毎日のタスクを代行！Manus AIで仕事がもっとラクになる
ヒルトン福岡シーホークでのプロジェクションマッピング
Cinema 4DでアニメーションOBJをテクスチャ付きで書き出す方法
【新着情報】プロジェクションマッピングとレーザー演出に特化した特設サイトを公開！
写真の背景をワンクリックで削除！
【超簡単】Chromeのブックマークをアイコンだけにしてスッキリ表示する方法
AI動画の“弱点”を潰したRunway Gen-4
ChatGPTをもっと便利に！GPTsを活用して回答の精度を上げる方法
人感センサー×インタラクティブ動画を実装してみた！
After EffectsでOBJ連番ファイルを読み込む方法【2025年版】
ABURAYAMA FUKUOKAで織りなす幻想的な物語「かいじゅう、おりてきた」
星野リゾートが手掛ける「界-KAI-」 別府で体感する没入型体験！
高宮の新コンセプトカフェ「やず本や」で過ごす充実したワークタイム
ChatGPT 新機能 4.0 with Canvas の紹介
ターミナルを活用しよう！初心者でも簡単解説！
MidJourney活用術：Discordで自分専用サーバーを作成して画像生成を最適化
GitHubの魅力を徹底解説！開発者に欠かせないツールの利点
PCのリモート操作で快適！Parsecの使い方と解説
【未来型花火エンターテインメント】STAR ISLAND FUKUOKA 2024
映画『ゴールデンカムイ』のVFX制作の裏側
歩行困難な犬を助ける【歩けるくん】 革新的なペット用補助具の紹介
Final Cut Pro Xで遭遇する"リンク切れ" "データなし" エラーの解決方法
MacとWindowsの壁を越える：外付けハードディスクの読み書き問題を解決する方法
【REDSHIFT】時間短縮の書き出し設定 cinema4d 編
『歩けるくん』体験会 福岡開催！
ChatGPT プラグインの導入ガイド
TOKYO NODE開館記念企画 "Syn"
電気の知識
「ウェス・アンダーソンすぎる風景展」がサイコーすぎた!!
自動でYouTubeの内容を要約してくれる『Glarity』がすごい！！
【chatGPT】にchatGPTを質問してみた！
映像クリエイターが選ぶおすすめ映像！モーショングラフィックス編
THE FIRST SLAM DUNK !!!
CINEMA4D2023 Octane renderを適用する方法(mac版)
After Effect 23.0 リリース情報！
クリエイターおすすめ映像 実写合成編！
北九州アニソン花火に行ってきた！
4/30 new MV公開！！
実写?!CG?! クリエイターおすすめ映像！
After effects【ELEMENT3D】 テクスチャの解像度を上げる方法
今年の一文字
VFXで蘇る世界
クリエイター推薦！おすすめ映像 実写+CG篇
【無料ウェビナー】"After Effectsで作るMVの制作プロセス" 開催します！
【AE】文字を一文字ずつバラバラに動かす方法 After effects
Photoshop 2022 アップデート情報
映像クリエイターが選ぶおすすめ映像！3DCG編
映像コンテスト優秀賞頂きました！
After effects 2021 テキストがコピぺできない場合の解決方法
GH5ユーザー必見！壊れた撮影データ.mdtファイルを修復する方法！
はじめてみよう！ 実写合成 VFX ！初級編
3D都市を無償ダウンロード！！
DaVinci Resolve Fusion編 ~その1~
After Effectsユーザー必見！PCの容量圧迫の解消方法！
After effectsのレンダリング完了音を操る！
viewers:1
エンジニアカフェ に行ってみた ~地下編~
エンジニアカフェに行ってみた 〜地上篇〜
高精度翻訳 DeepL
After effectsのエラー音「メエェェ...」を自由自在に操る！！
cinema4Dで簡単！フェイストラッキング
After Effectsを英語版で起動させる方法！
実写合成VFXの方法！その2
実写合成VFXの方法！その1
映像アイデアの作り方！
超簡単！ MACで動画を軽くする方法！
エクスプレッションの仕組みを理解しよう！
ピクセルの限界に挑戦してみた！
映像クリエイターおすすめ MusicVideo ~LO-Fi編~
シェイプを自在に変形！after effects初級編
話題のアプリ "Clubhouse" 使ってみた！
映像クリエイターがすすめる ブランディングムービー
クリエイターが選ぶおすすめ映像 ~モーショングラフィックス編~
音声版Twitter?! 話題の音声sns ”Clubhouse”！
映像クリエイターが選ぶおすすめ映像 ~クリスマス編~
今さら聞けない Q&A！ ~ Adobe Media Encoder 編 ~
映像クリエイターが参考にするサイト4選！
映像クリエイターが選ぶオススメ映像 その1
素材配布サイトmotionelementsの勧め！！
webARの世界 ~episode 3~
webARの世界 ~episode 2~
拡張現実 AR の世界！！
覚えておきたい キーボードショートカット 9選 After Effects 編
映像制作 Aftereffects -時短に繋がるプラグイン
世界中のクリエイターとつながる ソーシャルネットワークサービス Behance
映像制作ツール davinci resolve
cinema4d 便利機能その１ -モーショントラッキング編- 映像制作
【After Effects】17.1.0ver アップデートによる新機能紹介
After Effects plugin "Glass Eyes" -動画制作-
2020ラストツアー
超便利PCアイテム
"Slack"
空から見える風景
SHIMA BLAST TOUR FINAL
塩田千春展 ~魂がふるえる~
六本木金魚25th
タイ旅行記 ~其の参~
タイ旅行記 ~其の弐~
タイ旅行記 ~其の壱~
ブログ 2025-07-04 19:30:00
梅雨も明け7月に入り、真夏なんじゃないかと思うくらい暑い日々がつづいています… そんな中、アツすぎるMVが公開されました！ ...
ブログ 2024-11-30 17:41:00
備忘録 GitHubは、プログラムやファイルを保存して、チームで一緒に作業するためのサービス コード ...
ブログ 2020-10-30 13:54:00
みなさんこんにちわ、横山です（・・） 10月も終わりかけて ...
ブログ 2023-05-26 19:30:00
こんちわー！ 横山です。 先日、大阪へ『 TWICE 5TH WORLD ...
ブログ 2021-03-31 16:23:00
みなさまこんにちは、上甲です。 桜の綺麗な季節ですね！ 今年は暖かく、穏やかな気候なのでお花見もしやすそうです^ ^ ...
ブログ 2023-12-11 11:54:00
こんにちわ。 横山です。 最近AIのお勉強に勤しんでる横山ですが、 その第一歩として、『 Midjou ...
ブログ 2025-11-27 20:09:00
みなさんこんばんは 今回のブログは結婚式！ 11月1日に人生2回目の友人の結婚式に行ってきました！ 福岡にある「ララシャンス博多の森」 ...
ブログ 2025-05-30 19:26:00
僕普段から結構気温を気にしてるんですけど、春と夏って一瞬じゃないですか。で、気づいたのはGWくらいの5月上旬が本当に一瞬安定して気持ちいい春 ...
ブログ 2021-01-27 15:11:00
今回はクリエイター必見！ オンラインノートアプリ「Milanote」を紹介します！ ...
ブログ 2021-01-22 17:33:00
写真撮影〜構図編〜 ・第1弾「日の丸構図」 ・第2弾「放射線構図」 ・第3弾「対角線構図」 について解説しました！今日は第4弾です＾ ...