Loading video...

Video Failed to Load

Go Home

Gemini 3なら、Web制作がここまで自動化できる！ 1. Google Antigravity を起動 2. デザインカンプまたはワイヤーフレーム 3. AIがデザインをそのまま再現 4. Nanobanana が画像生成し、フォルダへ保存 5. 素材とデザインを元にAIが自動コーディング 6. 気になる箇所は、追加指示を出せば即座に修正 人が行った作業はデザインを渡すことと、修正の指示のみ。 Gemini 3 の強力なデザイン理解能力と、Antigravityに組み込まれた BrowserUse、画像生成のNanobananaが完璧に連携。 その結果、このレベルのWebサイトならサクッと作れる時代になった。しかも作成された全ファイルはローカル上のフォルダ内に保存されてる。

keitowebai's profile picture

KEITO💻AIディレクター

44,849 subscribers

249,324 views • 9 months ago •via X (Twitter)

EducationScience & Technology
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

CodexのRecord & Replayプラグインが革命的！ プラグインを起動すると操作画面が録画されていき、その作業をCodexが理解。その上で同じ作業を再現するためのスキルが作成される。 左：指示だし動画 右：Codexが自動的に作業 内容 1.nottaを開く 2.動画をアップロード 3.文字起こしてtxtをフォルダに保存 4.共有リンクとパスワードをメモに保存 5.目次を生成しシンプル化したものをメモに保存 ↓ 動画を投げるだけで他者に共有可能な状態にすることが目的。 こんな自動化スキルを動画を見せるだけで完成した！
0:26

CodexのRecord & Replayプラグインが革命的！ プラグインを起動すると操作画面が録画されていき、その作業をCodexが理解。その上で同じ作業を再現するためのスキルが作成される。 左：指示だし動画 右：Codexが自動的に作業 内容 1.nottaを開く 2.動画をアップロード 3.文字起こしてtxtをフォルダに保存 4.共有リンクとパスワードをメモに保存 5.目次を生成しシンプル化したものをメモに保存 ↓ 動画を投げるだけで他者に共有可能な状態にすることが目的。 こんな自動化スキルを動画を見せるだけで完成した！

KEITO💻AIディレクター

18,511 views • 2 months ago

Gemini 3 Canvas を 超える使いやすさ Google Stitch が Figma を代替するかも？ 🔽 プロンプトはリプに掲載 このWebサイト3ページは、1度の指示で生成されました。コードのコピー、色のテーマ変更（動画終盤で実行）も可能です。修正内容によっては、日本語で指示するよりも楽な場合もあります。 さらに驚きなのが、1クリックで「Google AI Studio」「Jules」にエクスポートできます。UIデザインが数分で動作するアプリケーションに変換される。Webサイト、アプリケーションUIデザインの制作プロセスの革命か。
1:24

Gemini 3 Canvas を 超える使いやすさ Google Stitch が Figma を代替するかも？ 🔽 プロンプトはリプに掲載 このWebサイト3ページは、1度の指示で生成されました。コードのコピー、色のテーマ変更（動画終盤で実行）も可能です。修正内容によっては、日本語で指示するよりも楽な場合もあります。 さらに驚きなのが、1クリックで「Google AI Studio」「Jules」にエクスポートできます。UIデザインが数分で動作するアプリケーションに変換される。Webサイト、アプリケーションUIデザインの制作プロセスの革命か。

KAWAI

82,674 views • 9 months ago

Codexにタイムライン付きの歌詞とキャラクタと背景画像1枚、mp3ファイルを渡して、自動で歌詞のタイムラインに合わせてカット割りと生成動画時間の設定、mp3の分割、シーン毎の動画作成用のPrompt、必要となる追加の画像のGPT-Image2での作成、それらのアセットを丸っとCapCutのエージェントに渡して1回の指示で3分のMV動画を生成してくれるskillを作成しました。イマイチなところは結構あるけれど、見られない程酷いわけではないかな。作られたものに対してシーン毎にPrompt通りに生成されたかをフィードバックして、それらをノウハウとして溜めるところまでを一連のWorkFlowとするところまでワンセットにしてみたので、上手く育つといいなぁ。 実際にはCapCutでの生成エラーも結構あったので、1回での生成ではなく、失敗したものを再度個別に実行する必要がありました😌 #capcut生成ai CapCut.Japan
3:06

Codexにタイムライン付きの歌詞とキャラクタと背景画像1枚、mp3ファイルを渡して、自動で歌詞のタイムラインに合わせてカット割りと生成動画時間の設定、mp3の分割、シーン毎の動画作成用のPrompt、必要となる追加の画像のGPT-Image2での作成、それらのアセットを丸っとCapCutのエージェントに渡して1回の指示で3分のMV動画を生成してくれるskillを作成しました。イマイチなところは結構あるけれど、見られない程酷いわけではないかな。作られたものに対してシーン毎にPrompt通りに生成されたかをフィードバックして、それらをノウハウとして溜めるところまでを一連のWorkFlowとするところまでワンセットにしてみたので、上手く育つといいなぁ。 実際にはCapCutでの生成エラーも結構あったので、1回での生成ではなく、失敗したものを再度個別に実行する必要がありました😌 #capcut生成ai CapCut.Japan

AI Girl's Photo Studio

13,586 views • 3 months ago

