正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

HTML・CSSで作るメニューUI。ヒットエリアを▷に拡張することで、マウス操作での使い勝手が良くなります。

池田泰延

31,458 subscribers

70,375 次观看 • 2 天前 •via X (Twitter)

科学技术教育

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

形状変化で出現する今どきなメニューUI。 HTMLとCSSと、少しのJSで。 HTMLのpopover属性と、 CSSのアンカーポジショニングで作っています。

形状変化で出現する今どきなメニューUI。 HTMLとCSSと、少しのJSで。 HTMLのpopover属性と、 CSSのアンカーポジショニングで作っています。

池田泰延

51,763 次观看 • 6 个月前

HTMLとCSSのみで作る、羽ばたく蝶々。 JS未使用ですが、立体的に動きます。

HTMLとCSSのみで作る、羽ばたく蝶々。 JS未使用ですが、立体的に動きます。

池田泰延

112,756 次观看 • 10 个月前

エイムのイメージは「掴みにいく」これ理解できる人は、マウス操作スキルがかなり高い人です。現実では目で見る → 手で取るで終わります。でもゲームでは、これが少し複雑になります。現実なら、目で見たコップにそのまま手を伸ばせば取れます。でもFPSでは、敵は画面の中にいて、実際の手では触れません。代わりに使うのがマウスです。つまりFPSのエイムは、↓↓

エイムのイメージは「掴みにいく」これ理解できる人は、マウス操作スキルがかなり高い人です。現実では目で見る → 手で取るで終わります。でもゲームでは、これが少し複雑になります。現実なら、目で見たコップにそのまま手を伸ばせば取れます。でもFPSでは、敵は画面の中にいて、実際の手では触れません。代わりに使うのがマウスです。つまりFPSのエイムは、↓↓

Esports PT Lab　ロワ犬

615,761 次观看 • 2 个月前

絵を飾るとき「ヒートン」という金具を使うことがあります。これが、指が痛くなるくらい付けるのが大変なのですが、ラチェットレンチを使うことで、作業が大幅に楽になります。アナログ絵描きの皆さん、ヒートンにはラチェットレンチです！早く綺麗にできて、指が痛くないですよ！

絵を飾るとき「ヒートン」という金具を使うことがあります。これが、指が痛くなるくらい付けるのが大変なのですが、ラチェットレンチを使うことで、作業が大幅に楽になります。アナログ絵描きの皆さん、ヒートンにはラチェットレンチです！早く綺麗にできて、指が痛くないですよ！

TAKUYA YONEZAWA ｜画家

506,553 次观看 • 1 年前

アニメ背景風3DCGの研究で作った、木の表現を3Dでできないか検討したときの成果ですノードを使いまくることにより、そこそこ良い感じの期の質感を表現することができましたイラスト描く時の手順に沿ってノードで作っています！ #blender #3DCG

アニメ背景風3DCGの研究で作った、木の表現を3Dでできないか検討したときの成果ですノードを使いまくることにより、そこそこ良い感じの期の質感を表現することができましたイラスト描く時の手順に沿ってノードで作っています！ #blender #3DCG

藤田将

809,878 次观看 • 2 年前

これすごくないですか？身体拡張という概念なのですが、片手が不自由な方も6本目の指を拡張する事で、自分でできる事が格段に増えます。また、不自由の有無に関わらず、これで作業効率を上げたいという方にも良い道具となると思います。必要な方に届いて欲しい技術ですね

これすごくないですか？身体拡張という概念なのですが、片手が不自由な方も6本目の指を拡張する事で、自分でできる事が格段に増えます。また、不自由の有無に関わらず、これで作業効率を上げたいという方にも良い道具となると思います。必要な方に届いて欲しい技術ですね

竹林崇@脳卒中リハの専門家, 作業療法士, PhD（医学）

609,924 次观看 • 1 年前

Claude Code 2.0.72 から Chromeが操作できるようになりました。 /chrome コマンドでStatusとExtensionが有効になっていることを確認した上で、ブラウザ操作をお願いすると、MCPツール(mcp__claude-in-chrome__) を使用してブラウザを操作してくれます。 claude --chrome でも有効にできます。

Claude Code 2.0.72 から Chromeが操作できるようになりました。 /chrome コマンドでStatusとExtensionが有効になっていることを確認した上で、ブラウザ操作をお願いすると、MCPツール(mcpclaude-in-chrome) を使用してブラウザを操作してくれます。 claude --chrome でも有効にできます。

Oikon

122,655 次观看 • 7 个月前

クリスタの3Dモデルの手をを操作する機能に「ハンドスキャナー」ってのがあるのですがスマホの無料版でも使えるので(カメラもスマホカメラでそのまま行ける)指を描くのが苦手な人はコレ使うと楽になると思います場所は3Dモデルを出して選択している状態でメニューの矢印を押してください(2枚目)

