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.

details要素の開閉アニメーション、現状ChromeのみだけどたったこれだけのCSSで対応可能。 ::details-content疑似要素はsummary以外のdetailsの子要素を包含するので、コンテンツのラッパーdiv等を増やさなくてもOK。 Chrome 133からは:open擬似クラスで開閉の状態分岐が可能に。 #Web制作

TAK

17,281 subscribers

19,916 views • 1 year ago •via X (Twitter)

Science & Technology Education #Web制作

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

<dialog>タグのモーダル実装、2025年最新版。 JavaScriptなしで、HTMLの属性値だけで開閉可能に。 command属性にid紐付け、commandfor属性で操作を記載。最新のSafari・Firefox・Chromeなど全ブラウザ対応。 CSSを組み合われば、JSなしで開閉モーションも付けられます。 #Web制作

<dialog>タグのモーダル実装、2025年最新版。 JavaScriptなしで、HTMLの属性値だけで開閉可能に。 command属性にid紐付け、commandfor属性で操作を記載。最新のSafari・Firefox・Chromeなど全ブラウザ対応。 CSSを組み合われば、JSなしで開閉モーションも付けられます。 #Web制作

池田泰延

53,206 views • 7 months ago

Web制作する人は全員「Mapify」を使った方が良い。Webサイトに必要なコンテンツを考えてくれるし、ツリー上に出力されるのでそのままサイトマップにもなる。リニューアルの場合はURLを読み込ませるだけで現状サイトをツリー上に要約してくれるし、競合サイトの分析にも使える。

Web制作する人は全員「Mapify」を使った方が良い。Webサイトに必要なコンテンツを考えてくれるし、ツリー上に出力されるのでそのままサイトマップにもなる。リニューアルの場合はURLを読み込ませるだけで現状サイトをツリー上に要約してくれるし、競合サイトの分析にも使える。

中村和正｜Full-Stack Web Director

99,380 views • 1 year ago

この状況に陥ったらもうできることなくないですか？ ※この2人は特別な訓練を受けてるのでくれぐれもボールを取る時には真似しないでください

この状況に陥ったらもうできることなくないですか？ ※この2人は特別な訓練を受けてるのでくれぐれもボールを取る時には真似しないでください

ばーじぼぶ

18,492 views • 3 months ago

『IRIS OUT』のショート用リリック素材を制作しました！透過素材なので上に乗せるだけで使用可能です！よければ使ってください！

『IRIS OUT』のショート用リリック素材を制作しました！透過素材なので上に乗せるだけで使用可能です！よければ使ってください！

Heetami

619,717 views • 10 months ago

あけおめめカメラのレリーズを使ってまぶたを動かすギミックをつくってみたレリーズ自体に固定ギミックが仕組まれてるので、開閉と固定が可能身近にこんな素晴らしいものがあったなんて！教えてもらったぬこさんに感謝！Xボンバーに感謝！ちなみに睫毛干渉するので100%閉じないのは仕様です

あけおめめカメラのレリーズを使ってまぶたを動かすギミックをつくってみたレリーズ自体に固定ギミックが仕組まれてるので、開閉と固定が可能身近にこんな素晴らしいものがあったなんて！教えてもらったぬこさんに感謝！Xボンバーに感謝！ちなみに睫毛干渉するので100%閉じないのは仕様です

はむ猫

58,140 views • 3 years ago

ちなみにロック画面を動画にすることもできるのだ。ゼンゼロのムービーシーンを15秒ほど設定できるのもめちゃくちゃいいのだ。妄想エンジェル可愛いもちろん閉じた状態と開いた状態で登録できる画像や動画は別で設定できる。神なのだ。

ちなみにロック画面を動画にすることもできるのだ。ゼンゼロのムービーシーンを15秒ほど設定できるのもめちゃくちゃいいのだ。妄想エンジェル可愛いもちろん閉じた状態と開いた状態で登録できる画像や動画は別で設定できる。神なのだ。

SEKILOG｜モノとガジェット

528,157 views • 3 days ago

この先もまだまだたくさんのジョイナー交換が必要なのでジョイナー外しを作ってみた握るだけでほぼ抜けきるので力いらず

この先もまだまだたくさんのジョイナー交換が必要なのでジョイナー外しを作ってみた握るだけでほぼ抜けきるので力いらず

strv

16,211 views • 6 months ago

#長部稀です。今回の #トレたまは犬用の首輪です！ただの首輪ではなく、これをつけるだけで今までは分かりにくかった犬の細かい行動や状態まで分かるといいます。一体どんな仕組みなんでしょうか？今夜22時からの #WBS をご覧ください！

#長部稀です。今回の #トレたまは犬用の首輪です！ただの首輪ではなく、これをつけるだけで今までは分かりにくかった犬の細かい行動や状態まで分かるといいます。一体どんな仕組みなんでしょうか？今夜22時からの #WBS をご覧ください！