【渡辺アナが10分でアニメに!? “#生成AIアニメ”の革新…人手不足解消のカギ】 撮影した映像を元に、イメージやテイスト、動画の長さをAIに指示 →あとは待つのみ。10分でアニメが完成 K&Kデザイン 岩瀬悠さん 「従来の手描きのアニメだと2週間くらい掛かる。AIでやると10分でできるところは正直びっくり」 ▼通常のアニメでは多くの工程を複数のスタッフで進めなければいけないものの、生成AIを使えば1人で全ての工程を行うことが可能 →プロジェクトを進めているのは名古屋にある、アニメ制作などを行う会社。従業員は6人 K&Kデザイン 川上博さん 「少人数であるがゆえに、大規模なアニメーションの作り方をまねできないので、生成AIを活用することを避けては通れないと感じた」 ▼3年前に東海地方で放送されたTVアニメ「シキザクラ」の企画・制作を担当し、その経験が生成AI導入のきっかけに K&Kデザイン 川上博さん 「オリジナルにこだわり過ぎたがゆえに、すさまじい情報量とデザインを描かなくてはいけないという地獄に陥ったみたいな感じ」 「すごい楽しい作業ではあったが時間はやっぱり掛かる」 K&Kデザイン 岩瀬悠さん 「シキザクラやってからは、ここ(仕事場)が家に」 ▼感じたのは、名古屋発でオリジナルアニメを制作することの限界。国内のアニメ制作会社811社のうち、約9割は東京の会社 K&Kデザイン 岩瀬悠さん 「アニメーターさんの取り合いをしている。人手の割に(アニメの)本数もものすごく多くなった」 ▼一方、AIアニメにはまだまだ不完全な部分があるため、人の手を加えて精度を上げる必要が K&Kデザイン 川上博さん 「生成AIが作ったものに頼りきってしまうことはしない。必ずクリエーターとして手を加えて、より良いものを作っていく。クリエーターとしての物づくりを忘れずに付き合っていきたい」 サンデーステーション
6:57

【渡辺アナが10分でアニメに!? “#生成AIアニメ”の革新…人手不足解消のカギ】 撮影した映像を元に、イメージやテイスト、動画の長さをAIに指示 →あとは待つのみ。10分でアニメが完成 K&Kデザイン 岩瀬悠さん 「従来の手描きのアニメだと2週間くらい掛かる。AIでやると10分でできるところは正直びっくり」 ▼通常のアニメでは多くの工程を複数のスタッフで進めなければいけないものの、生成AIを使えば1人で全ての工程を行うことが可能 →プロジェクトを進めているのは名古屋にある、アニメ制作などを行う会社。従業員は6人 K&Kデザイン 川上博さん 「少人数であるがゆえに、大規模なアニメーションの作り方をまねできないので、生成AIを活用することを避けては通れないと感じた」 ▼3年前に東海地方で放送されたTVアニメ「シキザクラ」の企画・制作を担当し、その経験が生成AI導入のきっかけに K&Kデザイン 川上博さん 「オリジナルにこだわり過ぎたがゆえに、すさまじい情報量とデザインを描かなくてはいけないという地獄に陥ったみたいな感じ」 「すごい楽しい作業ではあったが時間はやっぱり掛かる」 K&Kデザイン 岩瀬悠さん 「シキザクラやってからは、ここ(仕事場)が家に」 ▼感じたのは、名古屋発でオリジナルアニメを制作することの限界。国内のアニメ制作会社811社のうち、約9割は東京の会社 K&Kデザイン 岩瀬悠さん 「アニメーターさんの取り合いをしている。人手の割に(アニメの)本数もものすごく多くなった」 ▼一方、AIアニメにはまだまだ不完全な部分があるため、人の手を加えて精度を上げる必要が K&Kデザイン 川上博さん 「生成AIが作ったものに頼りきってしまうことはしない。必ずクリエーターとして手を加えて、より良いものを作っていく。クリエーターとしての物づくりを忘れずに付き合っていきたい」 サンデーステーション

報道ステーション＋サタステ

4,221,457 views • 2 years ago

「Nano Banana Pro」 で生成したサムネイルのギャラリーサイトをGoogleの「Antigravity」で生成しました。 "これができるなら、あれもできるのでは？"というアイデアが溢れてきます。やはり、考え込む前に、行動するのが吉。行動しないと、思考も豊かにならない。 とにかく作る、試す。
0:43

「Nano Banana Pro」 で生成したサムネイルのギャラリーサイトをGoogleの「Antigravity」で生成しました。 "これができるなら、あれもできるのでは？"というアイデアが溢れてきます。やはり、考え込む前に、行動するのが吉。行動しないと、思考も豊かにならない。 とにかく作る、試す。

KAWAI

182,291 views • 7 months ago

今、AIで最高品質のLPを作る流れがこれ。 ➊Claude Designでワイヤー作成 ↓ ❷Codexでデザイン画像を作成（image2） ↓ ❸Codexで画像を忠実にコーディング（GPT5.5） 最後の指示を出す際に、 以下を加えると再現度がグッと上がる 『画像以外の手段だと再現が難しそうな箇所は適切に素材をimage_genで画像生成しながら作成して。出力後、サブエージェントで類似度を検証し、95%未満のセクションに関しては修正を行う。』
0:25

今、AIで最高品質のLPを作る流れがこれ。 ➊Claude Designでワイヤー作成 ↓ ❷Codexでデザイン画像を作成（image2） ↓ ❸Codexで画像を忠実にコーディング（GPT5.5） 最後の指示を出す際に、 以下を加えると再現度がグッと上がる 『画像以外の手段だと再現が難しそうな箇所は適切に素材をimage_genで画像生成しながら作成して。出力後、サブエージェントで類似度を検証し、95%未満のセクションに関しては修正を行う。』

