Loading video...

Video Failed to Load

There was a problem loading this video. This could be due to a temporary network issue or the video might be unavailable.

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

TAK

17,295 subscribers

32,695 views • 1 year ago •via X (Twitter)

Education Science & Technology Arts #Web制作

Anya Rossi• Live Now

Private livecam show

2 Comments

TAK1 year ago

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

Safari Web Extensions1 year ago

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

Related 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 views • 1 year ago

GoogleAIStudioの画面共有機能を使うことで、実際の画面操作を読み込ませて、マニュアル作成までしてくれる。これでどんな業務も簡単で手順書作成ができるので、引き継ぎ対応がすごく楽になる。ブラウザでもローカルでも対応可能なのがいい。

GoogleAIStudioの画面共有機能を使うことで、実際の画面操作を読み込ませて、マニュアル作成までしてくれる。これでどんな業務も簡単で手順書作成ができるので、引き継ぎ対応がすごく楽になる。ブラウザでもローカルでも対応可能なのがいい。

すぅ| PM & PdM🐈

192,902 views • 1 year ago

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

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

gane.wav

57,239 views • 25 days ago

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

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

ライザー

146,204 views • 1 year ago

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 views • 11 days ago

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

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

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

146,929 views • 3 years ago

これ、多分みんなGeminiとかにチクチクアップロードしてまとめさせて、みたいなことやってたかもしれませんが、TapNowは１クリックで動画分析できます。で、その内容が結構もりもりなんです。秒数、カメラの構図、キャラクターの動きセリフにいたるまでショット単位で分析してくれます。そして、なんと自分でさらに分析してほしい内容を付け加えることもできます動画分析ができるっていうことは、改善のループがAIで回せる可能性がもっと高くなったっていうことです。これが採点できるようになったら、「８０点になるまでループし続ける」みたいなことをショットやシーンごとにできますそうなると、テスト駆動開発みたいな、ある項目をクリアするまでやりきらせる、みたいなことができます。つまり、AIが作監の役割をかなりの部分手伝ってくれる未来が見えます TapNow

これ、多分みんなGeminiとかにチクチクアップロードしてまとめさせて、みたいなことやってたかもしれませんが、TapNowは１クリックで動画分析できます。で、その内容が結構もりもりなんです。秒数、カメラの構図、キャラクターの動きセリフにいたるまでショット単位で分析してくれます。そして、なんと自分でさらに分析してほしい内容を付け加えることもできます動画分析ができるっていうことは、改善のループがAIで回せる可能性がもっと高くなったっていうことです。これが採点できるようになったら、「８０点になるまでループし続ける」みたいなことをショットやシーンごとにできますそうなると、テスト駆動開発みたいな、ある項目をクリアするまでやりきらせる、みたいなことができます。つまり、AIが作監の役割をかなりの部分手伝ってくれる未来が見えます TapNow

yachimat - AI Short Anime

21,633 views • 6 months ago

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

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

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

86,760 views • 6 months ago

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

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

かし子🍩

56,716 views • 7 months ago

身体能力の高い人専用の着ぐるみも作りたいとは思っているのですよね。視界や動きを妨げないパフォーマンスを100パーセント発揮出来るそう言う着ぐるみ作れたら凄く魅力的なキャラクターになると思うのです。動きが魅力的な人の動画を見るとよく作ってあげたいとは思うのです。

身体能力の高い人専用の着ぐるみも作りたいとは思っているのですよね。視界や動きを妨げないパフォーマンスを100パーセント発揮出来るそう言う着ぐるみ作れたら凄く魅力的なキャラクターになると思うのです。動きが魅力的な人の動画を見るとよく作ってあげたいとは思うのです。

こにししのぶ💴

71,116 views • 1 year ago

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

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

🍺 イケハヤ@「月蝕綺譚」開発

118,154 views • 7 months ago

ちなみに、こういう縦長サイズの短めの映像も作ってInstagramとかTikTokに投稿してみているねどうやら聞くところによると、アメリカとかではもうXはあんま流行ってないらしいのでな！そっちでやらんとでもInstagramってYouTubeとかにリンクで誘導しにくいし動画の扱いが基本縦長なんでこうして苦肉の策で別に動画を作っているってワケ正直面倒なご時世だな！と思いつつ、それだけにしっかり対応してがんばってるバンドみんな偉いよなと思いながらしかたなくウチもがんばっているので（ここ1ヶ月で10本以上作ったもの）そっちのアカウント持ってる人はぜひそっちでも拡散してくれよな！

ちなみに、こういう縦長サイズの短めの映像も作ってInstagramとかTikTokに投稿してみているねどうやら聞くところによると、アメリカとかではもうXはあんま流行ってないらしいのでな！そっちでやらんとでもInstagramってYouTubeとかにリンクで誘導しにくいし動画の扱いが基本縦長なんでこうして苦肉の策で別に動画を作っているってワケ正直面倒なご時世だな！と思いつつ、それだけにしっかり対応してがんばってるバンドみんな偉いよなと思いながらしかたなくウチもがんばっているので（ここ1ヶ月で10本以上作ったもの）そっちのアカウント持ってる人はぜひそっちでも拡散してくれよな！

打首獄門同好会（GOKUMON）

82,385 views • 6 months ago

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

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

藍江@AIart

17,240 views • 2 months ago

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

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

月島くん

262,944 views • 5 months ago

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

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

攻城団🏯公式

20,188 views • 1 month ago

pixivへの投稿ついでにブレイズで動画も作成してみました。元がベルトスクロールのゲームなのでそれを表現しようと思いましたが、いいやり方思い浮かばず。。 1分超えてくると編集がきつくなってくるのでもう少し短めのネタも考えてみます。 #seedance

pixivへの投稿ついでにブレイズで動画も作成してみました。元がベルトスクロールのゲームなのでそれを表現しようと思いましたが、いいやり方思い浮かばず。。 1分超えてくると編集がきつくなってくるのでもう少し短めのネタも考えてみます。 #seedance

leather&heropin

128,950 views • 4 months ago