正在加载视频...

视频加载失败

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

HTMLコーダーに嬉しいVS Codeの最新機能。 alt属性の文言を自動生成してくれます。 HTMLとマークダウンに対応。

池田泰延

31,449 subscribers

57,483 次观看 • 1 年前 •via X (Twitter)

艺术科学技术教育

Anya Rossi• Live Now

Private livecam show

2 条评论

池田泰延的头像

池田泰延1 年前

リリースノートはこちら（2025年5月8日付） April 2025 (version 1.100)

NICE 的头像

NICE1 年前

Stay competitive by balancing cutting-edge AI with automation tools. Forrester shows how.

相关视频

VS Codeの新機能「Copilot Vision」を試してみました。デザインカンプからHTML・CSSを手軽に自動生成。これは便利！

VS Codeの新機能「Copilot Vision」を試してみました。デザインカンプからHTML・CSSを手軽に自動生成。これは便利！

池田泰延

205,577 次观看 • 1 年前

【HTMLメールとは？テキストメールとの違い】 HTMLメールのメリットや、テキストメールとの使い分けについてご紹介します！ブログ記事では、それぞれの形式の特徴やメリット・デメリット、HTMLメールの作成方法、注意点などを詳しく解説しています。

【HTMLメールとは？テキストメールとの違い】 HTMLメールのメリットや、テキストメールとの使い分けについてご紹介します！ブログ記事では、それぞれの形式の特徴やメリット・デメリット、HTMLメールの作成方法、注意点などを詳しく解説しています。

BenchmarkEmail (HTMLメール配信システム)

40,164 次观看 • 2 个月前

HTMLの新しいinterestfor属性が便利！ JavaScript無しで、ホバーUIを作れます。

HTMLの新しいinterestfor属性が便利！ JavaScript無しで、ホバーUIを作れます。

池田泰延

294,212 次观看 • 9 个月前

イラレの新機能「裁ち落としを印刷」塗り足し部分を自動で生成してくれます！ #Illustrator

イラレの新機能「裁ち落としを印刷」塗り足し部分を自動で生成してくれます！ #Illustrator

タマケン | デザイン

384,527 次观看 • 1 年前

【26.4 Snapshot 4】 Minecraftのジュークボックスに「プレイリスト機能」が新しく実装されました～！真上にチェストを置くと、中のレコードを順番に自動で流してくれるよ！・スロットの順番に再生して、空きスロットやレコード以外のアイテムは飛ばす・ループ再生 ...というすごい機能付きです！✨

【26.4 Snapshot 4】 Minecraftのジュークボックスに「プレイリスト機能」が新しく実装されました～！真上にチェストを置くと、中のレコードを順番に自動で流してくれるよ！・スロットの順番に再生して、空きスロットやレコード以外のアイテムは飛ばす・ループ再生 ...というすごい機能付きです！✨

🐻白くまさん🐱

29,777 次观看 • 28 天前

【速報】 Claude CodeとCodexに「動画を自動生成するスキル」が登場🔥 Gooseworksが開発した /goose-video スキルを実行するだけで、AI動画広告が完成します。・ブランドの方向性を自動で理解・コンセプト・スクリプト・素材を自動起草・動画レシピライブラリから最適な形式を選択・HTML + 動画生成モデルの組み合わせで映像化これまで動画広告1本に必要だった「企画 → 撮影 → 編集」の工程が、Claude Code上の1コマンドに集約されています。 Skill機能の活用事例として非常に実践的です。プロダクト紹介動画やSNS広告など、定型パターンの動画制作コストを大幅に削減できる可能性があります。ポイントは「動画レシピライブラリ」の存在です。テンプレートを増やせば増やすほど、コマンド1つで作れる動画のバリエーションが広がります。動画制作を「コマンド1つ」に変えるこの仕組み、Skill機能をまだ使っていない方は試す価値ありです。 ============ 営業してもないのに大手企業からお願いされるくらいの、Claude Codeのノウハウや最新情報を発信しています。フォローして一緒にClaude Codeをマスターしましょう！