スモビジ開発ラボ

500,139 views • 3 months ago

先日投稿した「ビジョンボード」のポストが1,000いいねを超えるプチバズになりました。長めのポストなのに、たくさんの人に読んでもらいました。 何度も言いますが、今考えているあなたの2026年の抱負は「1ヶ月後には完全に忘れ去られています」。断言します。 2026年の目標を1枚の絵で作成し、壁紙に設定すれば、あなたの目標はいつも手のひらの上です。我ながらバリューのある内容だったと思います。フォロワーさんもたくさん増えました。 その流れで、九兵衛さん(九兵衛@アフリカ駐在くん)から5x5=25のバージョンを教えてもらい、そこから少し調べたら「目標ビンゴ」なるものが少し前に流行ったことを知りました。 私は思いました。 「これはAIプログラミング&画像生成との相性抜群や」と。 … これまでって、「ビンゴのデザイン画像自体」はこの世に出回っていたんですが、そこからは手で編集しないといけなくて、正直面倒だったんですよ。 それが、AIツールの発展により超手軽なものに変貌します。 【今までの目標ビンゴ】 ・手打ちでマスの内容を入力 ・マスの内容は文字のみで無機質 ・達成時の変更は手修正 ・デザインは固定 ↓ 【私の考案 - MY VISION BINGO】 ・AIによる自動生成で時間短縮 ・マスの内容を絵や画像にできる ・達成時もリアルタイムに「穴」を開けられる ・デザインも自分の思うがまま これにより： 誰でも簡単に、 タイムリーに目標管理可能で、 壁紙にしてもおしゃれな、 「ビジョンボードビンゴ」が完成します。 これを私はMY VISION BINGOと名付けました。 これは革命だと思います。 --- それでは早速作ってみましょう。決め打ちですみませんが、できればAIツールは「Claude」を使ってください。 なぜならClaude内にあるArtifactsという機能が最強だからです。作ったアプリをすぐに具現化→操作できます。ちなみに無料です。 また、ビンゴはビジョンボードと組み合わせた3x3=9が最適解です。5x5はごちゃごちゃして視覚的に混乱します。まずは大事な「8つの目標」に集中しましょう。 【MY VISION BINGOの作り方】 ①2026年で達成したい8つ目標を羅列する ②アプリ作成：以下プロンプトをClaudeにぶち込む： 「MY VISION BINGOというアプリを作成したいです。 デザインは添付の画像を完全にコピーしてください。 私の目標は以下です。 ・英語をネイティブレベルで話せるようになる ・情報工学の勉強を週2時間確保する ・42.195km走り切る ・南米3カ国に旅行に行く ・𝕏のフォロワーを10,000人に到達させる ・noteのフォロワーを1,000人に到達させる ・年間50冊の本を読む ・アプリを12個完成させる ビンゴの中心は画像の通りFREEとしてください。 達成時はクリックすることで右上にチェックマークをつけ、中央のFREEと同じ色に変更したいです。」 ③画像化：以下プロンプトをClaudeにぶち込む： 「MY VISION BINGOを画像化してください。 壁紙に設定するので、ピンチインピンチアウトしやすいよう周りの余白を多めに設定してください。」 このプロセスはAIに頼らずとも、スクショでもなんでも、画像化さえできればOKです。 --- いかがですか？もっと簡単に実行したい方は、GeminやGrokに画像と目標を読み込ませるだけでもそれなりの画像が出来上がると思います。 ただ個人的には、Claudeが一番精度が高かったと感じています。Artifacts機能だとリアルタイムでビンゴアプリが生成され、目標達成時のチェック機能も思いのままです。デザインだって自由。 さあ、ついに2026年が始まりました。 今年の抱負を考えた方も多いと思います。 ただ、そのままだと1ヶ月後には100%忘れます。 目標はいつも手のひらの上に。 楽しく達成しちゃいましょう。 皆さんの目標管理に役立ちますように。
0:10

