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.

HTMLの新しいpopover="hint"属性を使うと、ツールチップのフキダシ💭を簡単かつ丁寧に作れます。 HTML + CSS + JSのポップオーバーは便利なので、ぜひ覚えたい機能です。

池田泰延

31,458 subscribers

157,915 views • 1 year ago •via X (Twitter)

Arts 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

CSSの新しいattr()が便利。 HTMLタグの属性値をCSSで扱えます。

CSSの新しいattr()が便利。 HTMLタグの属性値をCSSで扱えます。

池田泰延

80,395 views • 6 months ago

さっき気づいたのですが、Grok Imagine でいつの間にか「画像を編集」という機能を発見しました。使った感じでは Nano Banana 的な一貫性を保ちつつ、画像の内容を変更する、という機能のようです。これ、公式からのアナウンスありましたっけ？🤔 #Grokimagine

さっき気づいたのですが、Grok Imagine でいつの間にか「画像を編集」という機能を発見しました。使った感じでは Nano Banana 的な一貫性を保ちつつ、画像の内容を変更する、という機能のようです。これ、公式からのアナウンスありましたっけ？🤔 #Grokimagine

AIconia | アイコニア

38,122 views • 9 months ago

Sora2、なかなか面白いです。簡単に動画が作れるうえに音声もしっかりつけてくれます。今は無制限状態らしいので、使うなら今の内なのかな？使うには招待コードがいるので、twitterとかで、招待を回している人から利用しないといけないですが。

Sora2、なかなか面白いです。簡単に動画が作れるうえに音声もしっかりつけてくれます。今は無制限状態らしいので、使うなら今の内なのかな？使うには招待コードがいるので、twitterとかで、招待を回している人から利用しないといけないですが。

よんよん

56,317 views • 11 months ago

自他共に認める不器用な私。新聞紙でゴミ袋を折るのは難しくて覚えられませんでしたが、私でも簡単にできる方法がありましたので紹介します。新聞紙には湿気を吸収し、臭いを消す効果があります。覚えておくと避難所生活で便利ですよ。捨てるのも簡単なのでぜひお試しを。

自他共に認める不器用な私。新聞紙でゴミ袋を折るのは難しくて覚えられませんでしたが、私でも簡単にできる方法がありましたので紹介します。新聞紙には湿気を吸収し、臭いを消す効果があります。覚えておくと避難所生活で便利ですよ。捨てるのも簡単なのでぜひお試しを。

警視庁警備部災害対策課

898,585 views • 3 years ago

モーダル開閉のUIアニメーション。 HTMLのdialogタグと、CSSの@starting-style、allow-discreteを使うと、こんな簡単に実現できます。全モダンブラウザ対応済みです。

モーダル開閉のUIアニメーション。 HTMLのdialogタグと、CSSの@starting-style、allow-discreteを使うと、こんな簡単に実現できます。全モダンブラウザ対応済みです。

池田泰延

46,301 views • 1 year ago

CSSの新しいsibling-index()を使うと、順番に出現するモーションを簡単に実装できます。

CSSの新しいsibling-index()を使うと、順番に出現するモーションを簡単に実装できます。

池田泰延

80,434 views • 8 months ago

これは日本の友達へのメッセージです🇯🇵 コーン串を作るのは追加なのかと質問された方が何人かいました... これは、それを簡単に作る方法を紹介するビデオです。とても簡単でしょう？

これは日本の友達へのメッセージです🇯🇵 コーン串を作るのは追加なのかと質問された方が何人かいました... これは、それを簡単に作る方法を紹介するビデオです。とても簡単でしょう？

PREM🇯🇵🇳🇬

98,528 views • 2 months ago

Claude史上、一番仕事のやり方が変わるかもしれない新機能が出ましたその名も「Record a skill」ただの画面録画機能だと思った人は危ないです本質は、Claudeに仕事を文章で説明する時代が終わり始めたこと今までは同じ作業を任せるたびに、「このファイルを開いて」「この列を削除して」「日付順に並べて」「最後にここへ貼り付けて」みたいに、手順を細かくプロンプトで書く必要がありましたでもRecord a skillは違います自分がいつも通り作業している様子を録画しながら、「ここで何を確認しているか」「なぜこの順番で進めるのか」を説明すると、その流れをClaudeが再利用できるスキルとしてまとめてくれるつまりこれは、 AIに毎回同じ指示を出すための機能ではなく、一度教えた仕事を、次から任せるための機能ですここを録画できる便利機能ねで流すと、この先も同じ作業をするたびに、同じ説明を書き続けることになる逆に早く使い始めた人は、・データ整理・定例レポート・フォーマット修正・問い合わせの振り分け・毎回ほぼ同じ事務作業みたいな、地味だけど確実に時間を奪う仕事を、少しずつClaude側へ移していける可能性があります実際の入り口だけ分かるように、簡単な操作動画もつけました動画だけで全部説明しているわけではないですが、「どこから使うのか」「どういう流れで記録するのか」はイメージしやすいと思いますもちろん、どこまで応用できるのか単なる操作記録なのか、意図まで理解してくれるのか細かい仕様はまだ見えない部分もありますそれでも方向性はかなり大きいこれから差がつくのは、「AIを使う人」と「使わない人」ではありません「AIに質問する人」と、「AIに仕事を覚えさせる人」です使ってみたい人は使いたいとリプしてください