【速報】 Claude CodeとCodexに「動画を自動生成するスキル」が登場🔥 Gooseworksが開発した /goose-video スキルを実行するだけで、AI動画広告が完成します。・ブランドの方向性を自動で理解・コンセプト・スクリプト・素材を自動起草・動画レシピライブラリから最適な形式を選択・HTML + 動画生成モデルの組み合わせで映像化これまで動画広告1本に必要だった「企画 → 撮影 → 編集」の工程が、Claude Code上の1コマンドに集約されています。 Skill機能の活用事例として非常に実践的です。プロダクト紹介動画やSNS広告など、定型パターンの動画制作コストを大幅に削減できる可能性があります。ポイントは「動画レシピライブラリ」の存在です。テンプレートを増やせば増やすほど、コマンド1つで作れる動画のバリエーションが広がります。動画制作を「コマンド1つ」に変えるこの仕組み、Skill機能をまだ使っていない方は試す価値ありです。 ============ 営業してもないのに大手企業からお願いされるくらいの、Claude Codeのノウハウや最新情報を発信しています。フォローして一緒にClaude Codeをマスターしましょう！

【公式】Claude Codeアカデミア

214,121 次观看 • 3 个月前

イラレのBeta版に追加された新機能「ターンテーブル」イラストの別アングルを生成してくれます！ #Illustrator

イラレのBeta版に追加された新機能「ターンテーブル」イラストの別アングルを生成してくれます！ #Illustrator

タマケン | デザイン

245,644 次观看 • 1 年前

"自動設計"という文脈においては2Dの図面から攻めるのが筋がいい（比較的AIにフィードバックループさせやすい）と思いますね！んで、建築の仕様をyaml形式で入力したらその平面プランがsvg/htmlで自動生成されるツールを実験的に作ってました

"自動設計"という文脈においては2Dの図面から攻めるのが筋がいい（比較的AIにフィードバックループさせやすい）と思いますね！んで、建築の仕様をyaml形式で入力したらその平面プランがsvg/htmlで自動生成されるツールを実験的に作ってました

AkihitoYokota

24,081 次观看 • 6 个月前

個人的に欲しかった機能の一つです。運転中、ナビの操作できないことありますよね？その時この機能が役に立ちます！ Siriに開いて欲しいモードを指示すると対象のモードで開いてくれるようにしました。多言語で開けるか検証したいので、本機能をテストしてくれる方を募集します。 iOS16以降が対象です。 #CarPlay

個人的に欲しかった機能の一つです。運転中、ナビの操作できないことありますよね？その時この機能が役に立ちます！ Siriに開いて欲しいモードを指示すると対象のモードで開いてくれるようにしました。多言語で開けるか検証したいので、本機能をテストしてくれる方を募集します。 iOS16以降が対象です。 #CarPlay

Dcsyhi

13,899 次观看 • 1 个月前

これが未来のゴミ収集車のカタチ。これは三菱ふそうの新型eCanterがベースの自動追尾型のごみ収集車。カメラセンサーでドライバーを認識して自動で追尾してくれる。ただ自動でゴミを投入したり分別してくれる機能の方が欲しいと思うけど、絶対に難しいので言わない様にしておきます。

これが未来のゴミ収集車のカタチ。これは三菱ふそうの新型eCanterがベースの自動追尾型のごみ収集車。カメラセンサーでドライバーを認識して自動で追尾してくれる。ただ自動でゴミを投入したり分別してくれる機能の方が欲しいと思うけど、絶対に難しいので言わない様にしておきます。

商用車メーカーの中の人

18,227 次观看 • 9 个月前

動画からControlNetを通してAI動画を生成する機能を作成したので公開します！ Multi ControlNetにも対応してます！ Extensionから以下のURLを使ってインストールできます！ #AUTOMATIC1111 #ControlNet #AIArt #AIイラスト

動画からControlNetを通してAI動画を生成する機能を作成したので公開します！ Multi ControlNetにも対応してます！ Extensionから以下のURLを使ってインストールできます！ #AUTOMATIC1111 #ControlNet #AIArt #AIイラスト

抹茶もなか

191,746 次观看 • 3 年前