先日投稿した「ビジョンボード」のポストが1,000いいねを超えるプチバズになりました。長めのポストなのに、たくさんの人に読んでもらいました。 何度も言いますが、今考えているあなたの2026年の抱負は「1ヶ月後には完全に忘れ去られています」。断言します。 2026年の目標を1枚の絵で作成し、壁紙に設定すれば、あなたの目標はいつも手のひらの上です。我ながらバリューのある内容だったと思います。フォロワーさんもたくさん増えました。 その流れで、九兵衛さん(九兵衛@アフリカ駐在くん)から5x5=25のバージョンを教えてもらい、そこから少し調べたら「目標ビンゴ」なるものが少し前に流行ったことを知りました。 私は思いました。 「これはAIプログラミング&画像生成との相性抜群や」と。 … これまでって、「ビンゴのデザイン画像自体」はこの世に出回っていたんですが、そこからは手で編集しないといけなくて、正直面倒だったんですよ。 それが、AIツールの発展により超手軽なものに変貌します。 【今までの目標ビンゴ】 ・手打ちでマスの内容を入力 ・マスの内容は文字のみで無機質 ・達成時の変更は手修正 ・デザインは固定 ↓ 【私の考案 - MY VISION BINGO】 ・AIによる自動生成で時間短縮 ・マスの内容を絵や画像にできる ・達成時もリアルタイムに「穴」を開けられる ・デザインも自分の思うがまま これにより： 誰でも簡単に、 タイムリーに目標管理可能で、 壁紙にしてもおしゃれな、 「ビジョンボードビンゴ」が完成します。 これを私はMY VISION BINGOと名付けました。 これは革命だと思います。 --- それでは早速作ってみましょう。決め打ちですみませんが、できればAIツールは「Claude」を使ってください。 なぜならClaude内にあるArtifactsという機能が最強だからです。作ったアプリをすぐに具現化→操作できます。ちなみに無料です。 また、ビンゴはビジョンボードと組み合わせた3x3=9が最適解です。5x5はごちゃごちゃして視覚的に混乱します。まずは大事な「8つの目標」に集中しましょう。 【MY VISION BINGOの作り方】 ①2026年で達成したい8つ目標を羅列する ②アプリ作成：以下プロンプトをClaudeにぶち込む： 「MY VISION BINGOというアプリを作成したいです。 デザインは添付の画像を完全にコピーしてください。 私の目標は以下です。 ・英語をネイティブレベルで話せるようになる ・情報工学の勉強を週2時間確保する ・42.195km走り切る ・南米3カ国に旅行に行く ・𝕏のフォロワーを10,000人に到達させる ・noteのフォロワーを1,000人に到達させる ・年間50冊の本を読む ・アプリを12個完成させる ビンゴの中心は画像の通りFREEとしてください。 達成時はクリックすることで右上にチェックマークをつけ、中央のFREEと同じ色に変更したいです。」 ③画像化：以下プロンプトをClaudeにぶち込む： 「MY VISION BINGOを画像化してください。 壁紙に設定するので、ピンチインピンチアウトしやすいよう周りの余白を多めに設定してください。」 このプロセスはAIに頼らずとも、スクショでもなんでも、画像化さえできればOKです。 --- いかがですか？もっと簡単に実行したい方は、GeminやGrokに画像と目標を読み込ませるだけでもそれなりの画像が出来上がると思います。 ただ個人的には、Claudeが一番精度が高かったと感じています。Artifacts機能だとリアルタイムでビンゴアプリが生成され、目標達成時のチェック機能も思いのままです。デザインだって自由。 さあ、ついに2026年が始まりました。 今年の抱負を考えた方も多いと思います。 ただ、そのままだと1ヶ月後には100%忘れます。 目標はいつも手のひらの上に。 楽しく達成しちゃいましょう。 皆さんの目標管理に役立ちますように。

BenBen｜時間狂人

101,979 views • 8 months ago

【Webデザイン革命】 Builder. ioとFigmaのAI連携がすごい。 アイテムを動かしたり、大きさを変えると自動でコードも修正される。 これでコード書けなくても洗練されたWebページを作れそう。 ↓このサイトから動画みたいな動きができるでぜひ試してほしい。感動します。
0:39

【Webデザイン革命】 Builder. ioとFigmaのAI連携がすごい。 アイテムを動かしたり、大きさを変えると自動でコードも修正される。 これでコード書けなくても洗練されたWebページを作れそう。 ↓このサイトから動画みたいな動きができるでぜひ試してほしい。感動します。

チャエン | デジライズ CEO《重要AIニュースを毎日最速で発信⚡️》

146,929 views • 3 years ago

KLINGのOmniで生成しました。主体登録とi2vを併用すると、主体よりもi2v側の画像に引っ張られるので、基本はi2v元の画像間で整合性を取っておく必要がありました。 元の画像から女性を全て消した画像でのi2v等も試してみたのですが、Omniで生成される人物も割とブレるのと、女性の出現場所がなかなかに神出鬼没で（え？そこから出るの？の連発）、それならKLING3.0やOmniはi2v時に元画像からの崩れも少ないので、画像上で纏めた方が楽でした。主体登録のコツがあるのかもしれません。 3分間の動画で完璧に同一人物での生成ができるといいのですが、まだなかなか難易度が高いですね。 いや～、画像の背景の密度を上げてもこれだけ動画生成でついてきてくれるようになるなんて、高密度画像の生成のし甲斐がいありますね～😆 今まで、高密度の画像を動画化してもi2vでほぼ潰れるので、動画ってオムネゆらすくらいしかやる気出なかったのですが、これなら自分の生成画像を動かしてみたくなりますね～。 画像生成：GrokImagine+Nanobanana Pro(Hailuo AI) 動画生成：KLING3.0 & Omni #KLING3 Kling AI 動画編集：CapCut #capcut生成ai #capcutjapandiscord CapCut.Japan
3:16

KLINGのOmniで生成しました。主体登録とi2vを併用すると、主体よりもi2v側の画像に引っ張られるので、基本はi2v元の画像間で整合性を取っておく必要がありました。 元の画像から女性を全て消した画像でのi2v等も試してみたのですが、Omniで生成される人物も割とブレるのと、女性の出現場所がなかなかに神出鬼没で（え？そこから出るの？の連発）、それならKLING3.0やOmniはi2v時に元画像からの崩れも少ないので、画像上で纏めた方が楽でした。主体登録のコツがあるのかもしれません。 3分間の動画で完璧に同一人物での生成ができるといいのですが、まだなかなか難易度が高いですね。 いや～、画像の背景の密度を上げてもこれだけ動画生成でついてきてくれるようになるなんて、高密度画像の生成のし甲斐がいありますね～😆 今まで、高密度の画像を動画化してもi2vでほぼ潰れるので、動画ってオムネゆらすくらいしかやる気出なかったのですが、これなら自分の生成画像を動かしてみたくなりますね～。 画像生成：GrokImagine+Nanobanana Pro(Hailuo AI) 動画生成：KLING3.0 & Omni #KLING3 Kling AI 動画編集：CapCut #capcut生成ai #capcutjapandiscord CapCut.Japan

