Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

来月リリースのChrome 135でサポートされる`::scroll-marker`、`::scroll-marker-group`、`::scroll-button()`疑似要素。動画のようなスライダーが「CSSのみ」で作成可能となる😱 それでいて記述量もそこまで多くない。 #Web制作

TAK

17,295 subscribers

32,695 Aufrufe • vor 1 Jahr •via X (Twitter)

Bildung Wissenschaft & Technologie Kunst #Web制作

Anya Rossi• Live Now

Private livecam show

2 Kommentare

Profilbild von TAK

TAKvor 1 Jahr

コードの例はこちら（現時点ではChrome Canaryで確認可能）

Profilbild von Safari Web Extensions

Safari Web Extensionsvor 1 Jahr

Discover the top Safari web extensions to boost productivity, enhance workflow, and customize your browsing experience on Mac, iOS, and iPadOS.

Ähnliche Videos

JS無し！ HTMLとCSSのみでカルーセルUIを作れます。 Chrome・Edge 135（2025年4月）で追加された ::scroll-button()、::scroll-marker疑似要素がポイント。スクリーンリーダーやキーボード操作にも対応。デモ by naomi

JS無し！ HTMLとCSSのみでカルーセルUIを作れます。 Chrome・Edge 135（2025年4月）で追加された ::scroll-button()、::scroll-marker疑似要素がポイント。スクリーンリーダーやキーボード操作にも対応。デモ by naomi

池田泰延

78,006 Aufrufe • vor 1 Jahr

ヴァンサバライク作ってみた。プレイヤーを原点に固定して移動量をその他すべてに適用する方式で、どこまで移動してもfloatの問題が起きない。この方法でないとこのゲームは作れない、というのがぼくの見立てで、そういうのが今後必要となるエンジニアの力なのかな。本家がどう作ってるか知りませんけどね。

ヴァンサバライク作ってみた。プレイヤーを原点に固定して移動量をその他すべてに適用する方式で、どこまで移動してもfloatの問題が起きない。この方法でないとこのゲームは作れない、というのがぼくの見立てで、そういうのが今後必要となるエンジニアの力なのかな。本家がどう作ってるか知りませんけどね。

ヤスハラユウジ

29,050 Aufrufe • vor 1 Monat

MiniMax H3でショートMV制作しました✨ 仕事でも個人制作でもMVをよく作るので、色々なモーショングラフィックを作れるH3とは相性がいいのかもしれない🤣 これでリリック系も作れそう。。😃✨ DJ・ライブ演出系の映像にも合いそう。。 #MiniMaxH3

MiniMax H3でショートMV制作しました✨ 仕事でも個人制作でもMVをよく作るので、色々なモーショングラフィックを作れるH3とは相性がいいのかもしれない🤣 これでリリック系も作れそう。。😃✨ DJ・ライブ演出系の映像にも合いそう。。 #MiniMaxH3

gane.wav

59,518 Aufrufe • vor 2 Monaten

こんな動画まで作ってすごい！みんなも買おう！ところで、プラレールでも「危険なので真似しないてください」とか入れないといけないのね笑

こんな動画まで作ってすごい！みんなも買おう！ところで、プラレールでも「危険なので真似しないてください」とか入れないといけないのね笑

ライザー

146,330 Aufrufe • vor 1 Jahr

GPT-6 Astraで、Codex内に自分専用の「動画制作スタジオ」を作りました！これまで、モデルごとのプロンプトの書き方や、脚本・絵コンテ・動画生成など、制作工程ごとにたくさんのスキルを作ってきました。 ✅ただ増えてくると「今これを使いたい」「前に作ったあのスキル、何だっけ？」と、自分でも把握しきれなくなる。そこで、蓄積したスキルや制作ノウハウを、画面で見ながら選んで使える形にしました。・過去に作った短尺動画や、Xで見つけた作例・プロンプトを一覧化・アクション／アニメ／MV／モーショングラフィックなど、カテゴリー別に整理・「前に作ったこれ、いいな」を動画で確認し、そのままアレンジの出発点に・モデルごとに整理したプロンプトや制作ルールを、Codexが参照・絵コンテから作るか、Reference to Videoで作るかなど、制作ルートも選べる・長尺制作では、今どの工程で何を作っているのか、進み具合も画面で確認できる裏側にあるのは、これまで自分で積み上げてきたスキル。それを「思い出して呼び出す」だけじゃなく、作例や制作画面から使えるようにした感じです。需要ありそうならzipで渡そうかな。とはいえ2〜3分くらいで作れるはず。