これ、Claude CodeのFable 5.1をEffortをultracodeにして本気で作ったスライド。ポイントは、 Skillsを使うことで、高性能LLMが生成した複雑なグラフや図解も、そのままPowerPointに落とし込めること。実際に生成したHTML、Design.md、PPTXファイルはリプ👇🧵

これ、Claude CodeのFable 5.1をEffortをultracodeにして本気で作ったスライド。ポイントは、 Skillsを使うことで、高性能LLMが生成した複雑なグラフや図解も、そのままPowerPointに落とし込めること。実際に生成したHTML、Design.md、PPTXファイルはリプ👇🧵

Taiyo Kimura

224,637 次观看 • 2 个月前

HTMLを直接3Dの質感として描画できる新機能「html-in-canvas」複雑な操作画面をWebブラウザの標準機能でそのまま3D空間へ配置できます。現在はChromeの試験運用機能ですが、Web3DのUI制作を劇的に効率化する可能性を秘めた期待の技術です。

HTMLを直接3Dの質感として描画できる新機能「html-in-canvas」複雑な操作画面をWebブラウザの標準機能でそのまま3D空間へ配置できます。現在はChromeの試験運用機能ですが、Web3DのUI制作を劇的に効率化する可能性を秘めた期待の技術です。

Sadao Tokuyama

538,628 次观看 • 6 个月前

【最後のお知らせ】 TikTokにて最後の動画を更新しました。これをもってTikTokでの活動も終了となります。ここまで見てくれた皆さん、本当にありがとうございました。最後の動画、ぜひ見届けてくれると嬉しいです。 🔗 #荒野行動

【最後のお知らせ】 TikTokにて最後の動画を更新しました。これをもってTikTokでの活動も終了となります。ここまで見てくれた皆さん、本当にありがとうございました。最後の動画、ぜひ見届けてくれると嬉しいです。 🔗 #荒野行動

さるちゃ

51,958 次观看 • 1 年前

ワンクリックでデザインからHTML・CSSを自動生成できるFigmaプラグイン「CodeLens Pro」をリリースしました🤍 こちらから使えます👇 ※5日間無料トライアル（通常は$15）で使えます🥳 このプラグインでは要素選択してワンクリックで 🌸HTML・CSSコード 🌸TailwindCSS 🌸pxをremに変換 🌸あしらいを擬似要素として使えるコード 🌸line-heightの自動計算 🌸画像のaspect-ratioの値を自動算出などが生成できます！またお好みで 🌸同時に複数要素のコードを生成 🌸任意のSCSS関数名へ変更可能（例）rem()など 🌸rem出力のベースフォントサイズカスタマイズ可能（例）1rem = 16pxの他10pxなど変更可能 🌸要素同士の余白を取得など各々のコードの書き方にカスタマイズ可能です！私自身もコーディングしていて「これできたら便利だな」と思う機能をたくさん搭載しました🥳 まずは無料で機能をお試しできるので使ってみてくれると嬉しいです🫶

ワンクリックでデザインからHTML・CSSを自動生成できるFigmaプラグイン「CodeLens Pro」をリリースしました🤍 こちらから使えます👇 ※5日間無料トライアル（通常は$15）で使えます🥳 このプラグインでは要素選択してワンクリックで 🌸HTML・CSSコード 🌸TailwindCSS 🌸pxをremに変換 🌸あしらいを擬似要素として使えるコード 🌸line-heightの自動計算 🌸画像のaspect-ratioの値を自動算出などが生成できます！またお好みで 🌸同時に複数要素のコードを生成 🌸任意のSCSS関数名へ変更可能（例）rem()など 🌸rem出力のベースフォントサイズカスタマイズ可能（例）1rem = 16pxの他10pxなど変更可能 🌸要素同士の余白を取得など各々のコードの書き方にカスタマイズ可能です！私自身もコーディングしていて「これできたら便利だな」と思う機能をたくさん搭載しました🥳 まずは無料で機能をお試しできるので使ってみてくれると嬉しいです🫶

ちい🐼 | Web制作で人生に選択肢を

74,221 次观看 • 11 个月前

