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.

scroll-hintみたいなJSを使わずともscroll-stateで横スクロールのプロンプトを表示できるようになったのは大きい `@\container scroll-state((scrollable: inline-start) or (not (scrollable: inline-end)))`でインライン軸のスクロールが可能かつスクロールされていない場合の条件分岐ができる🫵

TAK

18,279 subscribers

36,013 views • 1 year ago •via X (Twitter)

Science & Technology Education

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

いつの間にか目的を忘れてショート動画を無限スクロールをしていることが多かったので、ショートフィードでスクロールしても次の動画が出てこないようにした

いつの間にか目的を忘れてショート動画を無限スクロールをしていることが多かったので、ショートフィードでスクロールしても次の動画が出てこないようにした

ラムダ🥒ラムダ技術部

78,354 views • 5 months ago

高速スクロールにはロマンがある。私が初めて高速スクロールに圧倒されたのは「ディフェンダー」だった。自機が徐々にスピードを上げていき、線で描かれた背景が物凄いスピードででかっ飛んでいく様を見た時は、「凄え…」と純粋に感動した。新幹線にも乗ったことが無かった当時の私にとって(続く) ディフェンダーの高速スクロールこそ、当時の私が体感できる「最速」だった。このスピードを我がものとし、自機を自由自在に動かせたら…。そんなロマンが、高速スクロールにはある。圧倒的スピードの中で自機を制御出来た時の高揚感。迷路のような高速スクロール面をミスなくスパッと切り抜けることが出来た時の爽快感。そんな高揚感を得るために、私はディフェンダーをプレイする時は必ず一度は全速力を出していた。が、大抵ミスっていた。でもいいのだ、ロマンなんだから。高速スクロールでしか得られないカタルシスがそこにあるのだから。 #レトロゲーム

高速スクロールにはロマンがある。私が初めて高速スクロールに圧倒されたのは「ディフェンダー」だった。自機が徐々にスピードを上げていき、線で描かれた背景が物凄いスピードででかっ飛んでいく様を見た時は、「凄え…」と純粋に感動した。新幹線にも乗ったことが無かった当時の私にとって(続く) ディフェンダーの高速スクロールこそ、当時の私が体感できる「最速」だった。このスピードを我がものとし、自機を自由自在に動かせたら…。そんなロマンが、高速スクロールにはある。圧倒的スピードの中で自機を制御出来た時の高揚感。迷路のような高速スクロール面をミスなくスパッと切り抜けることが出来た時の爽快感。そんな高揚感を得るために、私はディフェンダーをプレイする時は必ず一度は全速力を出していた。が、大抵ミスっていた。でもいいのだ、ロマンなんだから。高速スクロールでしか得られないカタルシスがそこにあるのだから。 #レトロゲーム

moai1234

26,944 views • 9 months ago

#ヒロインピンチ #SuperHeroine #AIart #NanoBananaPro #Sora2 さめこ：ヘルメット内 ChatGPTに細かい演出をしてもらいました。 Sora2とKling3.0プロンプトはこれまでほとんど手修正だったのですが、世の中のプロンプトをかなり学習しているようで、手ではできないような演出ができるようになってきています。

#ヒロインピンチ #SuperHeroine #AIart #NanoBananaPro #Sora2 さめこ：ヘルメット内 ChatGPTに細かい演出をしてもらいました。 Sora2とKling3.0プロンプトはこれまでほとんど手修正だったのですが、世の中のプロンプトをかなり学習しているようで、手ではできないような演出ができるようになってきています。

リズムバカ (rhythm baka)

27,426 views • 8 months ago

ロボットの動作確認をしているときにディスプレイを見るのがわずらわしくなってきたのでMonocleを導入してみた。バッテリーとかモーターの状態を表示させていて結構快適。カメラがついているので「エラーが起きたときに自分が見ているロボットの様子を自動で撮影しておく」とかもできそう

ロボットの動作確認をしているときにディスプレイを見るのがわずらわしくなってきたのでMonocleを導入してみた。バッテリーとかモーターの状態を表示させていて結構快適。カメラがついているので「エラーが起きたときに自分が見ているロボットの様子を自動で撮影しておく」とかもできそう