クリスタの3Dモデルの手をを操作する機能に「ハンドスキャナー」ってのがあるのですがスマホの無料版でも使えるので(カメラもスマホカメラでそのまま行ける)指を描くのが苦手な人はコレ使うと楽になると思います場所は3Dモデルを出して選択している状態でメニューの矢印を押してください(2枚目)

シガニー〄SKEB受付中

896,951 次观看 • 1 年前

婚約者が旅行で不在なので母と二人で映画ナイト🎞️✨つーことで観たい映画が一致したので「パレードへようこそ」を数年ぶりに鑑賞したよ。他者を恐れて壁を作り分断するのではなく、尊敬と連帯で手を携えることがいかにより良い社会を作るかを感じる良作です。

婚約者が旅行で不在なので母と二人で映画ナイト🎞️✨つーことで観たい映画が一致したので「パレードへようこそ」を数年ぶりに鑑賞したよ。他者を恐れて壁を作り分断するのではなく、尊敬と連帯で手を携えることがいかにより良い社会を作るかを感じる良作です。

とりとる🏳️‍🌈🏳️‍⚧️

19,055 次观看 • 1 年前

CSSで弾みを加えるとウェブのUIが軽快になります

CSSで弾みを加えるとウェブのUIが軽快になります

池田泰延

113,018 次观看 • 4 个月前

Animateに関しては、これをこの速度とこの操作量でできないと困るんですよという所があります。

Animateに関しては、これをこの速度とこの操作量でできないと困るんですよという所があります。

84yen

39,501 次观看 • 6 个月前

拡大縮小が2倍速くなる方法今日のお話は、2D画像の拡大縮小を 2倍速くする方法についてです。皆さんは普段、どのように画像のサイズを調整していますか？おそらく、画像の隅（端っこ）をドラッグし、対角線上にドラッグして大きくして・・・・また大きくしてという動作を何度か繰り返しているかと思います。今回ご紹介するのは、画像を中心に据えたまま拡大縮小ができるようになるTipsです。この手間が完全になくなるわけではありませんが、作業効率が格段に上がります。設定方法は非常に簡単です 1. ショートカットキー「Ctrl + T」を押す 2. 「Alt」キーを押しながら拡大縮小の操作を行う ※動画内の画像は3Dレイヤーをラスタライズしたものですこれだけで、画像が真ん中を基準に拡大・縮小するようになります。これまでは対角線上に端を広げていた動きが、この操作一つで完結します。非常に簡単に拡大縮小ができますので、ぜひ使ってみてください。

拡大縮小が2倍速くなる方法今日のお話は、2D画像の拡大縮小を 2倍速くする方法についてです。皆さんは普段、どのように画像のサイズを調整していますか？おそらく、画像の隅（端っこ）をドラッグし、対角線上にドラッグして大きくして・・・・また大きくしてという動作を何度か繰り返しているかと思います。今回ご紹介するのは、画像を中心に据えたまま拡大縮小ができるようになるTipsです。この手間が完全になくなるわけではありませんが、作業効率が格段に上がります。設定方法は非常に簡単です 1. ショートカットキー「Ctrl + T」を押す 2. 「Alt」キーを押しながら拡大縮小の操作を行う ※動画内の画像は3Dレイヤーをラスタライズしたものですこれだけで、画像が真ん中を基準に拡大・縮小するようになります。これまでは対角線上に端を広げていた動きが、この操作一つで完結します。非常に簡単に拡大縮小ができますので、ぜひ使ってみてください。

漫画用3D承ります｜マンガ3Dラボ｜脇﨑

17,078 次观看 • 3 个月前

Glassesのタケです😴 モディファイアのスキンを使うと辺を使ってモデリングすることができます。面を張るのではなく、辺を伸ばして作るので細長いものなのどモデリングに便利です！ Ctrl＋Aでそれぞれの頂点のスキンの太さを変えることもできます。 #Blender #モディファイア #スキン

Glassesのタケです😴 モディファイアのスキンを使うと辺を使ってモデリングすることができます。面を張るのではなく、辺を伸ばして作るので細長いものなのどモデリングに便利です！ Ctrl＋Aでそれぞれの頂点のスキンの太さを変えることもできます。 #Blender #モディファイア #スキン

Ｇlasses（シェルパＧ）

14,013 次观看 • 3 年前

スクワットやデッドリフトが上手くなりたいなら、最初にフォームを意識するより準備が大切。ワールドグレイテストストレッチは、・足裏で地面を踏み続ける・股関節の内外旋を引き出す・胸郭の回旋を引き出すこれらを同時に行えるエクササイズです。股関節と胸郭が動ける状態を作ってからスクワットやデッドリフトに入ることで、ボトムでも姿勢が崩れにくくなります。エクササイズで感覚を作り、本番では余計なことを考えない。良いフォームは、意識して作るものではなく、自然に選べる状態を準備することが鍵だと思います。

