Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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

clockmaker's profile picture

池田 泰延

31,323 subscribers

157,765 Aufrufe • vor 1 Jahr •via X (Twitter)

KunstWissenschaft & TechnologieBildung
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

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

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

池田 泰延

80,325 Aufrufe • vor 2 Monaten

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

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

AIconia | アイコニア

38,122 Aufrufe • vor 6 Monaten

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

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

よんよん

56,317 Aufrufe • vor 8 Monaten

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

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

警視庁警備部災害対策課

896,950 Aufrufe • vor 2 Jahren

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

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

池田 泰延

45,571 Aufrufe • vor 9 Monaten

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

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

池田 泰延

78,920 Aufrufe • vor 4 Monaten

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

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

WAリでし♀

11,658 Aufrufe • vor 1 Jahr

iPadのアニメーション制作アプリ「ToonSquid」でキャラクターを動かしてみよう！ 今回はメッシュ打ちやボーンを使わず、移動、回転のみで動きをつけてみました この際トランスフォームレイヤーを使いアニメーションレイヤーに対して親子関係を設定しています 例えば頭部→目→口の順に親子として設定し、頭部を動かしたらその下のレイヤーも一緒に動き、子を動かしたら親は動かないようにすることができます キャラクターのように複雑なものになるとトランスフォームレイヤーのような機能はとても便利です ボーンを使わない場合は積極的に使っていきたい機能ですね
0:17

iPadのアニメーション制作アプリ「ToonSquid」でキャラクターを動かしてみよう！ 今回はメッシュ打ちやボーンを使わず、移動、回転のみで動きをつけてみました この際トランスフォームレイヤーを使いアニメーションレイヤーに対して親子関係を設定しています 例えば頭部→目→口の順に親子として設定し、頭部を動かしたらその下のレイヤーも一緒に動き、子を動かしたら親は動かないようにすることができます キャラクターのように複雑なものになるとトランスフォームレイヤーのような機能はとても便利です ボーンを使わない場合は積極的に使っていきたい機能ですね

あらみ

70,943 Aufrufe • vor 1 Monat

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

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

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

296,524 Aufrufe • vor 2 Jahren

ポケモンレジェンズZAの制作陣さん… お願いです(´；ω；｀) どうか… どうか自分のポケモンにも触れ合える機能をつけてください(´；ω；｀) レジェアルにはあったのになぜ今作は話しかけれないのですか…(´；ω；｀)
0:16

ポケモンレジェンズZAの制作陣さん… お願いです(´；ω；｀) どうか… どうか自分のポケモンにも触れ合える機能をつけてください(´；ω；｀) レジェアルにはあったのになぜ今作は話しかけれないのですか…(´；ω；｀)

東風谷

907,818 Aufrufe • vor 7 Monaten

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

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

へいたろう/平井太朗

113,027 Aufrufe • vor 1 Jahr

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

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

Kinshi Sharp

426,986 Aufrufe • vor 3 Monaten

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

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

池田 泰延

53,206 Aufrufe • vor 5 Monaten

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

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

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

31,131 Aufrufe • vor 1 Jahr

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

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

池田 泰延

69,381 Aufrufe • vor 4 Monaten

他のデバイスで、画面がどう見えるかを確認できるChrome拡張機能が便利。1クリックすれば、開いている画面をチェックできます。Chromeをお使いの方は↓からすぐに機能追加できます。
0:17

他のデバイスで、画面がどう見えるかを確認できるChrome拡張機能が便利。1クリックすれば、開いている画面をチェックできます。Chromeをお使いの方は↓からすぐに機能追加できます。

KAWAI

87,800 Aufrufe • vor 1 Jahr

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

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

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

42,179 Aufrufe • vor 9 Monaten

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

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

女性声優

190,448 Aufrufe • vor 2 Tagen

CSSの新しいinterpolate-size と calc-size() が便利。 width: auto; や height: auto; に対してトランジション可能になります。固定サイズなら簡単ですが、autoなサイズが今まで難しかったので、楽になります。
0:13

CSSの新しいinterpolate-size と calc-size() が便利。 width: auto; や height: auto; に対してトランジション可能になります。固定サイズなら簡単ですが、autoなサイズが今まで難しかったので、楽になります。

池田 泰延

56,403 Aufrufe • vor 11 Monaten