lanius

209,646 views • 3 years ago

ターミナルでの作業に慣れていないと、Claude Codeを使う時にコマンドの許可を求められても意味が分からず判断に困ることが多かったので、リスクレベルと説明を表示してくれるツールをつくりました。 GitHubで公開していて1コマンドでインストールできるので、ぜひ使ってみてください🙌✨️

ターミナルでの作業に慣れていないと、Claude Codeを使う時にコマンドの許可を求められても意味が分からず判断に困ることが多かったので、リスクレベルと説明を表示してくれるツールをつくりました。 GitHubで公開していて1コマンドでインストールできるので、ぜひ使ってみてください🙌✨️

wataame

114,255 views • 8 months ago

CSSの Scroll-driven Animations、scroll() と view() の違いです。 scroll() はスクロールコンテナ全体の進捗。 view() は要素自身が表示領域を通過する進捗。ページ全体に連動させたいなら scroll()、要素が見えてくるタイミングで動かしたいなら view() と使い分けましょう。 #CSS

CSSの Scroll-driven Animations、scroll() と view() の違いです。 scroll() はスクロールコンテナ全体の進捗。 view() は要素自身が表示領域を通過する進捗。ページ全体に連動させたいなら scroll()、要素が見えてくるタイミングで動かしたいなら view() と使い分けましょう。 #CSS

長谷川喜洋★星のソムリエ®/HASEGAWA Yoshihiro

21,868 views • 4 months ago

NASAがあなたに嘘をついているかもしれないとあなたが考え始めるには、彼らがあなたの目の前で何回嘘をつかなければならないのでしょうか？このレバーを使えば、彼らがぶら下がっているケーブルを下ろすことができる。

NASAがあなたに嘘をついているかもしれないとあなたが考え始めるには、彼らがあなたの目の前で何回嘘をつかなければならないのでしょうか？このレバーを使えば、彼らがぶら下がっているケーブルを下ろすことができる。

フラットアース🌎❌

35,591 views • 6 months ago

NASAがあなたに嘘をついているかもしれないとあなたが考え始めるには、彼らがあなたの目の前で何回嘘をつかなければならないのでしょうか？このレバーを使えば、彼らがぶら下がっているケーブルを下ろすことができる。それが分からないのですか？

NASAがあなたに嘘をついているかもしれないとあなたが考え始めるには、彼らがあなたの目の前で何回嘘をつかなければならないのでしょうか？このレバーを使えば、彼らがぶら下がっているケーブルを下ろすことができる。それが分からないのですか？

フラットアース🌎❌

31,632 views • 6 months ago

AIアニメ・動画のアーティストのディレクトリ（超シンプルなLinkedInというか名簿）をオープンソースで作りたいんですが、興味ある人います？ちょっと大きめの案件とかコンテストとかで人を探そうと思うと「誰が何が得意なのか、どれくらいすごいのかさっぱりわからん」ってなりません？このAIアニメ（というか動画）界隈。僕「こういうの強い人知りませんか？」とか聞かれてもほんと観測範囲の薄い情報しかなくてこまるんですよね。。誰が積極的に仕事受けてくれるかも意外とわからないし、今空いてるのかっていうのもわからないし。何にどれだけ経験があるのか、実績はとか。海外の案件だと言語できるかとかも関わるし。こういうディレクトリ実装自体手伝ってもらえる方のめどはつきそうなので、どちらかというと実際にそういうの使いたい人たちでチャットとかつくって議論できたらなと僕自身はこれで商売にしようとは思っておらず、業界自体の見える化がめっちゃ促進できたらなっていうのが本音です。で、僕は自分の苦手分野を補ってもらえるような人をいつでも見つけられるようにしたい。興味ある人はXのチャットに招待するのでコメントいただければ！まずは「こういうのが見えるといいよね」みたいな緩い話ができたらなと思ってます

