バイブコーディングとは？AIに“雰囲気”を伝えるだけでWebサイトが完成する新しい開発手法
| Posted by |  |
緒方 真介 Shinsuke Ogata |
近年注目を集めている
バイブコーディング（Vibe Coding）
AIに
“やりたいこと”
や
“雰囲気”
を
伝えるだけで、
プログラムが完成していくという、
これまでの常識を覆す開発スタイルです。
ということで試しに
バイブコーディングで
架空の企業のwebsiteを作ってみました
指示内容は
"シンプルな企業のwebサイトつくって 画像も適当に生成して配置して"
すると
ファイルを生成してくれます
-完成-
自動で
必要なファイルを生成し
レイアウトを構成し
画像まで用意してくれました。
みなさんも体験してみてください！！
|
|
Posted by Shinsuke Ogata
上級執行役員/ゼネラルマネージャー/CGクリエイター 緒方 真介
|
緒方 真介が書いたその他記事
【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-06-29 18:56:00
どうもこんにちは 先日、福岡県飯塚市にある 飯塚オートレース場のメインスタンドオープン記念で花火&レーザーショーを行いました ...
ブログ 2019-09-30 22:55:00
こんにちはタケバです！ 先日熊本現代美術館で 「デザインあ展」In KUMAMOTO が ...
ブログ 2024-11-30 23:56:00
こんばんは！ ずいぶん寒くなりましたが みなさんいかがお過ごしですか？ 先日、福岡旅行で八女＆筑後をぶ ...
ブログ 2021-03-15 11:05:00
PEACSMIND新商品のご案内です！ 今回は建築関係のお仕事をされているみなさまに 是非見ていただきた ...
ブログ 2020-05-01 15:33:00
こんにちはパラオです。 先月コロナ自粛前におしゃれベーカリー屋さんを発見したので紹介しようと思います！！ 福岡市中央区大宮にある ブー ...
ブログ 2023-10-25 12:29:00
花火アートイリュージョン in 福智町：ピークスマインド主催の花火大会に参加して 先日、ピークスマインド主催の花火大会『 花火アートイリ ...
ブログ 2024-12-30 20:33:00
こんばんは！ いま無性に美味しいもの食べたい、なかむら りんです！ 美味いものを求めて...！ということで、先日"愛知県"に行ってきまし ...
ブログ 2025-10-30 19:25:00
ピークスマインドでは一年目に東京研修という制度があります。 今回ついに私も東京研修へ二日間行かせていただきました！ 振り返ってレポート、 ...
ブログ 2024-03-31 21:58:00
みなさま、こんばんは。 3月ももう終わりますね… 3月はあったのかと思うほどあっという間に過ぎていきました。 ...
ブログ 2022-06-24 10:35:00
こんにちは、こんばんわ 江原です。 今回は、福津巡りPart 2です！！！ お待たせしましたーーーー ...