Claude史上、一番仕事のやり方が変わるかもしれない新機能が出ましたその名も「Record a skill」ただの画面録画機能だと思った人は危ないです本質は、Claudeに仕事を文章で説明する時代が終わり始めたこと今までは同じ作業を任せるたびに、「このファイルを開いて」「この列を削除して」「日付順に並べて」「最後にここへ貼り付けて」みたいに、手順を細かくプロンプトで書く必要がありましたでもRecord a skillは違います自分がいつも通り作業している様子を録画しながら、「ここで何を確認しているか」「なぜこの順番で進めるのか」を説明すると、その流れをClaudeが再利用できるスキルとしてまとめてくれるつまりこれは、 AIに毎回同じ指示を出すための機能ではなく、一度教えた仕事を、次から任せるための機能ですここを録画できる便利機能ねで流すと、この先も同じ作業をするたびに、同じ説明を書き続けることになる逆に早く使い始めた人は、・データ整理・定例レポート・フォーマット修正・問い合わせの振り分け・毎回ほぼ同じ事務作業みたいな、地味だけど確実に時間を奪う仕事を、少しずつClaude側へ移していける可能性があります実際の入り口だけ分かるように、簡単な操作動画もつけました動画だけで全部説明しているわけではないですが、「どこから使うのか」「どういう流れで記録するのか」はイメージしやすいと思いますもちろん、どこまで応用できるのか単なる操作記録なのか、意図まで理解してくれるのか細かい仕様はまだ見えない部分もありますそれでも方向性はかなり大きいこれから差がつくのは、「AIを使う人」と「使わない人」ではありません「AIに質問する人」と、「AIに仕事を覚えさせる人」です使ってみたい人は使いたいとリプしてください

くまらぼ

86,786 views • 2 months ago

今日はリクエストで作らせて頂いた太鼓の達人関係の中から、立つドンをあえて簡単なアニメとして作ったものを置いておきます。これからpixivにてこれと共に他のイラストを公開予定です。これぐらいの簡単なアニメならpixivリクエストで作っていきたい所です。

今日はリクエストで作らせて頂いた太鼓の達人関係の中から、立つドンをあえて簡単なアニメとして作ったものを置いておきます。これからpixivにてこれと共に他のイラストを公開予定です。これぐらいの簡単なアニメならpixivリクエストで作っていきたい所です。

WAリでし♀

12,900 views • 1 year ago

CSSのモーションパスを使えば、手書き文字のアニメーションを作れます。 Appleの「hello」みたいな演出も簡単に。

CSSのモーションパスを使えば、手書き文字のアニメーションを作れます。 Appleの「hello」みたいな演出も簡単に。

池田泰延

83,631 views • 2 months ago

【3Dモデリングツール『Blender』の新しいアドオン機能が話題】・都市の作成・可視化が驚くほど簡単に・高価なソフトが必要だった機能が、無料のBlenderで利用可能に・"手続き型"3Dモデリングの進歩にも注目 ICityは、都市のモデリングをより手軽に、かつ即時的に行えるようにするBlenderの新しいアドオン機能です。（動画参照↓）直近まで、同様の機能を実装するには高価なソフトウェアが必須でしたが、無料で使用出来るBlenderで可能になった為に、話題を呼んでいます。 3D制作のワークフローが大きく変わる可能性を孕んでいますね。

【3Dモデリングツール『Blender』の新しいアドオン機能が話題】・都市の作成・可視化が驚くほど簡単に・高価なソフトが必要だった機能が、無料のBlenderで利用可能に・"手続き型"3Dモデリングの進歩にも注目 ICityは、都市のモデリングをより手軽に、かつ即時的に行えるようにするBlenderの新しいアドオン機能です。（動画参照↓）直近まで、同様の機能を実装するには高価なソフトウェアが必須でしたが、無料で使用出来るBlenderで可能になった為に、話題を呼んでいます。 3D制作のワークフローが大きく変わる可能性を孕んでいますね。

木内翔大＠SHIFT AI代表「日本をAI先進国に」𝕏

296,524 views • 2 years ago

クリスタの[フキダシしっぽ]サブツールはフキダシにしっぽをつけられる便利なツール。フキダシの内側から外に向かってしっぽを作成します「吹き出しを欠けさせたような」しっぽにしたいときは、吹き出しの”外側”から内側に向けて反対にしっぽを作成します

クリスタの[フキダシしっぽ]サブツールはフキダシにしっぽをつけられる便利なツール。フキダシの内側から外に向かってしっぽを作成します「吹き出しを欠けさせたような」しっぽにしたいときは、吹き出しの”外側”から内側に向けて反対にしっぽを作成します