AIアニメ・動画のアーティストのディレクトリ（超シンプルなLinkedInというか名簿）をオープンソースで作りたいんですが、興味ある人います？ちょっと大きめの案件とかコンテストとかで人を探そうと思うと「誰が何が得意なのか、どれくらいすごいのかさっぱりわからん」ってなりません？このAIアニメ（というか動画）界隈。僕「こういうの強い人知りませんか？」とか聞かれてもほんと観測範囲の薄い情報しかなくてこまるんですよね。。誰が積極的に仕事受けてくれるかも意外とわからないし、今空いてるのかっていうのもわからないし。何にどれだけ経験があるのか、実績はとか。海外の案件だと言語できるかとかも関わるし。こういうディレクトリ実装自体手伝ってもらえる方のめどはつきそうなので、どちらかというと実際にそういうの使いたい人たちでチャットとかつくって議論できたらなと僕自身はこれで商売にしようとは思っておらず、業界自体の見える化がめっちゃ促進できたらなっていうのが本音です。で、僕は自分の苦手分野を補ってもらえるような人をいつでも見つけられるようにしたい。興味ある人はXのチャットに招待するのでコメントいただければ！まずは「こういうのが見えるといいよね」みたいな緩い話ができたらなと思ってます

yachimat - AI Short Anime

17,047 views • 9 months ago

Opus 4.8でも同じようなもの生成されますね。この程度の結果が欲しいだけならクソ高いモデル使う必要ないと思います。プロンプトは「HTML+JSである表現をつくってください。和風のデザイン、水面に墨を流すようなことができるインタラクション、アート的なページ。canvasをつかうといいだろうか。マウス操作で墨をながすことができる。色を選べる。墨は流体的に振舞い、複数の色をながすとまざるような挙動をするだろう。それは時間経過とともに薄れていき、消えていくだろう。」

Opus 4.8でも同じようなもの生成されますね。この程度の結果が欲しいだけならクソ高いモデル使う必要ないと思います。プロンプトは「HTML+JSである表現をつくってください。和風のデザイン、水面に墨を流すようなことができるインタラクション、アート的なページ。canvasをつかうといいだろうか。マウス操作で墨をながすことができる。色を選べる。墨は流体的に振舞い、複数の色をながすとまざるような挙動をするだろう。それは時間経過とともに薄れていき、消えていくだろう。」

女性声優

193,821 views • 5 months ago

1/5 Studio.Drop、試してみましたが想像以上にすごかった💻🔥 試したサイトは、・背景がWebGLでシェーダーは自前でGPUに・スクロールはLenisで慣性・横スクロールはGSAPで画面制御 Studioのカスタムコードだと再現するのは厳しいだろうと思ってやってみました。特にシェーダーは移せるわけないだろうと想定してたけど、普通に動きました👀 何も落ちてない！背景の粒も、慣性スクロールも、横に流れる実績も全部そのままです。なんでここまで移せるのか気になったので、中身まで見てみました💻

1/5 Studio.Drop、試してみましたが想像以上にすごかった💻🔥 試したサイトは、・背景がWebGLでシェーダーは自前でGPUに・スクロールはLenisで慣性・横スクロールはGSAPで画面制御 Studioのカスタムコードだと再現するのは厳しいだろうと思ってやってみました。特にシェーダーは移せるわけないだろうと想定してたけど、普通に動きました👀 何も落ちてない！背景の粒も、慣性スクロールも、横に流れる実績も全部そのままです。なんでここまで移せるのか気になったので、中身まで見てみました💻

とむ｜Studio×AI戦略

39,651 views • 2 months ago

夜中で誰も見ないと思うので、自分用に独り言お遊び実験。 2回連続でやってみると、動きの部分は同じ要点を拾ってくるから、何かしらの規則性があるんかな～と思ったり。たぶん見え方なんだろうね～。なのでプロンプトは、要点を5秒単位で1～3つに絞るのがよさげかな。まぁ動作によるけど、だいたいこんなもんでしょ。安定性と切り替えを考えると、1つずつ区切るか、小さい要点と大きい要点を交互に入れるのがいい気がする。 Hailuoのモデルって、個人的にSeedanceと根本が似てるように感じるから、その辺も一緒なんだろうな～。プロンプトの作りもだいたい一緒だし（たぶん）何でもかんでも入れればいいわけではないのは基本的な話。その動きには、その動きに合ったものがあるわけで。ほかで良かったから、ここでも効くとは限らないし、そもそも似た意味を入れて二重になっているものは余計なブレーキになるしね。要は「一文で一動作」の説明ただし一動作は単純でいいからちゃんと書き、それを連続させる。これで安定する、以上。（自分に対して） #MiniMaxH3 MiniMax Design (H3)