WBS＠テレビ東京　夜10時から放送中（金曜のみ夜11時）

17,773 views • 2 months ago

定番WEBブラウザ「Chrome」のタブに表示されている「アイコン」でDoomが動作開始!! 老眼にはキツいサイズの「勝手移植なDoom」ではあるけれど、しっかりと操作可能なのは超凄いンだッッ!

定番WEBブラウザ「Chrome」のタブに表示されている「アイコン」でDoomが動作開始!! 老眼にはキツいサイズの「勝手移植なDoom」ではあるけれど、しっかりと操作可能なのは超凄いンだッッ!

吉野@連邦(renpou.com)

47,701 views • 1 year ago

【Kling O1】これも性能良いのでオススメ!!📢 キャラクター交換機能に続いてご紹介するのは、動画素材から要素を追加や削除できる機能です。プロンプトで簡単に消したり、画像を参照して動画内に要素を追加したりできるので便利かも？🤔 他にもまだまだ機能があるので、気になる方は引用のリプ欄から公式ガイドを見てから試してください🙏 Kling AI #KlingO1 #klingai

【Kling O1】これも性能良いのでオススメ!!📢 キャラクター交換機能に続いてご紹介するのは、動画素材から要素を追加や削除できる機能です。プロンプトで簡単に消したり、画像を参照して動画内に要素を追加したりできるので便利かも？🤔 他にもまだまだ機能があるので、気になる方は引用のリプ欄から公式ガイドを見てから試してください🙏 Kling AI #KlingO1 #klingai

SEIIIRU😈動画生成AIを使う映像クリエイター

41,710 views • 8 months ago

【AIでマスクしてみた】マスクとは人、物、背景などオブジェクトごとに見えたり見えなくしたりする技術みたいです。（私はオブジェクトの切り取りみたいなイメージでいます）これができると1つの動画素材から色んなものを切り分けることができ、・特定のオブジェクトだけにエフェクトをかける・別の動画素材のオブジェクトを組み合わせる・特定のオブジェクトの追従（モザイクとかに使用）が可能になるみたいです✨️（他にもたくさんある）マスク自体は簡単にできましたが、結局どんな表現をするためにマスクするのかが大事なので、映像表現を知らなすぎる私には宝の持ち腐れ感があります😇笑ただ、一回やっておくと今度やりたい表現を見つけたときに「マスク使えばできるかも？」となるので、私みたいに言葉すら知らなかったよって人も挑戦してみると良いかもしれません☺️ ちなみにめちゃくちゃ楽しいです笑

【AIでマスクしてみた】マスクとは人、物、背景などオブジェクトごとに見えたり見えなくしたりする技術みたいです。（私はオブジェクトの切り取りみたいなイメージでいます）これができると1つの動画素材から色んなものを切り分けることができ、・特定のオブジェクトだけにエフェクトをかける・別の動画素材のオブジェクトを組み合わせる・特定のオブジェクトの追従（モザイクとかに使用）が可能になるみたいです✨️（他にもたくさんある）マスク自体は簡単にできましたが、結局どんな表現をするためにマスクするのかが大事なので、映像表現を知らなすぎる私には宝の持ち腐れ感があります😇笑ただ、一回やっておくと今度やりたい表現を見つけたときに「マスク使えばできるかも？」となるので、私みたいに言葉すら知らなかったよって人も挑戦してみると良いかもしれません☺️ ちなみにめちゃくちゃ楽しいです笑

Mankyu | AI動画生成

11,019 views • 8 months ago

UE5を活用した魔法要素のある軍事ゲームの制作過程で、建物の破壊デモを公開したクリエイター(trench_tales氏) これはUnreal Engine 5の「事前キャッシュ」機能で、壊れ方をあらかじめ計算して保存しておく仕組み。プレイ中はそのデータを再生するだけなので、高品質なのに動作が軽いのが特徴です💥

UE5を活用した魔法要素のある軍事ゲームの制作過程で、建物の破壊デモを公開したクリエイター(trench_tales氏) これはUnreal Engine 5の「事前キャッシュ」機能で、壊れ方をあらかじめ計算して保存しておく仕組み。プレイ中はそのデータを再生するだけなので、高品質なのに動作が軽いのが特徴です💥

Crunio | CGメディア

30,015 views • 5 months ago

怪獣のガレキ制作の楽しみのひとつに、間着部の隙間をパテで埋める…という作業があるのですが、なんと、これだけぴったりならその必要がないではないですか！ (ダボもしっかりしているし、素晴らしいです)

怪獣のガレキ制作の楽しみのひとつに、間着部の隙間をパテで埋める…という作業があるのですが、なんと、これだけぴったりならその必要がないではないですか！ (ダボもしっかりしているし、素晴らしいです)