GPT-6 Astraで、Codex内に自分専用の「動画制作スタジオ」を作りました！これまで、モデルごとのプロンプトの書き方や、脚本・絵コンテ・動画生成など、制作工程ごとにたくさんのスキルを作ってきました。 ✅ただ増えてくると「今これを使いたい」「前に作ったあのスキル、何だっけ？」と、自分でも把握しきれなくなる。そこで、蓄積したスキルや制作ノウハウを、画面で見ながら選んで使える形にしました。・過去に作った短尺動画や、Xで見つけた作例・プロンプトを一覧化・アクション／アニメ／MV／モーショングラフィックなど、カテゴリー別に整理・「前に作ったこれ、いいな」を動画で確認し、そのままアレンジの出発点に・モデルごとに整理したプロンプトや制作ルールを、Codexが参照・絵コンテから作るか、Reference to Videoで作るかなど、制作ルートも選べる・長尺制作では、今どの工程で何を作っているのか、進み具合も画面で確認できる裏側にあるのは、これまで自分で積み上げてきたスキル。それを「思い出して呼び出す」だけじゃなく、作例や制作画面から使えるようにした感じです。需要ありそうならzipで渡そうかな。とはいえ2〜3分くらいで作れるはず。

おのふみ| 3D×動画生成×個人開発

98,133 Aufrufe • vor 1 Monat

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

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

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

146,985 Aufrufe • vor 3 Jahren

公式の素材使ってスターウォーズのゲームを無料で作れるって夢がありすぎる… しかも収益までもらえる💰 これが今後もしマーベル、ディズニーと続くならUEFNとんでもないことになりそう🦸 いつか日本のアニメや映画のも作れるようになってほしいね

公式の素材使ってスターウォーズのゲームを無料で作れるって夢がありすぎる… しかも収益までもらえる💰 これが今後もしマーベル、ディズニーと続くならUEFNとんでもないことになりそう🦸 いつか日本のアニメや映画のも作れるようになってほしいね

たくまんプロ＠フォートナイト考察攻略

86,760 Aufrufe • vor 7 Monaten

音声生成プラットフォームのElevenLabsからSkillsがリリースされました！これによってAntigravityなどのエージェントに話しかけるだけで音声生成などの様々な機能をエージェントが使えるようになります！「〇〇の解説動画を作って」このような簡単なプロンプトから、・情報の調査・台本の作成・音声の生成・動画への組み込み・正しいタイミングでテロップを挿入という作業を一貫して行うことができるようになりました！他にもいろんな機能があるので、どんな使い方ができるか、考えるだけでワクワクしますね！

音声生成プラットフォームのElevenLabsからSkillsがリリースされました！これによってAntigravityなどのエージェントに話しかけるだけで音声生成などの様々な機能をエージェントが使えるようになります！「〇〇の解説動画を作って」このような簡単なプロンプトから、・情報の調査・台本の作成・音声の生成・動画への組み込み・正しいタイミングでテロップを挿入という作業を一貫して行うことができるようになりました！他にもいろんな機能があるので、どんな使い方ができるか、考えるだけでワクワクしますね！

かし子🍩

56,716 Aufrufe • vor 9 Monaten

AIで作る「実写 x アニメ」のコマーシャル動画のデモ。制作時間：2時間半制作費用：約1000円 AI使うと一瞬でこういうCMが作れるので、みんな習得するといいですね。なんだか静かなCMになっちゃいましたが、もちろん、もっと激しいのも作れます！

AIで作る「実写 x アニメ」のコマーシャル動画のデモ。制作時間：2時間半制作費用：約1000円 AI使うと一瞬でこういうCMが作れるので、みんな習得するといいですね。なんだか静かなCMになっちゃいましたが、もちろん、もっと激しいのも作れます！