夜中で誰も見ないと思うので、自分用に独り言お遊び実験。 2回連続でやってみると、動きの部分は同じ要点を拾ってくるから、何かしらの規則性があるんかな～と思ったり。たぶん見え方なんだろうね～。なのでプロンプトは、要点を5秒単位で1～3つに絞るのがよさげかな。まぁ動作によるけど、だいたいこんなもんでしょ。安定性と切り替えを考えると、1つずつ区切るか、小さい要点と大きい要点を交互に入れるのがいい気がする。 Hailuoのモデルって、個人的にSeedanceと根本が似てるように感じるから、その辺も一緒なんだろうな～。プロンプトの作りもだいたい一緒だし（たぶん）何でもかんでも入れればいいわけではないのは基本的な話。その動きには、その動きに合ったものがあるわけで。ほかで良かったから、ここでも効くとは限らないし、そもそも似た意味を入れて二重になっているものは余計なブレーキになるしね。要は「一文で一動作」の説明ただし一動作は単純でいいからちゃんと書き、それを連続させる。これで安定する、以上。（自分に対して） #MiniMaxH3 MiniMax Design (H3)

みと Visuals×AI

35,921 views • 2 months ago

これ、最近めちゃくちゃ実感してることで。きれいにまとまったポストって、なんか読んでて温度がないんですよね～「あ、AIっぽい」って一瞬で思われてスクロールされる！っっっ「悔しかった」「泣きそうだった」「なんで！？」そういう言葉の方が、ずっと人の心に刺さるよね！

これ、最近めちゃくちゃ実感してることで。きれいにまとまったポストって、なんか読んでて温度がないんですよね～「あ、AIっぽい」って一瞬で思われてスクロールされる！っっっ「悔しかった」「泣きそうだった」「なんで！？」そういう言葉の方が、ずっと人の心に刺さるよね！

とんかつ｜SNSの先生

11,499 views • 6 months ago

＜実写×アニメ×🏀のプロンプト＞今更ですがプロンプトの答え合わせをします！ #DreaminaCPP Dreamina AI 実写×アニメで動きの良いシーンを作る際個人的に感じたコツは ✅参照画像は少ない方が良い ✅キャラクターシートではなく背景とキャラクター合成済みの1枚絵が良い ✅プロンプトに描画スタイルについて明記すること ✅入れて欲しい動きやカメラワークを短文で入れるこのプロンプトの作り方をベースに、いろんなシーンを作ってみましたが結構良い動きができていたと思います。プロンプトを作る時は基本AI頼り。自分で調整できるように日本語で作ってもらっています。一時公開されていたViduOmniVideoProでも同じプロンプトが効きました。ただ、やはりAIなので当たり外れあります。このプロンプトや設定を使ったからといって1発で良い動きがでるとは限りません。使用するキャクターや画像との相性も関係します。この動画はこんな作り方していたのか。くらいの感じで参考にして頂ければ幸いです。プロンプトはリプ欄に👇

＜実写×アニメ×🏀のプロンプト＞今更ですがプロンプトの答え合わせをします！ #DreaminaCPP Dreamina AI 実写×アニメで動きの良いシーンを作る際個人的に感じたコツは ✅参照画像は少ない方が良い ✅キャラクターシートではなく背景とキャラクター合成済みの1枚絵が良い ✅プロンプトに描画スタイルについて明記すること ✅入れて欲しい動きやカメラワークを短文で入れるこのプロンプトの作り方をベースに、いろんなシーンを作ってみましたが結構良い動きができていたと思います。プロンプトを作る時は基本AI頼り。自分で調整できるように日本語で作ってもらっています。一時公開されていたViduOmniVideoProでも同じプロンプトが効きました。ただ、やはりAIなので当たり外れあります。このプロンプトや設定を使ったからといって1発で良い動きがでるとは限りません。使用するキャクターや画像との相性も関係します。この動画はこんな作り方していたのか。くらいの感じで参考にして頂ければ幸いです。プロンプトはリプ欄に👇