yatsugelion-1.0

208,680 views • 1 year ago

個人的には紐状の物での絞めが好みだけど、これだけ苦しそうにもがいてるのは素晴らしい #絞殺

個人的には紐状の物での絞めが好みだけど、これだけ苦しそうにもがいてるのは素晴らしい #絞殺

絞奮

32,136 views • 4 months ago

【Runway(Runway)】Act-Two📢 Runwayで実装されていたリップシンクの上位互換のような機能Act-Oneがアップデートされて「Act-Tow」として新たに導入されました！モーションキャプチャー的な作業や、フェイスリグを作ってアニメーション付けしていた作業はAIで代替可能になりますね。 ※現在、CPP早期アクセスでのみ利用可能です。最大30秒の音声、ジェスチャー、顔の表情の動画素材を使って指定した画像を動かせます。 Act-Oneでは表情がメインでしたが、今回Act-Twoからジェスチャーまでしっかりコピーしてくれるので自由自在です。人間的な表情の微妙な変化をプロンプトで再現するのはとても曖昧ですが、Runwayでは自分をスマホで撮影するだけでもリアルな表情や動きを作ることができます。 Runwayは画像生成のリファレンスもトップクラスで優秀なので全体的に使いやすいです。これは一回目のテストなので、Act-Twoを含め色々テストして良い使い方を見つけたらまた共有します🙏 #Runway #ActTwo #動画生成AI

【Runway(Runway)】Act-Two📢 Runwayで実装されていたリップシンクの上位互換のような機能Act-Oneがアップデートされて「Act-Tow」として新たに導入されました！モーションキャプチャー的な作業や、フェイスリグを作ってアニメーション付けしていた作業はAIで代替可能になりますね。 ※現在、CPP早期アクセスでのみ利用可能です。最大30秒の音声、ジェスチャー、顔の表情の動画素材を使って指定した画像を動かせます。 Act-Oneでは表情がメインでしたが、今回Act-Twoからジェスチャーまでしっかりコピーしてくれるので自由自在です。人間的な表情の微妙な変化をプロンプトで再現するのはとても曖昧ですが、Runwayでは自分をスマホで撮影するだけでもリアルな表情や動きを作ることができます。 Runwayは画像生成のリファレンスもトップクラスで優秀なので全体的に使いやすいです。これは一回目のテストなので、Act-Twoを含め色々テストして良い使い方を見つけたらまた共有します🙏 #Runway #ActTwo #動画生成AI

SEIIIRU😈動画生成AIを使う映像クリエイター

22,876 views • 1 year ago

日本の皆さんに、この動画が広く広まってほしいです。韓国の状況は、香港の状況と同じような状況です。今ご覧になったように、左側が韓国、右側が香港です。今起きている状況と非常によく似ています。韓国を好きでいてくださる方々には申し訳ない言い方になりますが、韓国は今危険なので、できるだけ来ないでいただけるとありがたいです。この動画はダウンロード可能です。そして、この動画を広く拡散してくださるとありがたいです。

日本の皆さんに、この動画が広く広まってほしいです。韓国の状況は、香港の状況と同じような状況です。今ご覧になったように、左側が韓国、右側が香港です。今起きている状況と非常によく似ています。韓国を好きでいてくださる方々には申し訳ない言い方になりますが、韓国は今危険なので、できるだけ来ないでいただけるとありがたいです。この動画はダウンロード可能です。そして、この動画を広く拡散してくださるとありがたいです。

세인(Sein)(セイン)🌌🌠

44,748 views • 2 months ago

これ、昨日のサヨナラショーのために用意されたペンライトなんですが、ムラのものと一見似てるけどかなり改良されてて素晴らしすぎました！どこで何色にするかも分かりやすくなっていて色変えるのみんなスムーズにできてた！色が変わるたびに客席をパーっと笑顔で見渡すキキちゃんの笑顔を引き出したのは間違いなくスタッフの皆さんの改良の為せる技！ボタンが出っ張ってるのも暗闇ではどこ押すのか探し当てるのが大変なのでありがたい機能で、オタクのプロがいるなと思いました。全ペンラのボタン出っ張らせてくれー！

これ、昨日のサヨナラショーのために用意されたペンライトなんですが、ムラのものと一見似てるけどかなり改良されてて素晴らしすぎました！どこで何色にするかも分かりやすくなっていて色変えるのみんなスムーズにできてた！色が変わるたびに客席をパーっと笑顔で見渡すキキちゃんの笑顔を引き出したのは間違いなくスタッフの皆さんの改良の為せる技！ボタンが出っ張ってるのも暗闇ではどこ押すのか探し当てるのが大変なのでありがたい機能で、オタクのプロがいるなと思いました。全ペンラのボタン出っ張らせてくれー！

ウエチリーヌ

49,447 views • 1 year ago