🍺 イケハヤ@放置ゲー「月蝕綺譚」開発

118,276 Aufrufe • vor 9 Monaten

Codexでベースを作ってFableで拡張させながら作っている3DダンジョンRPGゲームの制作中動画です（モンスター画像は仮置きです）なお予定ボリュームがかなりのものになってしまい完成が遠そうなので別のゲームも平行して作ってみています

Codexでベースを作ってFableで拡張させながら作っている3DダンジョンRPGゲームの制作中動画です（モンスター画像は仮置きです）なお予定ボリュームがかなりのものになってしまい完成が遠そうなので別のゲームも平行して作ってみています

藍江@AIart

17,240 Aufrufe • vor 3 Monaten

これやばくないか.... 今話題のClaudeCode×Remotionでこのような教育動画も簡単に作れます。これ全てAIで作成可能。・演者なし・ナレーション・テロップ・BGM ・台本・効果音・エフェクト・モーショングラフィック・アニメーションさらに他のAIツールと連携させてワークフローを組めばワンポチ量産できる。 Youtube動画100本とかも作れます。この作り方は記事で公開してます↓

これやばくないか.... 今話題のClaudeCode×Remotionでこのような教育動画も簡単に作れます。これ全てAIで作成可能。・演者なし・ナレーション・テロップ・BGM ・台本・効果音・エフェクト・モーショングラフィック・アニメーションさらに他のAIツールと連携させてワークフローを組めばワンポチ量産できる。 Youtube動画100本とかも作れます。この作り方は記事で公開してます↓

月島くん

262,944 Aufrufe • vor 6 Monaten

知能の限界費用はほぼゼロに近づいている。今後数年で、GPT-6級のAIを誰もが自分のサーバーで動かせるようになり、やがてノートPCでも実行可能になるかもしれない。それは生産性という意味では素晴らしいことだが、一方で、AIの制御を一部の企業だけに求めても不十分になるということを意味する。ムスタファ・スレイマン「私が十分に予見できていなかったのは、知能もオープンソースになるということです。オープンソースモデルの進歩は本当に驚くべきものです。最先端モデルからの遅れは、おそらく常に3か月程度、場合によっては6か月程度です。もちろん、訓練方法には疑問もありますし、本当に同等の能力があるのかは明らかではありません。それでも、非常に優秀であることは確かです。つまり、今後数年のうちに、誰もがGPT-6級のモデルを手に入れ、自分のプライベートサーバーで動かせるようになるということです。あるいは、そう遠くない将来、自分のノートPCでも動かせるようになるかもしれません。そして、この傾向が続けば、私がこれまで説明してきたような能力が、オープンソースとして地球上のすべての人に利用可能になるのです。多くの意味で、これは素晴らしいことです。信じられないほどの生産性を解き放つことになるからです。私たちは知能の限界費用をほぼゼロに近づけています。これは驚異的なことです。しかし、誰もがアクセスできるようになったとき、どうやって安全対策を講じるのかが大きな課題になります。中央集権的な権力を規制することと同じくらい重要な問題です。そして、おそらく今、それが最優先課題なのです」

知能の限界費用はほぼゼロに近づいている。今後数年で、GPT-6級のAIを誰もが自分のサーバーで動かせるようになり、やがてノートPCでも実行可能になるかもしれない。それは生産性という意味では素晴らしいことだが、一方で、AIの制御を一部の企業だけに求めても不十分になるということを意味する。ムスタファ・スレイマン「私が十分に予見できていなかったのは、知能もオープンソースになるということです。オープンソースモデルの進歩は本当に驚くべきものです。最先端モデルからの遅れは、おそらく常に3か月程度、場合によっては6か月程度です。もちろん、訓練方法には疑問もありますし、本当に同等の能力があるのかは明らかではありません。それでも、非常に優秀であることは確かです。つまり、今後数年のうちに、誰もがGPT-6級のモデルを手に入れ、自分のプライベートサーバーで動かせるようになるということです。あるいは、そう遠くない将来、自分のノートPCでも動かせるようになるかもしれません。そして、この傾向が続けば、私がこれまで説明してきたような能力が、オープンソースとして地球上のすべての人に利用可能になるのです。多くの意味で、これは素晴らしいことです。信じられないほどの生産性を解き放つことになるからです。私たちは知能の限界費用をほぼゼロに近づけています。これは驚異的なことです。しかし、誰もがアクセスできるようになったとき、どうやって安全対策を講じるのかが大きな課題になります。中央集権的な権力を規制することと同じくらい重要な問題です。そして、おそらく今、それが最優先課題なのです」

