Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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

clockmaker's profile picture

池田 泰延

31,449 subscribers

83,631 görüntüleme • 2 ay önce •via X (Twitter)

Bilim & TeknolojiEğitim
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

動画編集が全自動！？ Remotionを使えば、 動画編集ソフトを使わずに 簡単に自動で動画を作れます。 加えて、Remotion×Antigravityで ・BGM ・間の自動カット ・テロップ入れ ・ナレーション ・アニメーション も無料生成できます。 この方法をまとめたので、 欲しい人は いいねとリプで 好きな絵文字で配布します
0:15

動画編集が全自動！？ Remotionを使えば、 動画編集ソフトを使わずに 簡単に自動で動画を作れます。 加えて、Remotion×Antigravityで ・BGM ・間の自動カット ・テロップ入れ ・ナレーション ・アニメーション も無料生成できます。 この方法をまとめたので、 欲しい人は いいねとリプで 好きな絵文字で配布します

Kくん

37,964 görüntüleme • 6 ay önce

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

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

池田 泰延

157,915 görüntüleme • 1 yıl önce

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

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

池田 泰延

80,434 görüntüleme • 8 ay önce

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

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

池田 泰延

46,301 görüntüleme • 1 yıl önce

Grokに追加されたプロンプト強化機能すごいね！ 現時点では動画生成のみの機能みたいです。 この動画「靴を脱いで脚を見せて」って書いただけなのに、この機能使ったらこんなプロンプトに変換されて、この動画になりました。 プロンプトはリプ欄に書いておきます👇️ 使い方は簡単で、動画にしたい画像を選択して簡単なプロンプトを書いて、プロンプト強化ボタン（鉛筆マーク）を押すだけ。そしたら補完されたプロンプトが自動で生成されて書き込まれます。書き込まれたら動画生成ボタン押すだけ。
0:15

Grokに追加されたプロンプト強化機能すごいね！ 現時点では動画生成のみの機能みたいです。 この動画「靴を脱いで脚を見せて」って書いただけなのに、この機能使ったらこんなプロンプトに変換されて、この動画になりました。 プロンプトはリプ欄に書いておきます👇️ 使い方は簡単で、動画にしたい画像を選択して簡単なプロンプトを書いて、プロンプト強化ボタン（鉛筆マーク）を押すだけ。そしたら補完されたプロンプトが自動で生成されて書き込まれます。書き込まれたら動画生成ボタン押すだけ。

原みなみ@AI四姉妹(末っ子)

38,707 görüntüleme • 11 gün önce

【新ChatGPT対応！長文出力プロンプト】 お待たせしました。ChatGPT-o1で長文を書かせたい人全員見て。 これを使って、テーマを一言与えるだけで、o1に長文エッセイを書かせることができます。 簡単にできるので、やってみて。 リプ欄に、"エッセイ"と書いたら、無料プロンプトが貴方の元に届きます。
0:16

【新ChatGPT対応！長文出力プロンプト】 お待たせしました。ChatGPT-o1で長文を書かせたい人全員見て。 これを使って、テーマを一言与えるだけで、o1に長文エッセイを書かせることができます。 簡単にできるので、やってみて。 リプ欄に、"エッセイ"と書いたら、無料プロンプトが貴方の元に届きます。

shimayuz ⤴️ AI影分身構築

53,796 görüntüleme • 2 yıl önce