Opus 5.5にHTML/Three.jsを書かせた、ナレーションとモーションのテスト。「凍った手記」 ■素材・物語と文字の動き：Opus 5.5 ・声：Gemini TTS ・風とノックの音：ffmpegで合成・動画生成AI：使っていません ■やらせたこと・物語を書く・文字の組みと動きを、HTML/Three.jsで作る・声と効果音を合わせて、1本の動画に書き出す ■わかったこと・Gemini TTSは演技がめちゃうまい。ナレーションだと聞きやすい・モーションの手段は色々ある・動画生成と違って、文字が崩れないし直しも速い・データが軽い色々な表現があるので、その状況に応じて対応できる引き出しを持っておくことがすごく大事だと感じました。ぜひ音ありで見てください。

Opus 5.5にHTML/Three.jsを書かせた、ナレーションとモーションのテスト。「凍った手記」 ■素材・物語と文字の動き：Opus 5.5 ・声：Gemini TTS ・風とノックの音：ffmpegで合成・動画生成AI：使っていません ■やらせたこと・物語を書く・文字の組みと動きを、HTML/Three.jsで作る・声と効果音を合わせて、1本の動画に書き出す ■わかったこと・Gemini TTSは演技がめちゃうまい。ナレーションだと聞きやすい・モーションの手段は色々ある・動画生成と違って、文字が崩れないし直しも速い・データが軽い色々な表現があるので、その状況に応じて対応できる引き出しを持っておくことがすごく大事だと感じました。ぜひ音ありで見てください。

aicreataro

88,635 次观看 • 1 个月前

CodexとGPT-5.6 Solの組み合わせで完全自動で全てをAIに任せ『ゼルダの伝説時のオカリナ』を iOS・iPadOS上でネイティブ動作させたエミュレーターでもありません。『Ship of Harkinian』はこれまでWindows、Linux、macOS、Nintendo Switch、Wii U、Androidに対応してきましたが、iOS版は存在していませんでした。今回、ついにiPadでの動作に成功。 iPhone向けのビルドも含まれています。ゲームはC言語へデコンパイルされ、Metalで描画するネイティブARM64アプリとして再構築。・N64ハードウェアのシミュレーションなし・実行中のROM解釈なし・Macからのストリーミングなし・完全なiOSネイティブ動作そのため、N64版の240p・20fpsという制限にも縛られません。ワイドスクリーン、フル解像度、60fpsに対応し、iPhoneやiPadの性能を直接活用して動作します。操作もiOSネイティブ対応。 Bluetoothコントローラーを接続すれば、最初から最後までプレイ可能。タッチ操作、キーボード、マウスにも対応しています。そして、このiOSレイヤーの構築にはCodex 5.6 Solを使用しました。 AIを使って、これまで存在しなかったプラットフォーム対応を実装し、実際にネイティブアプリとして動かす。ゲーム開発や移植におけるAIコーディングの可能性が、また一段階広がった

CodexとGPT-5.6 Solの組み合わせで完全自動で全てをAIに任せ『ゼルダの伝説時のオカリナ』を iOS・iPadOS上でネイティブ動作させたエミュレーターでもありません。『Ship of Harkinian』はこれまでWindows、Linux、macOS、Nintendo Switch、Wii U、Androidに対応してきましたが、iOS版は存在していませんでした。今回、ついにiPadでの動作に成功。 iPhone向けのビルドも含まれています。ゲームはC言語へデコンパイルされ、Metalで描画するネイティブARM64アプリとして再構築。・N64ハードウェアのシミュレーションなし・実行中のROM解釈なし・Macからのストリーミングなし・完全なiOSネイティブ動作そのため、N64版の240p・20fpsという制限にも縛られません。ワイドスクリーン、フル解像度、60fpsに対応し、iPhoneやiPadの性能を直接活用して動作します。操作もiOSネイティブ対応。 Bluetoothコントローラーを接続すれば、最初から最後までプレイ可能。タッチ操作、キーボード、マウスにも対応しています。そして、このiOSレイヤーの構築にはCodex 5.6 Solを使用しました。 AIを使って、これまで存在しなかったプラットフォーム対応を実装し、実際にネイティブアプリとして動かす。ゲーム開発や移植におけるAIコーディングの可能性が、また一段階広がった

ガガロット

52,835 次观看 • 3 个月前

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

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

池田泰延

51,860 次观看 • 9 个月前