neco - AI Anime

48,251 views • 5 months ago

プラットフォームによって絵柄が全然違う！ Seedance2.0 TapNow / Zopia / Higgsfield / Sjinn / CapCut プラットフォームによる絵柄の違いを検証同じSeedance2.0だと思っても、プラットフォームによってかなり出力される絵柄や雰囲気が異なる事がわかりました。プラットフォーム選びは慎重に行った方が良さそうですね。各社、Yachimatさんのプロンプトで一回だけ生成しています。（一回しか検証していないので、あくまでもご参考程度に） TapNow（左上）絵柄は綺麗だがクセあり（個人的には、かなり好きな絵柄）プロンプトでは水彩画を指定されているが効いていない Zopia（右上）プロンプトで指定されている水彩画風の絵柄で動きも良かったです。ただし、Zopiaはエージェント機能専門なのでYachimatさんのプロンプトをそのまま反映させるのがかなり大変でした。なんとか強引にYachimatさんのプロンプトを入力できましたが音声は入りませんでした。エージェント機能は勝手に色々とやられてしまうので扱いが難しいです。 Higgsfield（左下）絵柄は一番綺麗だがクセが強いプロンプトでは水彩画を指定されているが効いていないこの絵柄が好きな人にはいいが、そうで無い場合はお勧めできない Sjinn プロンプトで指定されている水彩画風の絵柄もキッチリと反映されているその他の絵柄でもSjinnは基本的に満足感の高い出力をしてくれる個人的にはSjinnのSeedance2.0が一番、いいような気がしている CapCut（引用元）絵柄が独特で線の細いアニメっぽい？感じの絵柄絵柄にクセがあるので好きな人にはいいが、そうで無い場合はお勧めできないまた、CapCutだけ勝手にセリフが入っていた（ちなみに、今回のセリフはかなりいい感じで、個人的にはありだと思いました） CapCutは、おそらく中でエージェントのようなものが勝手に走っているのでセリフが勝手に変わってしまうことも多く使いづらい個人的な総評私が実際に使ったことのあるSeedance2.0の印象では絵柄や指示の通り、動きなどを加味しても Sjinnが一番、使い勝手がいいと思いました。どれがいいかと聞かれたら、まず、Sjinnが一番お勧めできます。ただ、私が普段、最もよく使っているのはHiggsfieldです。絵柄の癖は強いのですが、その分、毎回安定して同じような絵柄で出力してくれます。これは長編のアニメを制作する際にプラスになると思っています。また、出力される絵柄が私の個人的な好みに合致しています。今回、Seedance2.0のプラトフォームによる違いを検証してみてプラットフォーム選びは、出力される絵柄も加味して考えた方がいいと思いました。リプ欄に Yachimatさんの投稿と、私がこの検証に使ったキャラクター画像を置いておきます。他のプラットフォームで同じ検証をしたい方はご自由にどうぞ