【プレゼント企画vol.2🎁】 以前大好評だった「Figmaのデザインtips解説動画」第2弾をプレゼントします！ デザイナーなら知っておきたい定番のあしらいが一覧になっており、動画を見れば簡単に作れますので是非もらっていってください！ 第1弾を見逃した人も全部一緒にプレゼントしますのでご安心ください！全部で24個のtipsです。 ✅全24個tips一覧 1.マーブル模様：背景にプラスするとオシャレ！ 2.ネオン文字：文字エフェクトでインパクトUP！ 3.立体シェイプ：立体シェイプが自分で作れる！ 4.集中線：集中線は視線を集めるのに効果的！ 5.らくがき文字：ゆるいあしらいが欲しい時に使える！ 6.ゆる可愛いお花：女性向けデザインのクオリティUP！ 7.オシャレ加工：グラデ加工知っておいて損なし！ 8.ゴールドグラデ：メダルのあしらいなどにも使える！ 9.矢印アイコン：よく使う汎用的なアイコン！ 10.勢いのある文字：躍動感をつけたい時に使える！ 11.文字アクセント：視線を集めたい時に使える！ 12.リボン風あしらい：見出しにも使える！ 13.立体文字：簡単にインパクトが出せます！ 14.マスク文字：奥行きのあるオシャレ感を演出！ 15.ぷるぷる文字：ぷるんとした文字を作れる！ 16.キラキラ素材：ちょっとしたアクセントに使える！ 17.ロングシャドウ：デザインにインパクトをつけたい時に使える 18.サンバースト：王道のあしらいが簡単に作れる！ 19.アイソメトリック：オシャレなモックアップにも使える！ 20.袋文字：覚えておいて損なし！の文字効果 21.手描き文字：デザインにエモさをプラス！ 22.紙吹雪：キャンペーンなど楽しいあしらいに使える！ 23.和柄模様：和風デザインに使える王道！ 24.ハート：アイコンやあしらいに多様に使える！ ✅受け取り方 ①もも（長谷川 麻子）🍑AI×デザインをフォロー ②この投稿にいいね ③この投稿をリポスト ④絵文字🍑をリプライ ※DMにてお送りしますので解放設定しておいてくださいね ※感想の引用リポストも歓迎です！ これだけあればデザインのクオリティもかなりアップすると思いますので、ぜひ全て集めてコンプリートしてみてください！
0:11

【プレゼント企画vol.2🎁】 以前大好評だった「Figmaのデザインtips解説動画」第2弾をプレゼントします！ デザイナーなら知っておきたい定番のあしらいが一覧になっており、動画を見れば簡単に作れますので是非もらっていってください！ 第1弾を見逃した人も全部一緒にプレゼントしますのでご安心ください！全部で24個のtipsです。 ✅全24個tips一覧 1.マーブル模様：背景にプラスするとオシャレ！ 2.ネオン文字：文字エフェクトでインパクトUP！ 3.立体シェイプ：立体シェイプが自分で作れる！ 4.集中線：集中線は視線を集めるのに効果的！ 5.らくがき文字：ゆるいあしらいが欲しい時に使える！ 6.ゆる可愛いお花：女性向けデザインのクオリティUP！ 7.オシャレ加工：グラデ加工知っておいて損なし！ 8.ゴールドグラデ：メダルのあしらいなどにも使える！ 9.矢印アイコン：よく使う汎用的なアイコン！ 10.勢いのある文字：躍動感をつけたい時に使える！ 11.文字アクセント：視線を集めたい時に使える！ 12.リボン風あしらい：見出しにも使える！ 13.立体文字：簡単にインパクトが出せます！ 14.マスク文字：奥行きのあるオシャレ感を演出！ 15.ぷるぷる文字：ぷるんとした文字を作れる！ 16.キラキラ素材：ちょっとしたアクセントに使える！ 17.ロングシャドウ：デザインにインパクトをつけたい時に使える 18.サンバースト：王道のあしらいが簡単に作れる！ 19.アイソメトリック：オシャレなモックアップにも使える！ 20.袋文字：覚えておいて損なし！の文字効果 21.手描き文字：デザインにエモさをプラス！ 22.紙吹雪：キャンペーンなど楽しいあしらいに使える！ 23.和柄模様：和風デザインに使える王道！ 24.ハート：アイコンやあしらいに多様に使える！ ✅受け取り方 ①もも（長谷川 麻子）🍑AI×デザインをフォロー ②この投稿にいいね ③この投稿をリポスト ④絵文字🍑をリプライ ※DMにてお送りしますので解放設定しておいてくださいね ※感想の引用リポストも歓迎です！ これだけあればデザインのクオリティもかなりアップすると思いますので、ぜひ全て集めてコンプリートしてみてください！

もも（長谷川 麻子）🍑AI×デザイン

21,739 görüntüleme • 2 yıl önce

強欲の『俺を選べSP』 あれ？この演出って 『俺を選べ！』の文字の前に異世界語みたいな文字出てましたっけ🤔？
0:19