AI Girl's Photo Studio

33,218 views • 6 months ago

Isaac Sim × ROS 2 の解説動画を作りました Isaac Simは、NVIDIAが提供する物理ベースのロボティクスシミュレーターです。フォトリアルな環境でロボットのテスト・学習が可能で、ROS 2との連携により、既存のROS 2プロジェクトをシームレスに統合できます。 この動画は Manus を使って制作しました。 【使用技術】 ・Remotion（React + TypeScript） ・AI音声合成（TTS） AIエージェントに指示を出すだけで、台本作成からレンダリングまで自動で完了。技術解説動画の制作がここまで手軽になるとは…！ さらに、Manus Skillも作成したので、同じ形式の解説動画を誰でも簡単に再現できます。
1:34

Isaac Sim × ROS 2 の解説動画を作りました Isaac Simは、NVIDIAが提供する物理ベースのロボティクスシミュレーターです。フォトリアルな環境でロボットのテスト・学習が可能で、ROS 2との連携により、既存のROS 2プロジェクトをシームレスに統合できます。 この動画は Manus を使って制作しました。 【使用技術】 ・Remotion（React + TypeScript） ・AI音声合成（TTS） AIエージェントに指示を出すだけで、台本作成からレンダリングまで自動で完了。技術解説動画の制作がここまで手軽になるとは…！ さらに、Manus Skillも作成したので、同じ形式の解説動画を誰でも簡単に再現できます。

つきのこ | Tsuki

12,091 views • 6 months ago

Manusから神アプデ。Nano Banana Proの画像で作った資料のテキスト編集が可能に。 生成された画像のテキストを正確に抜き出し、自分好みの表現に変えられる。更にアイコンの色を変えたりと、細かい修正も可能。 コード生成より、画像生成の方がデザイン性に富んだ資料が作れるが、編集が難しいのが欠点だった。それがこのアプデで払拭された。 Notebook LMでスライドを作るより、ManusのNano Banana Proの画像でスライドを作った方が細部まで細かく意図通りに再現できるのでおすすめ。これは本当に最強。
0:27

Manusから神アプデ。Nano Banana Proの画像で作った資料のテキスト編集が可能に。 生成された画像のテキストを正確に抜き出し、自分好みの表現に変えられる。更にアイコンの色を変えたりと、細かい修正も可能。 コード生成より、画像生成の方がデザイン性に富んだ資料が作れるが、編集が難しいのが欠点だった。それがこのアプデで払拭された。 Notebook LMでスライドを作るより、ManusのNano Banana Proの画像でスライドを作った方が細部まで細かく意図通りに再現できるのでおすすめ。これは本当に最強。

チャエン | デジライズ CEO《重要AIニュースを毎日最速で発信⚡️》

51,361 views • 8 months ago

無料のFlova AIで遊んで見た💖=================== 曲 : suno 画像生成AI : Midjoruney 動画生成AI : SeaGen(無料) 動画編集 : Clipchamp(無料) 構成:Flova AI(無料) =================== Flova AIは、Midjoruneyと構成がすごい。サンプルもすごくよくて作り方が分かるのがいい💖面倒になったら、2個くらい画像アップしてあとは全部任せて完成させてくれと指示すると、作ってくれたりくれなかったりでした🤣問題は2000コスト使いきったら面倒なこと。構成が優秀だったので、動画用の画像を20個アップしてそれの構成と動画用指示プロンプトを作ってもらったら、動画は無料のSeaGenで生成してみました💖Flova AIが全自動と定額使い放題とかなるとやばい存在になりそうと思ったすばらしいサイトでした🎉SeaGenは、Nano Banana 2を選んで、映画のシーン風1080P・12秒動画で生成してください。で作成しました。これは音無しだけど使い放題でなかなかお気に入りです🎉
3:00

無料のFlova AIで遊んで見た💖=================== 曲 : suno 画像生成AI : Midjoruney 動画生成AI : SeaGen(無料) 動画編集 : Clipchamp(無料) 構成:Flova AI(無料) =================== Flova AIは、Midjoruneyと構成がすごい。サンプルもすごくよくて作り方が分かるのがいい💖面倒になったら、2個くらい画像アップしてあとは全部任せて完成させてくれと指示すると、作ってくれたりくれなかったりでした🤣問題は2000コスト使いきったら面倒なこと。構成が優秀だったので、動画用の画像を20個アップしてそれの構成と動画用指示プロンプトを作ってもらったら、動画は無料のSeaGenで生成してみました💖Flova AIが全自動と定額使い放題とかなるとやばい存在になりそうと思ったすばらしいサイトでした🎉SeaGenは、Nano Banana 2を選んで、映画のシーン風1080P・12秒動画で生成してください。で作成しました。これは音無しだけど使い放題でなかなかお気に入りです🎉

AI_poruru(world)

14,643 views • 9 months ago

AI で「UIデザイン」する人必見 【 新機能 】Google Stitch 「ideate」をご紹介します。 これは「解決したいことを入力すると、 解決策を提示する」機能です。 細かい指示は不要そうなので今回は 「日本市場で企業の採用を加速させたい」 と入力しました。 すると、Webサイトの構成案を 3つ提示してきました。 全て生成するよう依頼したところ、 3サイト × 4ページ を生成。 AI時代、「今まで以上に要件定義に時間を 充てることが大事」だと改めて感じました。 ※動画の生成フェーズは10倍速です。
0:35