プラットフォームによって絵柄が全然違う！ Seedance2.0 TapNow / Zopia / Higgsfield / Sjinn / CapCut プラットフォームによる絵柄の違いを検証同じSeedance2.0だと思っても、プラットフォームによってかなり出力される絵柄や雰囲気が異なる事がわかりました。プラットフォーム選びは慎重に行った方が良さそうですね。各社、Yachimatさんのプロンプトで一回だけ生成しています。（一回しか検証していないので、あくまでもご参考程度に） TapNow（左上）絵柄は綺麗だがクセあり（個人的には、かなり好きな絵柄）プロンプトでは水彩画を指定されているが効いていない Zopia（右上）プロンプトで指定されている水彩画風の絵柄で動きも良かったです。ただし、Zopiaはエージェント機能専門なのでYachimatさんのプロンプトをそのまま反映させるのがかなり大変でした。なんとか強引にYachimatさんのプロンプトを入力できましたが音声は入りませんでした。エージェント機能は勝手に色々とやられてしまうので扱いが難しいです。 Higgsfield（左下）絵柄は一番綺麗だがクセが強いプロンプトでは水彩画を指定されているが効いていないこの絵柄が好きな人にはいいが、そうで無い場合はお勧めできない Sjinn プロンプトで指定されている水彩画風の絵柄もキッチリと反映されているその他の絵柄でもSjinnは基本的に満足感の高い出力をしてくれる個人的にはSjinnのSeedance2.0が一番、いいような気がしている CapCut（引用元）絵柄が独特で線の細いアニメっぽい？感じの絵柄絵柄にクセがあるので好きな人にはいいが、そうで無い場合はお勧めできないまた、CapCutだけ勝手にセリフが入っていた（ちなみに、今回のセリフはかなりいい感じで、個人的にはありだと思いました） CapCutは、おそらく中でエージェントのようなものが勝手に走っているのでセリフが勝手に変わってしまうことも多く使いづらい個人的な総評私が実際に使ったことのあるSeedance2.0の印象では絵柄や指示の通り、動きなどを加味しても Sjinnが一番、使い勝手がいいと思いました。どれがいいかと聞かれたら、まず、Sjinnが一番お勧めできます。ただ、私が普段、最もよく使っているのはHiggsfieldです。絵柄の癖は強いのですが、その分、毎回安定して同じような絵柄で出力してくれます。これは長編のアニメを制作する際にプラスになると思っています。また、出力される絵柄が私の個人的な好みに合致しています。今回、Seedance2.0のプラトフォームによる違いを検証してみてプラットフォーム選びは、出力される絵柄も加味して考えた方がいいと思いました。リプ欄に Yachimatさんの投稿と、私がこの検証に使ったキャラクター画像を置いておきます。他のプラットフォームで同じ検証をしたい方はご自由にどうぞ

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

25,337 views • 6 months ago

これはオンライン将棋などで使われているレーティングがどのように変化するかをシミュレーションしたものです。赤が見かけのレート、水色が本来のプレイヤーのレートです。時がたつにつれ分散が大きくなっていき、平均以下レート帯の人は実力よりも低いレートになりやすいのがわかると思います。

これはオンライン将棋などで使われているレーティングがどのように変化するかをシミュレーションしたものです。赤が見かけのレート、水色が本来のプレイヤーのレートです。時がたつにつれ分散が大きくなっていき、平均以下レート帯の人は実力よりも低いレートになりやすいのがわかると思います。

kmo2

81,256 views • 4 months ago

nano-banana キャラクターシートに身長書いたら反映される？アニメとかで小さいキャラとかのっぽなキャラがいたら、そういう高さの調整したいですよね。でもプロンプトのたびにいちいち記述するのもだるい・・という訳でキャラクターシートに身長もいれておきました！結果は・・・いけました！ ※ただ、多少のガチャ要素あり。その場合はどちらが大きくて小さいとかプロンプトに入れておけば大体大丈夫です。３人とか増えてくると精度が下がる。そして、もはや不思議でもないですが、キャラクターシートを作成するときに身長をいれておくと、シートにも反映されます。

nano-banana キャラクターシートに身長書いたら反映される？アニメとかで小さいキャラとかのっぽなキャラがいたら、そういう高さの調整したいですよね。でもプロンプトのたびにいちいち記述するのもだるい・・という訳でキャラクターシートに身長もいれておきました！結果は・・・いけました！ ※ただ、多少のガチャ要素あり。その場合はどちらが大きくて小さいとかプロンプトに入れておけば大体大丈夫です。３人とか増えてくると精度が下がる。そして、もはや不思議でもないですが、キャラクターシートを作成するときに身長をいれておくと、シートにも反映されます。

yachimat - AI Short Anime

73,775 views • 1 year ago