Tsubame

26,366 Aufrufe • vor 4 Tagen

攻城団が新しいアプリをリリースしました！🎉 最近、城たびでみんなとお城へ行った記録として、複数の動画を1秒ずつつないだショート動画をMacで作っていたのですが、それをiPhoneで作れるようにしました。動画を選ぶだけでOKです。BGMもつけられるし、シネマティックっぽい加工もできます。広告なしで、無料版でも使えるのでダウンロードしてみてください。

攻城団が新しいアプリをリリースしました！🎉 最近、城たびでみんなとお城へ行った記録として、複数の動画を1秒ずつつないだショート動画をMacで作っていたのですが、それをiPhoneで作れるようにしました。動画を選ぶだけでOKです。BGMもつけられるし、シネマティックっぽい加工もできます。広告なしで、無料版でも使えるのでダウンロードしてみてください。

攻城団🏯公式

20,645 Aufrufe • vor 3 Monaten

1分の動画を制作するのに、どれくらいのコストを掛けていますか？一般的には、3ヶ月で300〜500万円かかると言われています。ある会社は1年半と5,000万円かけているとか。私も新しいビジョンを伝えたいときに簡単なコンプセプト動画を作りたいことがあり動画の発注を検討することがあります。一方で、制作に一定のコストと3ヶ月前後の時間がかかるため、その間にビジョンがアップデートされて完成した動画が使われないということを何度か経験しました。最近は生成AIで動画を作れるようになったので、あらゆるツールを試してみたものの、最大で12秒、Soraで25秒の動画しか作れないので、動画クリエイターではない私にとって活用可能な動画を作ることが叶いませんでした。これを読んでいるみなさんにもそういった経験があるかと思います。先月、青森の祖父母の実家に帰る機会があり久々に祖父母に会ったときに腰を悪くしている中で、秋に収穫したりんごやシャインマスカットなどの魅力を元気な表情で伝えてくれました。感動して、この魅力を伝えられないのは寂しいと率直に感じました。青森のりんごの魅力を伝えるために、動画を作ってみたところ、すごく喜んでいただけました。このように、日本には沢山の魅力的なサービスやプロダクトや会社がたくさんあります。その魅力を、誰もが気軽に伝えられるような社会を作りたいと思い、AI Videoの機能を先月リリースしました。ビジョンやサービスの魅力などを伝えるためのストーリーテリングには、120秒前後が適切であるとHubspotのレポートでも述べられていることから、今回120sの動画生成機能を「世界で初めて※」リリースさせていただきました（※2025年11/17 Sales Marker調べ）あなたの伝えたいストーリーや魅力的なプロダクトや商品をAI Videoで伝えていきましょう。そして多くの仲間を集めてビジョンを達成しやすくなる。そんな社会を作っていきたいと思います。