AI で「UIデザイン」する人必見 【 新機能 】Google Stitch 「ideate」をご紹介します。 これは「解決したいことを入力すると、 解決策を提示する」機能です。 細かい指示は不要そうなので今回は 「日本市場で企業の採用を加速させたい」 と入力しました。 すると、Webサイトの構成案を 3つ提示してきました。 全て生成するよう依頼したところ、 3サイト × 4ページ を生成。 AI時代、「今まで以上に要件定義に時間を 充てることが大事」だと改めて感じました。 ※動画の生成フェーズは10倍速です。

KAWAI

63,733 views • 5 months ago

海外でバズっていた、Fable5で作られた日本風LPについて少し解説します。 最初に見たときのインパクトはかなり強く、元ポストでは「Webデザイナー終了」といった反応もありました。 ただ、「すごい」と「Webデザイナー終了」は、いったん分けて考えたほうがよさそうです。 分解して見ていくと、少し印象が変わります。 ▼調査方法 まず、バズっていた投稿者と実際の制作者は別の方のようです。 そのため今回は、制作者のReddit投稿やコメント、実際の制作物を見たうえで判断しています。 「どう作られたものなのか」を少し整理してみます。 ▼一発出しについて 一発出しで作られたこと自体は、本当のようです。 プロンプトは、ざっくり言うと以下のような内容だったとのこと。 「assetsフォルダを分析して、日本をテーマにしたランディングページを作って。動画を組み込み、スクロール連動型の動きや凝ったアニメーションも入れてね」 すごい👀 ▼映像について 多くの人が驚いたであろう映像部分は、Fable5が生成したものではなく、事前に用意された動画素材のようです。 動画にはGeminiのマークも見えます。 その映像素材をもとに、Fable5がトンマナを合わせ、日本風のLPとして構成しているように見えます。 つまり、すごいポイントは「映像そのものをFable5が作った」ではなく、「用意された素材を読み取り、LPとしてかなり良い形に組み上げたこと」だと思います。 この「よしなに組み上げる力」がかなり強いです👀 ▼スクロール連動について 実際にどのライブラリを使っているかまでは確認できていません。 ただ、見た目としてはGSAP ScrollTrigger的な考え方で再現できそうな演出です。 動画や画像をスクロール量に合わせて動かしたり、セクションを固定しながら表示を切り替えたりするタイプですね。 もちろん、AIがそこまで組んでくれること自体はかなり驚きです！ でも、仕組みとしては未知の魔法というより、既存のWeb演出の組み合わせとして理解できる部分も多いと感じました。 ▼まとめ 一発出しでここまで組めることは、間違いなくすごいです！AIがない時代に、このレベルのスクロール演出を作るのは普通に大変でした。 情報を表示するタイミングや、画面の見せ方もかなり良い感じです。 ただ、「Fable5だけで、映像もデザインも実装も全部ゼロから一発で作った」と捉えると、少し話が大きくなりすぎる気がします。 分解すれば理解できる部分もあります。 そして理解できるなら、必要なのは「Webデザイナーは終わり」と焦ることではなく、AIが何を作れて、何を素材として使い、どこで人間の判断が必要なのかを見極めることだと思います。
0:57

海外でバズっていた、Fable5で作られた日本風LPについて少し解説します。 最初に見たときのインパクトはかなり強く、元ポストでは「Webデザイナー終了」といった反応もありました。 ただ、「すごい」と「Webデザイナー終了」は、いったん分けて考えたほうがよさそうです。 分解して見ていくと、少し印象が変わります。 ▼調査方法 まず、バズっていた投稿者と実際の制作者は別の方のようです。 そのため今回は、制作者のReddit投稿やコメント、実際の制作物を見たうえで判断しています。 「どう作られたものなのか」を少し整理してみます。 ▼一発出しについて 一発出しで作られたこと自体は、本当のようです。 プロンプトは、ざっくり言うと以下のような内容だったとのこと。 「assetsフォルダを分析して、日本をテーマにしたランディングページを作って。動画を組み込み、スクロール連動型の動きや凝ったアニメーションも入れてね」 すごい👀 ▼映像について 多くの人が驚いたであろう映像部分は、Fable5が生成したものではなく、事前に用意された動画素材のようです。 動画にはGeminiのマークも見えます。 その映像素材をもとに、Fable5がトンマナを合わせ、日本風のLPとして構成しているように見えます。 つまり、すごいポイントは「映像そのものをFable5が作った」ではなく、「用意された素材を読み取り、LPとしてかなり良い形に組み上げたこと」だと思います。 この「よしなに組み上げる力」がかなり強いです👀 ▼スクロール連動について 実際にどのライブラリを使っているかまでは確認できていません。 ただ、見た目としてはGSAP ScrollTrigger的な考え方で再現できそうな演出です。 動画や画像をスクロール量に合わせて動かしたり、セクションを固定しながら表示を切り替えたりするタイプですね。 もちろん、AIがそこまで組んでくれること自体はかなり驚きです！ でも、仕組みとしては未知の魔法というより、既存のWeb演出の組み合わせとして理解できる部分も多いと感じました。 ▼まとめ 一発出しでここまで組めることは、間違いなくすごいです！AIがない時代に、このレベルのスクロール演出を作るのは普通に大変でした。 情報を表示するタイミングや、画面の見せ方もかなり良い感じです。 ただ、「Fable5だけで、映像もデザインも実装も全部ゼロから一発で作った」と捉えると、少し話が大きくなりすぎる気がします。 分解すれば理解できる部分もあります。 そして理解できるなら、必要なのは「Webデザイナーは終わり」と焦ることではなく、AIが何を作れて、何を素材として使い、どこで人間の判断が必要なのかを見極めることだと思います。

