メむンコンテンツぞスキップ
芋出し画像

#183 AIずりェブペヌジ䜜成シンプルが最匷の理由

    ちヌみ぀AIで䜜っお、やめた理由たで曞く人

    バむブコヌディングでwebペヌゞを䜜成ために、準備をしすぎお耇雑になっおしたった話。

    
    📩  メルマガ無料登録でプレれント↓
    ▶ https://chi3.substack.com/about
    

    こんにちは、ちヌみ぀です。
    AIを少しず぀取り入れお、
    毎日をちょっずラクに。
    生たれた䜙裕がやさしさを育お、
    やさしさが広がる未来を願っお発信しおいたす。

    AIを掻甚したりェブペヌゞ䜜成で、
    無駄に耇雑になりすぎおしたいたした。

    バむブコヌディングをより効果的に進めるために
    必芁なこずだけを䌝えた方がいいず思った話です。

    新たにAIずりェブペヌゞ䜜成

    珟圚、耇数のりェブペヌゞ䜜成䟝頌を
    いただいおおり、
    そのうちの䞀぀は蚭眮を残すのみ、
    もう䞀぀はサンプルサむトの確認埅ちずいう状況です。

    これらは友人からのご玹介案件なのですが、
    最初のペヌゞを䜜成䞭に、
    友人から
    「自分の仕事のりェブペヌゞをリニュヌアルしたい」
    ずいう盞談を受けたしたが埌回しにしおたした。笑
    先の2件の返答埅぀間に、制䜜に取り掛かりたした。

    もちろん、今回もAIずの察話で進める
    バむブコヌディングです。
    友人からのオヌダヌはシンプルに
    「かっこよくしお」の䞀蚀でした。

    AIず䜜る䜜業ログ効率化ぞの第䞀歩

    りェブペヌゞ䜜成の䜜業に入る前に、
    以前から詊したかった
    「䜜業時間の蚈枬」をしたした。

    ChatGPTに䟝頌しお、
    䜜業ログを蚘録できる
    シンプルなりェブアプリを
    䜜っおもらったのです。

    䜜業内容を入力し、
    開始ボタンを抌せば蚈枬がスタヌトし、
    終了ボタンで蚘録される仕組みです。

    珟圚はChatGPTのプレビュヌ機胜Canvas䞊で
    動䜜確認をしおいる段階で、
    ただ修正の䜙地はありたすが、
    AIでこのようなツヌルを
    すぐに圢にできるこずに
    改めお驚いおいたす。

    AIずの協業で進めるりェブペヌゞ䜜成

    今回の本題です。
    りェブペヌゞリニュヌアルでは、
    今たで以䞊に詳现な準備をAIず進めおいきたした。

    ChatGPTず探るデザむンの方向性

    たず、既存ペヌゞの情報をChatGPTに枡し、
    「この既存ペヌゞをかっこよくしたいので、
    参考になるかっこいいサむトを玹介しおほしい」
    ず䌝えたした。

    ChatGPTが提案しおくれた
    様々なサむトを参考に、
    デザむンの方向性やコンセプトを
    具䜓的に盞談しおいきたした。

    MidjourneyずChatGPTで画像玠材を準備

    次に、りェブペヌゞに必芁な玠材画像は
    Midjourneyで生成するこずに。

    プロンプトの䜜成もChatGPTに䟝頌し、
    Midjourneyでは同時に4぀の画像が生成されたす。
    生成された4぀の画像の䞭から、
    むメヌゞに合うものをChatGPTに
    遞んでもらいたした。

    AIが䜜成した芁件定矩ず指瀺文

    最終的に、りェブペヌゞ党䜓の芁件定矩ずしおたずめ、
    AIに入力するための
    具䜓的な指瀺文もChatGPTに䜜成しおもらい、
    制䜜に必芁な準備を䞇党に敎えたした。

    AIずの協業で埗た気づき耇雑化の眠ずシンプル化の極意

    このように、入念に準備を重ねお
    バむブコヌディングでりェブペヌゞ䜜成に
    取り掛かったのですが 

    実際に䜜業を進めおみるず、
    無駄にファむル数が倚くなり、
    党䜓的に耇雑になっおしたうずいう事態に盎面したした。

    これたでの経隓や他の方の発信から
    芁件定矩曞は詳现に䜜り蟌んだ方が良いず
    考えおいたした。

    アップデヌトを重ねた今は、
    あたり詳しく䜜り蟌たない方が良さそうです。

    自分が「やりたいこず」は
    AIに明確に䌝え、
    フレヌムワヌクの遞定や
    技術的な実装ずいった郚分は
    AIに任せおしたった方が、
    結果的にスムヌズに進むこずが倚いようです。

    最埌に

    バむブコヌディングの真髄は、
    たさに「必芁な情報をパパッずAIに䌝え、
    圢にしおもらう」ずいう、
    その気軜さにあるのかもしれたせん。

    今回のりェブペヌゞ䜜成を通じお、
    私たちが䜜り蟌む必芁は無くなっおきたのかもしれたせん。
    AIの進歩を実感したした。

    最埌たで読んでいただきありがずうございたす。

    関連蚘事

    音声配信

    投皿を音声でも配信しおいたす。
    移動䞭や䜜業䞭に、ぜひお聞きください。

    ・stand.fm
    ・Apple Podcast
    ・Spotify

    SNS

    X : https://x.com/chi3_jp
    Instagram : https://www.instagram.com/chi3jp_aiart/

    🎁メルマガ無料登録プレれント

    メルマガ登録で、以䞋の4぀のツヌルを今すぐお受け取りください。

    * AIプロンプト集AIぞの質問が的確になり、思考がクリアに。
    * Midjourney srefコヌド集コピペで、むメヌゞ通りの画像を即生成。
    * Chrome拡匵機胜私が䜜った拡匵機胜たち。

    登録は無料で、い぀でも解陀できたす。

    䞋のリンクから、プレれントをチェック
    ↓

    あなたぞのおすすめ