強欲の『俺を選べSP』 あれ？この演出って 『俺を選べ！』の文字の前に異世界語みたいな文字出てましたっけ🤔？

パチンコで一日中爆連希望(*'▽')

51,303 görüntüleme • 6 ay önce

この度、講談社から初の書籍を出版します！10代の頃から自分が悩み考え、経験してきたことを思い出しながら一年以上かけて文章も書きました。今までインタビューなどでは伝えきれなかった想いを全て書いています✒️全国の書店で手にできると思いますので、ぜひお手にとって読んでもらえたら嬉しいです📙
0:19

この度、講談社から初の書籍を出版します！10代の頃から自分が悩み考え、経験してきたことを思い出しながら一年以上かけて文章も書きました。今までインタビューなどでは伝えきれなかった想いを全て書いています✒️全国の書店で手にできると思いますので、ぜひお手にとって読んでもらえたら嬉しいです📙

TOMO KOIZUMI

12,939 görüntüleme • 1 yıl önce

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

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

WAリでし♀

12,900 görüntüleme • 1 yıl önce

ちょっとまって！ Figma Sitesすごくない！？ 簡単にここまで動きがあるサイトを作れるよ！ Figmaの操作に慣れている人であれば余裕だと思う！ レスポンシブも自動なので、オートレイアウトを使えればコーディングできない人でも作れそう！ 2時間くらいで作れた！
0:14

ちょっとまって！ Figma Sitesすごくない！？ 簡単にここまで動きがあるサイトを作れるよ！ Figmaの操作に慣れている人であれば余裕だと思う！ レスポンシブも自動なので、オートレイアウトを使えればコーディングできない人でも作れそう！ 2時間くらいで作れた！

せきゆおう🇯🇵Web制作とAIのことを発信する人

77,946 görüntüleme • 9 ay önce

掃除をしていたら隙間から手が出てきたのでエビを渡しました🦐見えていないのに手を出す勇気👏 カワウソは、岩の隙間や泥の中のエサを探すときもこのように手を使っていると言われています💡
0:15

掃除をしていたら隙間から手が出てきたのでエビを渡しました🦐見えていないのに手を出す勇気👏 カワウソは、岩の隙間や泥の中のエサを探すときもこのように手を使っていると言われています💡

サンシャイン水族館

9,729,230 görüntüleme • 4 ay önce

【事件級】 ChatGPTからアニメーション動画を自作できるようになった😱 アニメーション動画スキルを使ってチャットで簡単に指示をすればあっという間に動画が完成してしまう 使い方は👇 ・アニメーション動画作成Skillをセット ・チャットで作りたい動画の内容を指示 ・ChatGPTがスキルと指示を読み込んで動画の構成を考える ・実際にレンダリングまで完了 動画は編集アプリを使わずにChatGPTから作るのが今後の正解になる
0:11

【事件級】 ChatGPTからアニメーション動画を自作できるようになった😱 アニメーション動画スキルを使ってチャットで簡単に指示をすればあっという間に動画が完成してしまう 使い方は👇 ・アニメーション動画作成Skillをセット ・チャットで作りたい動画の内容を指示 ・ChatGPTがスキルと指示を読み込んで動画の構成を考える ・実際にレンダリングまで完了 動画は編集アプリを使わずにChatGPTから作るのが今後の正解になる

東大Codex研究所

176,044 görüntüleme • 1 ay önce

🐻‍❄️お知らせ🐻‍❄️ もちくま初のアニメーションLINEスタンプをリリースいたしました！ 今回は文字を使わず、動きだけで気持ちを伝えられるスタンプです 普段のやりとりにも使いやすくなっていますので、気軽に使っていただけると嬉しいです スタンプのリンクはリプ欄へ↓
0:10

🐻‍❄️お知らせ🐻‍❄️ もちくま初のアニメーションLINEスタンプをリリースいたしました！ 今回は文字を使わず、動きだけで気持ちを伝えられるスタンプです 普段のやりとりにも使いやすくなっていますので、気軽に使っていただけると嬉しいです スタンプのリンクはリプ欄へ↓

もなかもち

36,812 görüntüleme • 1 ay önce