せきゆおう🇯🇵Web制作とAIのことを発信する人

246,739 views • 1 month ago

マジかマジかマジか！！ AIエージェント丸投げのMV作成で、このレベルが出るようになったか！！ 今回のMVはOiiOiiで制作しています OiiOii AI JP 正直、AIエージェントでMV作成すると、う～んとなることが多いけど、このクオリティは本当にビックリした 渡したのは、 ・曲 ・キャラ画像 ・簡単なストーリー だけ。誰でもできる。 最初から最後まで100点というわけではないけど、少し修正するだけで完成度の高い作品が作れる AIエージェントによるMV作成、一段階レベルが上がった 一貫性を保つため、繋がりがあるシーンでは、前のショットの最終フレームを参照画像にするようにエージェントに指示してみました。 そうしたらちゃんとやってくれたみたい。 OiiOiiエージェント、賢くなってる！！ 曲はTuneeAIで作成 #TuneeAI AIシンガー誕生の物語
0:35

マジかマジかマジか！！ AIエージェント丸投げのMV作成で、このレベルが出るようになったか！！ 今回のMVはOiiOiiで制作しています OiiOii AI JP 正直、AIエージェントでMV作成すると、う～んとなることが多いけど、このクオリティは本当にビックリした 渡したのは、 ・曲 ・キャラ画像 ・簡単なストーリー だけ。誰でもできる。 最初から最後まで100点というわけではないけど、少し修正するだけで完成度の高い作品が作れる AIエージェントによるMV作成、一段階レベルが上がった 一貫性を保つため、繋がりがあるシーンでは、前のショットの最終フレームを参照画像にするようにエージェントに指示してみました。 そうしたらちゃんとやってくれたみたい。 OiiOiiエージェント、賢くなってる！！ 曲はTuneeAIで作成 #TuneeAI AIシンガー誕生の物語

なお｜AI動画・AI音楽

90,840 views • 1 month ago

動画編集、完全終了。 Codexに「HeyGen」を繋ぐだけ。 HPを渡せば、紹介動画を勝手に作る。 ナレーションもBGMも字幕も入る。 投稿も埋め込みも、そのまま実行。 これで月100万円の制作代行が狙える。 もう動画編集を“作業”だと思ってる人は遅い。 これからは、編集ソフトを開く時代じゃない。 Codexに指示して、HeyGenに動画を作らせる時代。 やることはシンプル。 ホームページを渡す 「紹介動画を作って」と投げる ナレーションを入れさせる BGMと字幕を追加させる MP4で保存 X、YouTube、LPに埋め込む ここまで人間がやると3〜5時間。 AIに任せると数分〜数十分。 しかもヤバいのは動画編集だけじゃない。 投稿までできる。 LPへの埋め込みまでいける。 画像生成と同じ感覚で、動画制作がCodexから一発になる。 中小企業、個人店舗、士業、講師業。 「動画が必要だけど作れない層」は大量にいる。 そこに、 ChatGPTで構成 HeyGenで動画 Codexで実行 これを納品するだけ。 稼げない理由は才能じゃない。 まだ“手作業の動画編集”にこだわってるだけ。 今すぐ触れ。 動画編集者じゃなく、AI動画制作の指揮者になれ。
0:26

動画編集、完全終了。 Codexに「HeyGen」を繋ぐだけ。 HPを渡せば、紹介動画を勝手に作る。 ナレーションもBGMも字幕も入る。 投稿も埋め込みも、そのまま実行。 これで月100万円の制作代行が狙える。 もう動画編集を“作業”だと思ってる人は遅い。 これからは、編集ソフトを開く時代じゃない。 Codexに指示して、HeyGenに動画を作らせる時代。 やることはシンプル。 ホームページを渡す 「紹介動画を作って」と投げる ナレーションを入れさせる BGMと字幕を追加させる MP4で保存 X、YouTube、LPに埋め込む ここまで人間がやると3〜5時間。 AIに任せると数分〜数十分。 しかもヤバいのは動画編集だけじゃない。 投稿までできる。 LPへの埋め込みまでいける。 画像生成と同じ感覚で、動画制作がCodexから一発になる。 中小企業、個人店舗、士業、講師業。 「動画が必要だけど作れない層」は大量にいる。 そこに、 ChatGPTで構成 HeyGenで動画 Codexで実行 これを納品するだけ。 稼げない理由は才能じゃない。 まだ“手作業の動画編集”にこだわってるだけ。 今すぐ触れ。 動画編集者じゃなく、AI動画制作の指揮者になれ。

鈴木@アナログ営業会社を100日後にAIで売上を300％にする人

241,229 views • 2 months ago

