ChatGPTとMidjourneyで作る、WEBデザイン。

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 ก.ค. 2024
  • 今回は、話題のAIツール、”ChatGPT”と”Midjourney”を使用してWEBデザインをしてみました😊♪
    🎥 この動画の構成 🎥
    00:00 ChatGPTとMidjourneyでWEBデザイン
    00:10 ChatGPT(チャットジーピーティー)とは?
    00:28 Midjourney(ミッドジャーニー)とは?
    00:50 ChatGPTでWEBサイトの説明文を生成する
    01:20 テキストの生成
    02:50 Midjourneyでデザインカンプを生成する
    03:36 画像の生成
    05:35 画像パターンの作成(Vボタン)
    06:10 Figmaでデザインを調整
    06:35 完成
    🤖 その他のAI動画 🔽
    今ここ❶ ChatGPTとMidjourneyで作るWEBデザイン
    • ChatGPTとMidjourneyで作る、...
    ❷ Midjourneyで写真を元に画像生成
    • 【AIツール】Midjourney - ミッ...
    ❸ ChatGPTでWebサイトを作れるか?
    • ChatGPTでコード生成、Webサイトを作...
    ❹ AI化するエクセル・パワポ
    • 【ChatGPT】エクセルやパワポがAI化「...
    ❺ AdobeのAIツール"Firefly"で出来る24のこと
    • 【Adobe アドビ】AIツール「Firef...
    ❻ GitHub Copilotで自動コーディング
    • 【自動コーディング】GitHub Copil...
    ❼ Adobeの画像生成AI"Firefly"ベータ版使ってみた
    • Adobeの画像生成AI「Firefly -...
    ⭐️ 自分でWebサイト作ってみませんか? ⭐️
    誰でも、できる!Webサイト公開の流れ!
    • 【10分でサイト公開】誰でもできる!Webサ...
    ご視聴いただきありがとうございます🙇‍♂️
    この動画を気に入っていただけたら、ぜひチャンネル登録よろしくお願いします❗️
    👇『HIROCODE.ヒロコード』をチャンネル登録する 👇
    th-cam.com/users/hirocode?sub_c...
    ◆ Twitter. ツイッター
    / hirocodeweb
    ◆ Instagram. インスタグラム 👈 オススメ❗️
    / hirocodeweb
    🔋 僕が使っている、おすすめのデバイス 🔋(アフィリエイト広告を使ってます!)
    【 マウス 】
    ✅ ロジクール アドバンスド ワイヤレスマウス MX Master 3
    amzn.to/34Zn5LH
    " ボタンカスタマイズによって作業の効率化が図れます。アプリケーションごとにカスタマイズ可能です。 "
    【 キーボード 】
    ✅ ロジクール アドバンスド ワイヤレスキーボード KX800 MX KEYS
    amzn.to/38S1B4i
    " 打ちやすく疲れにくく、タイピング音も静か。長時間コーディングする方にオススメ。 "
    【 パソコン 】
    ✅ Apple Macbook Pro 16inch
    amzn.to/2WXKtEN
    " 画面サイズ大きいと作業が捗るので便利です。初期投資で良いパソコンの使用をオススメします。 "
    【 周辺機器 】
    ✅ Apple AirPods Pro
    amzn.to/3rAyU4u
    " カフェでの作業や通勤時間など、ノイズキャンセリング機能で周りの雑音に影響されることなく集中できるようになります。他にApple機器を使用している方はAirPodsがオススメです。
    ✅ Apple iPad Pro 11インチ
    amzn.to/3mZuvoo
    " macに搭載されているSidecarという機能で、iPadをサブディスプレイとしての利用が可能です。 "
    📕 おすすめ書籍 📕
    【 デザイン 基礎編 】
    ✅ 1冊ですべて身につくHTML & CSSとWebデザイン入門講座
    amzn.to/3o8vofO
    " webデザインの基礎とコーディング(HTML/CSS)の基礎がわかる。入門者におすすめの一冊です。 "
    ✅ なるほどデザイン
    amzn.to/2X48Z77
    " デザイン全般について、図解で視覚的に分かりやすく説明がされている書籍。デザインに興味がある人にオススメです。 "
    【 デザイン 思考編 】
    ✅ 誰のためのデザイン?
    amzn.to/3o4gzun
    " デザインにおける役割を理解できる。デザインをする上で何を考える必要があるのかが分かる本。 "
    ✅ IAシンキング Web制作者・担当者のためのIA思考術
    amzn.to/2KETvEn
    " デザイン以前のサイト設計における思考の方法を身につけるための一冊。 "
    【 書籍デバイス 】
    ✅ キンドルペーパーホワイト Kindle Paperwhite
    amzn.to/3n2AwRh
    " 200冊あったビジネス書を処分してこちらを導入。一部デジタル化されていない書籍はありますが、紙の本に特別なこだわりのない方は電子書籍での読書をオススメします。
    🎧 BGM 🎧
    ----------------------------------------------------------
    Music Title: Happy And Joyful Children
    Music Link: • Happy Children Backgro...
    ----------------------------------------------------------
    ------------------------------
    BGM:トーマス大森音楽工房
    / freemusicthomasoomori
    ------------------------------
    #webデザイナー #figma #webdesign