1分の動画を制作するのに、どれくらいのコストを掛けていますか？一般的には、3ヶ月で300〜500万円かかると言われています。ある会社は1年半と5,000万円かけているとか。私も新しいビジョンを伝えたいときに簡単なコンプセプト動画を作りたいことがあり動画の発注を検討することがあります。一方で、制作に一定のコストと3ヶ月前後の時間がかかるため、その間にビジョンがアップデートされて完成した動画が使われないということを何度か経験しました。最近は生成AIで動画を作れるようになったので、あらゆるツールを試してみたものの、最大で12秒、Soraで25秒の動画しか作れないので、動画クリエイターではない私にとって活用可能な動画を作ることが叶いませんでした。これを読んでいるみなさんにもそういった経験があるかと思います。先月、青森の祖父母の実家に帰る機会があり久々に祖父母に会ったときに腰を悪くしている中で、秋に収穫したりんごやシャインマスカットなどの魅力を元気な表情で伝えてくれました。感動して、この魅力を伝えられないのは寂しいと率直に感じました。青森のりんごの魅力を伝えるために、動画を作ってみたところ、すごく喜んでいただけました。このように、日本には沢山の魅力的なサービスやプロダクトや会社がたくさんあります。その魅力を、誰もが気軽に伝えられるような社会を作りたいと思い、AI Videoの機能を先月リリースしました。ビジョンやサービスの魅力などを伝えるためのストーリーテリングには、120秒前後が適切であるとHubspotのレポートでも述べられていることから、今回120sの動画生成機能を「世界で初めて※」リリースさせていただきました（※2025年11/17 Sales Marker調べ）あなたの伝えたいストーリーや魅力的なプロダクトや商品をAI Videoで伝えていきましょう。そして多くの仲間を集めてビジョンを達成しやすくなる。そんな社会を作っていきたいと思います。

小笠原羽恭 | Sales Marker CEO (セールスマーカー)

54,899 Aufrufe • vor 11 Monaten

Manus 2.0の動画エディター（Manus Video Editor）を試して、自分たちのサービスの30秒紹介動画を作ってみました。やったのは「リンクを貼って、このサービスの動画を作ってくれ」くらいです。30秒で、音声入りの動画ができました。これはサービスなどをやっている人にはかなり使い道がありそうです。 -- 今回はPodyというサービスの動画です。『音声を記事にして、新しいリスナーに見つけてもらう』という流れにしてもらいました。・配信者の課題から始める・サービスでできることを図解する・使い方を画面で見せる・文字と動きで、説明を追いやすくする・最後に、次の行動を案内するこんな構成の動画ができていますが、指示はほぼせずに、LPから作ってもらっただけです。サービスの説明って、文章だけだと伝わりづらいことがあるんですが、動画を作るのはだるいのでやっていなかったんです。それがLP入れるだけでできるのはいいなと。正直、色々なAI動画ツールで試してはうまくできていなかったので（センスがない）、これは楽でいいなと思いました。 #PR #ManusVideoEditor #Manuspartner

Manus 2.0の動画エディター（Manus Video Editor）を試して、自分たちのサービスの30秒紹介動画を作ってみました。やったのは「リンクを貼って、このサービスの動画を作ってくれ」くらいです。30秒で、音声入りの動画ができました。これはサービスなどをやっている人にはかなり使い道がありそうです。 -- 今回はPodyというサービスの動画です。『音声を記事にして、新しいリスナーに見つけてもらう』という流れにしてもらいました。・配信者の課題から始める・サービスでできることを図解する・使い方を画面で見せる・文字と動きで、説明を追いやすくする・最後に、次の行動を案内するこんな構成の動画ができていますが、指示はほぼせずに、LPから作ってもらっただけです。サービスの説明って、文章だけだと伝わりづらいことがあるんですが、動画を作るのはだるいのでやっていなかったんです。それがLP入れるだけでできるのはいいなと。正直、色々なAI動画ツールで試してはうまくできていなかったので（センスがない）、これは楽でいいなと思いました。 #PR #ManusVideoEditor #Manuspartner

けんすう

25,273 Aufrufe • vor 21 Tagen

SubstancePainter向け疑似キャストシャドウジェネレータ作った。SPだとシャドウベイクができない。CurvatureとかAOを使ってもいまいちキャストシャドウっぽいマスク作りくい。ムキーッ！なのでMesh based inputを使って疑似的にキャストシャドウマスクを作る仕組みにしました。この動画のプレビューが「Base Color」であることに注目してください。つまりSPのビューポートプレビューとしてライト当たってません。ジェネレータの疑似ライトは3灯+疑似HDRI対応、1影2影3影のパラメータ、Positionグラデーション、ベイクのNormal由来、アンカーポイントのHeight、Normal要素からもシャドウ生成可能です。VRC向け衣装とかのシャドウディテール向き。プロシージャルに影塗りしたかった人には多分刺さる。手塗り派の人も影塗り時のアタリとかマスクには使えると思う。需要ありそうなら調整してリリースしたい。なさそうならリリースしま…