スクワットやデッドリフトが上手くなりたいなら、最初にフォームを意識するより準備が大切。ワールドグレイテストストレッチは、・足裏で地面を踏み続ける・股関節の内外旋を引き出す・胸郭の回旋を引き出すこれらを同時に行えるエクササイズです。股関節と胸郭が動ける状態を作ってからスクワットやデッドリフトに入ることで、ボトムでも姿勢が崩れにくくなります。エクササイズで感覚を作り、本番では余計なことを考えない。良いフォームは、意識して作るものではなく、自然に選べる状態を準備することが鍵だと思います。

ユウト/Yuto NAKAZAWA

93,515 次观看 • 1 个月前

キャッチアップしたい2026年のCSSをまとめました。 JavaScruot無しで作れる機能がふえ、コード量が減り、モーションを作りやすくなっているのが特徴です。

キャッチアップしたい2026年のCSSをまとめました。 JavaScruot無しで作れる機能がふえ、コード量が減り、モーションを作りやすくなっているのが特徴です。

池田泰延

28,244 次观看 • 2 个月前

なんと0円でVtuberになれます！！！簡単にイラストをマイクに合わせて動かせる自作ツールです 1動作に3コマ使うことで割と滑らかなアニメーションになってるのがウリです無料かつ広告とかもないので是非勝手に使ってください #Mock2DTalker

なんと0円でVtuberになれます！！！簡単にイラストをマイクに合わせて動かせる自作ツールです 1動作に3コマ使うことで割と滑らかなアニメーションになってるのがウリです無料かつ広告とかもないので是非勝手に使ってください #Mock2DTalker

もつく🌳謎の緑色Vtuber

749,800 次观看 • 5 个月前

ルーペのメニュー画面ですフリーレイアウトを使わずに作ったので、後ろでイベントが動いてます。作り直さないと… #RPGBakin #名探偵ルーペ

ルーペのメニュー画面ですフリーレイアウトを使わずに作ったので、後ろでイベントが動いてます。作り直さないと… #RPGBakin #名探偵ルーペ

北海道情報大学森川研究室

16,276 次观看 • 6 个月前

#3Dconnexion のブラックフライデーセールで3Dマウスが安くなっています。blenderでも愛用しているのですが、最近活躍しているのはサブスタとの組み合わせです。板タブで描きながら、左手の３Dマウスで視点操作が同時に可能、しかもマウスでは出来ないような視点変更が簡単に出来るので凄く塗りやすいです！！サブスタでは、これが無いと塗れない体になってしまいました・・・ちょっとお高いので手を出しにくいですが、セールで安くなっている今がお買い得です！！ #PR

#3Dconnexion のブラックフライデーセールで3Dマウスが安くなっています。blenderでも愛用しているのですが、最近活躍しているのはサブスタとの組み合わせです。板タブで描きながら、左手の３Dマウスで視点操作が同時に可能、しかもマウスでは出来ないような視点変更が簡単に出来るので凄く塗りやすいです！！サブスタでは、これが無いと塗れない体になってしまいました・・・ちょっとお高いので手を出しにくいですが、セールで安くなっている今がお買い得です！！ #PR

0から始めるblender生活

46,478 次观看 • 8 个月前

遅くなりましたが、ススキのスズメの作り方動画です。（長いので前編後編分かれてます）最近は少ないススキの穂で小さなスズメを作るのが気に入っています。使うススキは穂が開く前のものを採取すると、その後穂が取れず長く飾ることができます。

遅くなりましたが、ススキのスズメの作り方動画です。（長いので前編後編分かれてます）最近は少ないススキの穂で小さなスズメを作るのが気に入っています。使うススキは穂が開く前のものを採取すると、その後穂が取れず長く飾ることができます。

inori

161,859 次观看 • 1 年前

valorantの初心者でありがちなのが、手首や前腕、肘に支点を作ってエイムすることです。・手首をマウスパッドに固定・前腕の一部を強く押し付ける・肘を軸にしてマウスを振る・手首だけでマウスを動かすなど支点を作れば安定しますが、その支点を中心とした可動域を超えるとエイムが極端に悪くなったり、支点を一度解除してからエイムするのでラグが発生します。あとは、人体の構造的にもエイムの可動域が狭くなります。

valorantの初心者でありがちなのが、手首や前腕、肘に支点を作ってエイムすることです。・手首をマウスパッドに固定・前腕の一部を強く押し付ける・肘を軸にしてマウスを振る・手首だけでマウスを動かすなど支点を作れば安定しますが、その支点を中心とした可動域を超えるとエイムが極端に悪くなったり、支点を一度解除してからエイムするのでラグが発生します。あとは、人体の構造的にもエイムの可動域が狭くなります。

Esports PT Lab　ロワ犬

809,873 次观看 • 23 天前