ความคิดเห็น • 39

  • @hirocode
    @hirocode  ปีที่แล้ว +3

    ✅Midjourneyで写真を元に画像生成する方法はこちら
    th-cam.com/video/cb2dQkg5mAc/w-d-xo.html

  • @showtime1998
    @showtime1998 ปีที่แล้ว +11

    アイデアを出すのにブレストしながらchatGPTして、そこからミッドジャーニーで具現化すればスゴい早く進むと思うし、お客さんにも伝わりやすくていいなと思いました。
    早速今夜試してみます☺️

    • @hirocode
      @hirocode  ปีที่แล้ว

      AIを併用する新たなプロジェクトの進め方が期待できますね😆❗️

  • @write1500
    @write1500 ปีที่แล้ว +5

    これからこう言うAIを掛け合わせたサービスがどんどんできそうですねー

    • @hirocode
      @hirocode  ปีที่แล้ว

      かなり幅広く普及する気がします😲❕

  • @tarouyamada3917
    @tarouyamada3917 ปีที่แล้ว +11

    凄いなぁ
    AIと上手に会話できる人だったら
    制作のうち参考元を探す時間や
    画像等の素材を探す時間をだいぶ削れるようになりそう

    • @hirocode
      @hirocode  ปีที่แล้ว +2

      本当その通りで、これからの時代AIといかに会話できるかが重要な気がしますね😲❗️

    • @姿なきオドン
      @姿なきオドン ปีที่แล้ว +2

      プログラミングができる人は機械が何を理解できるのか知っているから、求めているものがどうすれば出力されるのかわかっている

  • @moike2535
    @moike2535 ปีที่แล้ว +1

    NICE❗️俺はchatGPT and Google drive経由のstable diffusion で動かしてます(笑)

    • @hirocode
      @hirocode  ปีที่แล้ว

      Google drive & stable diffusion で試してみました❕
      stable diffusionでうまく生成できるようになったらかなり利用価値の高いスキルになりそうですね😵❕

  • @meppi220
    @meppi220 ปีที่แล้ว +2

    わかりやすい!
    画像生成にどのくらい時間かかったか気になります!

    • @hirocode
      @hirocode  ปีที่แล้ว +1

      ありがとうございます!混み具合にもよりますが、1分とかその程度です😊❗️

  • @user-kf9fj6rf1w
    @user-kf9fj6rf1w ปีที่แล้ว +2

    コメント失礼します!
    ヒロコードさんの見解として、今後AIの発達によってWebデザイン等の職業は無くなってしまうと思いますか?

    • @hirocode
      @hirocode  ปีที่แล้ว

      コメントいただきありがとうございます😊♪
      Webデザイナーについてはまだまだ無くならないと思います!
      単に画像やテキストを並べただけのデザインであればAIによって踏襲されていくと思いますが、実際問題サービスや用途によってデザインの意図や内容は大きく変わるので、サービスが複雑であればあるほどまだまだAIだけで実現するのは難しそうです😆❗️

  • @agjom
    @agjom ปีที่แล้ว +3

    stable diffsionやchat gptの登場は本当に世界を変えてきたなぁと思います、今後十年間でどれほどクリエイター職を駆逐していくのかを考えると恐ろしいものですね笑

    • @hirocode
      @hirocode  ปีที่แล้ว

      特にイラストレーター職への影響が大きそうに感じますね😱

  • @nightfriday4732
    @nightfriday4732 ปีที่แล้ว +2

    すみません midjourneyで作られた画像は個人ではなく、広告や仕事などに使用することできますか?無料で商用利用できるということですか?

    • @hirocode
      @hirocode  ปีที่แล้ว +3

      Midjourneyで生成された画像について、有料プランであれば商用利用可能になります❗️
      ただ、存在するブランドのロゴなどが含まれている場合、別途そのブランドの許可が必要になるかと思います。酷似している場合も同様かと。

    • @nightfriday4732
      @nightfriday4732 ปีที่แล้ว +1

      ご丁寧にありがとうございます!了解しました!参考になりました!

  • @hap0526
    @hap0526 ปีที่แล้ว +3

    画像ファイルも一緒に指定して生成してもらった画像と合わせる…と言ったこともできるのでしょうか?もし可能なら教えていただきたいです。

    • @hirocode
      @hirocode  ปีที่แล้ว +2

      できました!
      1. Discord内のチャットに画像を送信して画像のurlを取得
      2. 画像url キーワードで画像生成
      でできます😆❗️

    • @hap0526
      @hap0526 ปีที่แล้ว +1

      @@hirocode
      ‼️ありがとうございます🙇🏻‍♂️
      キーワードにその画像URLを入れて、「この画像を合成して作成して」というキーワードを追加する、という感じでしょうか。

    • @hirocode
      @hirocode  ปีที่แล้ว

      @@hap0526 最初そう考えていたんですが、画像url character、みたいな感じでキーワード入れて生成するだけで画像の要素が取り入れられたキャラクターが生成されました😆❗

    • @hap0526
      @hap0526 ปีที่แล้ว +1

      @@hirocode
      なんだか、一昔前の映画に出てきそうな感じがしてワクワクしますね!

  • @applepi314root
    @applepi314root ปีที่แล้ว

    stable diffusionでなかなかできないからやっぱり有料のものをつかうしかないのかなぁ、と...

    • @hirocode
      @hirocode  ปีที่แล้ว

      stable diffusion同じく苦戦してます😅
      僕はMidjourney課金してしまいました笑

  • @user-qy1pe8lz5q
    @user-qy1pe8lz5q ปีที่แล้ว +4

    そのうちその専門のAIが出来てレイヤーもわけてくれるんだろうなぁ

    • @hirocode
      @hirocode  ปีที่แล้ว

      そこら辺かなり近い将来に感じますね😊♪

  • @Leo-rt9go
    @Leo-rt9go ปีที่แล้ว +1

    もう 料理感覚…

    • @hirocode
      @hirocode  ปีที่แล้ว

      ゲームの調合にも似てますね😂❗️手軽にこのクオリティ凄すぎます😲

  • @shippo1025
    @shippo1025 ปีที่แล้ว +4

    時代が変わったんですね。デザインを0から考えるということをしなくても良いという選択肢。カルチャーショックでした。

    • @hirocode
      @hirocode  ปีที่แล้ว

      全く同感です。時代の転換期を感じますよね😲❕

  • @user-pd2el8ik2o
    @user-pd2el8ik2o ปีที่แล้ว +4

    世界は変わった

    • @hirocode
      @hirocode  ปีที่แล้ว +2

      ほんとしみじみそう思います💡

  • @Gatchan_Ns
    @Gatchan_Ns ปีที่แล้ว +5

    真似してやってみましたができません😭

    • @hirocode
      @hirocode  ปีที่แล้ว +2

      コメントいただきありがとうございます🙇‍♂️上手くいかなかった点共有いただければ解決できるかも知れません😆❕

    • @Gatchan_Ns
      @Gatchan_Ns ปีที่แล้ว +1

      @@hirocode 様
      いつも有益な動画配信を頂きありがとうございます♪英語文を訳してなぜエラーが出るのか諦めずに調べながらやり進めたらわかりました!!
      至極単純に、規約に同意したら実行できました!
      ありがとうございました。