街中のイケてない看板を勝手に作り直すこのデザイナー。 まず冒頭で、微妙な看板が出てきて、そこに自作の看板を取り付けるような素振りをしている。 この時点で、視聴者心理としては、「なんか素敵なことをしてるな」と思う人もいれば、「そんなこと勝手にしていいの？」と、ちょっと反感を抱く人もいる。 その人たちのモヤモヤが解けるまで動画を見てしまうんだけど、その先で、看板の良くないところ、そして自分のデザインについて説明しているので、ここでデザイナーとしての価値をPRすることができる。 そして最後、僕の予想は 「勝手に新しい看板にすり替えるのかな」 と思ってたんですよ。 でも最後に、「お店にこれを渡してみようと思います」と言っていたのでそこが好印象だったんですよね。 海外のアカウントだったら勝手にすり替えてしまいそうだけど、日本だと「そんなこと勝手にしてはいけません」と怒られやすいので、めっちゃいい締めだなと感心。 でも最初の冒頭を見ると、勝手に看板を変える奴のようにも見えるんですよね。だからそこが気になり、最後まで見ちゃったなと思っていて、この冒頭がすごくうまいなと思いました。(多分偶然？) そしてこれってお店の人もハッピーだし、彼のデザイン力もPRできるし、再生数も伸びる。この方は昨日いきなりこの投稿スタイルに切り替わったんですけど、今までは平均再生数が数千再生だったのに、この動画は1日で14万再生されていました。 デザイナーのSNS投稿って基本的に、 ・デザインを教えるような投稿 ・自分のデザイン力をPRする投稿 の二択なんですよね。 前者に関しては、デザインを発注したい人が見るというよりは、デザインを学びたい人が見てしまうので、お客さんの獲得にはつながらない。 後者に関しては、これだけPRやCMが嫌われている中、「自分の実力がすごいですよ」という動画を見ても、見たいとは思わないし、なんなら今ちょうどデザインを発注したい人って少ないんで、その人のデザインのPRを見たとしても、多くの人が離脱するため、今デザインを求めている人にも動画が届かない。 それが、この「街中の看板を勝手に変えちゃう」みたいなコンテンツだったら、別に今デザインを求めている人じゃなくても、「何この企画？ちょっと見てみたいな」と思ってしまうため、冒頭離脱が減る。 すると「この動画はみんなが離脱しないということはいい動画なんだな」とAIが判断することによって再生数が伸びる。 その結果、ちょうど今デザインを発注したいと思っている人にもたくさん届く。 素晴らしいフォーマット👏
1:08

街中のイケてない看板を勝手に作り直すこのデザイナー。 まず冒頭で、微妙な看板が出てきて、そこに自作の看板を取り付けるような素振りをしている。 この時点で、視聴者心理としては、「なんか素敵なことをしてるな」と思う人もいれば、「そんなこと勝手にしていいの？」と、ちょっと反感を抱く人もいる。 その人たちのモヤモヤが解けるまで動画を見てしまうんだけど、その先で、看板の良くないところ、そして自分のデザインについて説明しているので、ここでデザイナーとしての価値をPRすることができる。 そして最後、僕の予想は 「勝手に新しい看板にすり替えるのかな」 と思ってたんですよ。 でも最後に、「お店にこれを渡してみようと思います」と言っていたのでそこが好印象だったんですよね。 海外のアカウントだったら勝手にすり替えてしまいそうだけど、日本だと「そんなこと勝手にしてはいけません」と怒られやすいので、めっちゃいい締めだなと感心。 でも最初の冒頭を見ると、勝手に看板を変える奴のようにも見えるんですよね。だからそこが気になり、最後まで見ちゃったなと思っていて、この冒頭がすごくうまいなと思いました。(多分偶然？) そしてこれってお店の人もハッピーだし、彼のデザイン力もPRできるし、再生数も伸びる。この方は昨日いきなりこの投稿スタイルに切り替わったんですけど、今までは平均再生数が数千再生だったのに、この動画は1日で14万再生されていました。 デザイナーのSNS投稿って基本的に、 ・デザインを教えるような投稿 ・自分のデザイン力をPRする投稿 の二択なんですよね。 前者に関しては、デザインを発注したい人が見るというよりは、デザインを学びたい人が見てしまうので、お客さんの獲得にはつながらない。 後者に関しては、これだけPRやCMが嫌われている中、「自分の実力がすごいですよ」という動画を見ても、見たいとは思わないし、なんなら今ちょうどデザインを発注したい人って少ないんで、その人のデザインのPRを見たとしても、多くの人が離脱するため、今デザインを求めている人にも動画が届かない。 それが、この「街中の看板を勝手に変えちゃう」みたいなコンテンツだったら、別に今デザインを求めている人じゃなくても、「何この企画？ちょっと見てみたいな」と思ってしまうため、冒頭離脱が減る。 すると「この動画はみんなが離脱しないということはいい動画なんだな」とAIが判断することによって再生数が伸びる。 その結果、ちょうど今デザインを発注したいと思っている人にもたくさん届く。 素晴らしいフォーマット👏

ど素人ホテル再建計画 / バズ塾主宰

292,810 views • 1 month ago

弓矢を使用した動作がどうなるかやってみました。FF5を元にレナ（狩人）とファリス（魔法剣士）を登場させています。 画像のAI生成始めて3年くらいになりますが、始めた当時は武器を持たすのも困難で弓は特に高難度でした。それが3年でここまでのことができるようになり進化の早さを感じます。
0:44

弓矢を使用した動作がどうなるかやってみました。FF5を元にレナ（狩人）とファリス（魔法剣士）を登場させています。 画像のAI生成始めて3年くらいになりますが、始めた当時は武器を持たすのも困難で弓は特に高難度でした。それが3年でここまでのことができるようになり進化の早さを感じます。

leather&heropin

383,304 views • 3 months ago