SubstancePainter向け疑似キャストシャドウジェネレータ作った。SPだとシャドウベイクができない。CurvatureとかAOを使ってもいまいちキャストシャドウっぽいマスク作りくい。ムキーッ！なのでMesh based inputを使って疑似的にキャストシャドウマスクを作る仕組みにしました。この動画のプレビューが「Base Color」であることに注目してください。つまりSPのビューポートプレビューとしてライト当たってません。ジェネレータの疑似ライトは3灯+疑似HDRI対応、1影2影3影のパラメータ、Positionグラデーション、ベイクのNormal由来、アンカーポイントのHeight、Normal要素からもシャドウ生成可能です。VRC向け衣装とかのシャドウディテール向き。プロシージャルに影塗りしたかった人には多分刺さる。手塗り派の人も影塗り時のアタリとかマスクには使えると思う。需要ありそうなら調整してリリースしたい。なさそうならリリースしま…

にゃんねこ

73,192 Aufrufe • vor 3 Monaten

これ、マジでヤバいです。この映像は動画生成AIを一切使っていません。フルCGと言っていいのかな？制作工程としては、画像をTripoで3D化してblenderに入れて動きをつけました。更にその後、AEでテキストやエフェクトなどを追加して完成。これらの作業のほとんどはOpus5.5にやってもらいました。まさか、blenderとかAEもここまでお願いできるとは・・・完全に新しい扉を開いちゃった感があります。何が凄いって、これ全ての工程を細かく調整出来るんですよ。ちょっとづつ作りながら、ここをああしてとかこうしてって指示しながら制作できます。これは生成AIで作る動画とは全く違い、今まで普通に手作業でやっていた工程をOpus5.5に指示しながら出来るということです。今回はテストなのでこんな感じで終わらせましたが、もし、本気で詰めようと思えばいくらでも詰められるのでかなりの可能性を感じてしまいました。ただ、自由度が高く作れるということは当然、作る人のスキルやセンスに依存してしまうので現状、生成AIで作った方が見栄えの良い映像は出来だと思いました。しかし、あと数年もしない内に3Dの精度もあっという間に変わって物凄いものが作れそうですね。いよいよ、なんでもアリの時代に突入してきました。こうなってくると最終的にはその人、個人が持っている考え方やストーリー、センスなどが重要な時代になりそうです。

これ、マジでヤバいです。この映像は動画生成AIを一切使っていません。フルCGと言っていいのかな？制作工程としては、画像をTripoで3D化してblenderに入れて動きをつけました。更にその後、AEでテキストやエフェクトなどを追加して完成。これらの作業のほとんどはOpus5.5にやってもらいました。まさか、blenderとかAEもここまでお願いできるとは・・・完全に新しい扉を開いちゃった感があります。何が凄いって、これ全ての工程を細かく調整出来るんですよ。ちょっとづつ作りながら、ここをああしてとかこうしてって指示しながら制作できます。これは生成AIで作る動画とは全く違い、今まで普通に手作業でやっていた工程をOpus5.5に指示しながら出来るということです。今回はテストなのでこんな感じで終わらせましたが、もし、本気で詰めようと思えばいくらでも詰められるのでかなりの可能性を感じてしまいました。ただ、自由度が高く作れるということは当然、作る人のスキルやセンスに依存してしまうので現状、生成AIで作った方が見栄えの良い映像は出来だと思いました。しかし、あと数年もしない内に3Dの精度もあっという間に変わって物凄いものが作れそうですね。いよいよ、なんでもアリの時代に突入してきました。こうなってくると最終的にはその人、個人が持っている考え方やストーリー、センスなどが重要な時代になりそうです。

AIスタジオワンルーム（AIアニメ、動画、漫画）

36,860 Aufrufe • vor 24 Tagen