へいたろう/平井太朗

113,027 views • 2 years ago

<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 • 9 months ago

今日、ナイジェリアで地元の製造技術が日常生活をどのように向上させているかを目の当たりにしました。これは、ヤムイモをすりつぶしてヤムイモのペーストを作る伝統的な手作業に代わる、地元で製造された機械です。ヤムイモのペーストは、ナイジェリアで人気の主食で、ヤムイモを茹でてから、滑らかで弾力のある生地状になるまで何度もすりつぶして作ります。エグシ、オグボノ、野菜スープなどのスープと一緒に食べるのが一般的です。伝統的には、すり鉢とすりこぎを使って手作業ですりつぶすため、かなりの力と時間がかかります。このような機械は、この作業をより速く、より簡単に、そしてより身近なものにしてくれます。これは、地元のイノベーションが日常生活の伝統を現代化できることを示しています。ナイジェリアのラゴスで食品を販売している隣人が、私の敷地内でこれを使っているのを見かけました。

今日、ナイジェリアで地元の製造技術が日常生活をどのように向上させているかを目の当たりにしました。これは、ヤムイモをすりつぶしてヤムイモのペーストを作る伝統的な手作業に代わる、地元で製造された機械です。ヤムイモのペーストは、ナイジェリアで人気の主食で、ヤムイモを茹でてから、滑らかで弾力のある生地状になるまで何度もすりつぶして作ります。エグシ、オグボノ、野菜スープなどのスープと一緒に食べるのが一般的です。伝統的には、すり鉢とすりこぎを使って手作業ですりつぶすため、かなりの力と時間がかかります。このような機械は、この作業をより速く、より簡単に、そしてより身近なものにしてくれます。これは、地元のイノベーションが日常生活の伝統を現代化できることを示しています。ナイジェリアのラゴスで食品を販売している隣人が、私の敷地内でこれを使っているのを見かけました。

Kinshi Sharp

426,986 views • 6 months ago

まずはかなえさんの要望にお応えしまして！前回の好評だったバウンドテロップに境界線とシャドウ追加してます！！これからテンプレは使いやすいように、この感じで作っていきますので！前回受け取れなかった方々もぜひ！（プレミアプロ内で簡単に使えるテンプレです）欲しい人は ①いいね ②「バウンド」とリプすると自動でテンプレ送ります ※72時間限定

まずはかなえさんの要望にお応えしまして！前回の好評だったバウンドテロップに境界線とシャドウ追加してます！！これからテンプレは使いやすいように、この感じで作っていきますので！前回受け取れなかった方々もぜひ！（プレミアプロ内で簡単に使えるテンプレです）欲しい人は ①いいね ②「バウンド」とリプすると自動でテンプレ送ります ※72時間限定

やま@3ヶ月で企業の動画編集者

31,151 views • 1 year ago

本日リリースのChrome 144で、<geolocation>タグが搭載。 HTMLタグと少しのJavaScriptで、自分のGPSを簡単にとれます。便利！フロント界隈がGoogle Mapsの話題で盛り上がっていたので、もののついでに三次元表現で組み込んで試しました。

本日リリースのChrome 144で、<geolocation>タグが搭載。 HTMLタグと少しのJavaScriptで、自分のGPSを簡単にとれます。便利！フロント界隈がGoogle Mapsの話題で盛り上がっていたので、もののついでに三次元表現で組み込んで試しました。

池田泰延

69,476 views • 8 months ago

【💡湯気の変形と簡易速度調節☕】#Live2D 見比べ実験してみました！湯気などの単純ループを作った後、親にデフォーマーを作り変形することで、対象の歪み方や部分的な速度を簡易的に調節しています単純ループでは規則的すぎるので、ちょっとでも不規則性を加えたいなぁという時によくやっているのですが、最小限の労力でそれっぽくみえるので便利！アニメーションでのループパラメータも一定速度で動かすだけなので簡単簡単～！どの程度変形するのが良いのかはケースバイケースだし好みもありますが、いろいろ実験してみるとおもしろいです✨✨ ▼動画は一例です細かすぎて伝わらないやもですが...違いわかるかな？

【💡湯気の変形と簡易速度調節☕】#Live2D 見比べ実験してみました！湯気などの単純ループを作った後、親にデフォーマーを作り変形することで、対象の歪み方や部分的な速度を簡易的に調節しています単純ループでは規則的すぎるので、ちょっとでも不規則性を加えたいなぁという時によくやっているのですが、最小限の労力でそれっぽくみえるので便利！アニメーションでのループパラメータも一定速度で動かすだけなので簡単簡単～！どの程度変形するのが良いのかはケースバイケースだし好みもありますが、いろいろ実験してみるとおもしろいです✨✨ ▼動画は一例です細かすぎて伝わらないやもですが...違いわかるかな？

唐揚丸👹🍵Illust&Live2D/動く背景

42,179 views • 1 year ago