- すべて
- 画像・動画
並べ替え:新着順
🔥【完全版】#Anthropic の独自のAI技術 #Claude3.5 SonnetとArtifacts機能 👉Claude 3.5 Sonnetは何か、始め方、機能、活用事例 👉Artifacts機能 👉ChatGPT4oとGeminiとの違い #Artifacts #chatgpt #gpt4o #technologytrends #technews #AI #AItools #Claude #gpts #Gemini relipasoft.com/blog/claude-3-… pic.twitter.com/yjzXGRuoVi
ArtifactsでマネーフォワードのUI再現してみた!! もうちょっと頑張れば普通に使える家計簿アプリになりそう👀 #Claude #Artifacts #Moneyforward pic.twitter.com/ljAtPjrA1M
#Artifacts やっとReveal.jsのテーマを指定できるようになった。「v2」プロンプトは失敗する。 あとは、PowerPointファイルで出力。 note.com/it_navi/n/ne3f… pic.twitter.com/mxZihHIO7x x.com/itnavi2022/sta…
Claudeで完成度の高いスライドショーを作成する方法 ✅スライド作成専用JSライブラリのReveal.jsを使用したスライドショーの作成を追加しました。 ⭐️Reveal.jsは一発で完成度の高いスライドショーを作成できるが、使えるテーマに制限があり、デザイン修正がなかなか難しい。 note.com/it_navi/n/ne3f…
#Artifacts Reveal.jsで作成したスライドの例 note.com/it_navi/n/ne3f… pic.twitter.com/3mx2qCBfR5 x.com/itnavi2022/sta…
Claudeで完成度の高いスライドショーを作成する方法 ✅スライド作成専用JSライブラリのReveal.jsを使用したスライドショーの作成を追加しました。 ⭐️Reveal.jsは一発で完成度の高いスライドショーを作成できるが、使えるテーマに制限があり、デザイン修正がなかなか難しい。 note.com/it_navi/n/ne3f…
#ClaudeAI: #Artifacts 16x16ドット絵の生成Prompt: 1. 主題: [描きたいものを簡潔に記述] 2. 色: [メインカラー(16進数)], [サブカラー1(16進数)], [サブカラー2(16進数)](最大3色) 3. スタイル: [ピクセルアート/アイコン/ミニマル/レトロ/等] 4. 向き: [正面/横顔/俯瞰/等] 5. 特徴:… pic.twitter.com/bv4wo8uzwK
#artifacts の便利技 ClaudeのArtifactsで作成したSVG画像は、ChatGPTで「pngに変換して」と指示するだけで、簡単に扱いやすいPNGファイルに変換することができます。 ※但し、日本語表示は文字化けすることがあります。 pic.twitter.com/3AwUFsj2uY
#Artifacts Chart.js(左)とD3.js(右)によるグラフ描画の比較 Chart.jsはインタラクティブなグラフをCanvas要素として描画し、D3.jsはSVGとして描画します。 僕はChart.jsの方が好きですが、D3.jsもグラフの種類が豊富でカスタマイズ性が高いという特徴があります。 note.com/it_navi/n/n243… pic.twitter.com/R6i4LPQWsk x.com/itnavi2022/sta…
Claudeでグラフを描く3種類のアーティファクトの比較 ✅HTMLとD3.jsを使用したグラフ描画を追加しました。 ただ、Claudeでグラフを描く場合は、D3.jsよりもChart.jsの方が使い勝手がよいと感じました。 note.com/it_navi/n/n243…
#Artifacts ビッグバンをイメージしたアニメーション② プロンプト:ビッグバンをイメージしたアニメーションを作成して (SVGが使用されています。) note.com/it_navi/n/n348… pic.twitter.com/GJXm9ZqX3J
#Artifacts ビッグバンをイメージしたアニメーション① プロンプト:htmlとJavaScriptでビッグバンをイメージしたアニメーションを作成して (Canvas APIが使用されています。)note.com/it_navi/n/n348… pic.twitter.com/O3VR5ncd1Q x.com/itnavi2022/sta…
#Artifacts Claudeでは、lucide-reactを使用し、Artifactsで様々なアイコンを表示することができます。 参考note:note.com/it_navi/n/n243… pic.twitter.com/MFkWM2dyl8
GPT-4o miniって吉〇家やん そら3.5いなくなるか🥹 シュンスケさんの異次元レベルのプロンプトみながら、3.5で構造化工夫してたのがなつかしい🦍🍷 あと11日 #GPT4omini #Claude #Artifacts pic.twitter.com/z77qhBUCEC x.com/pure_exp/statu…
#Claude #Artifacts 日本人向けスムーズ操作のインタラクティブ3Dルービックキューブ claude.site/artifacts/7ec4… pic.twitter.com/bxUhQ8lCgl
#Artifacts 生成AIによるジェネラティブアート作成の練習(4種) プロンプト: HTMLでJavaScriptを使用して複数のアニメーションがランダムに切り替わっていくアニメーションを作成して claude.site/artifacts/38f0… pic.twitter.com/4GFNJslwxI
#Artifacts 生成AIによるジェネラティブアート作成の練習(4種) プロンプト: HTMLでJavaScriptを使用して花のアニメーションを作成して claude.site/artifacts/e5d3… ※クリックすると、下から花が生えてきます。 pic.twitter.com/MGk35rBCUK
#Artifacts 生成AIによるジェネラティブアート作成の練習(4種) プロンプト: HTMLでJavaScriptを使用して回転する巨大銀河のアニメーションを作成して claude.site/artifacts/cd24… pic.twitter.com/ZFKLsRHwvT
#Artifacts 生成AIによるジェネラティブアート作成の練習(4種) プロンプト: HTMLでJavaScriptを使用して泳いでいる沢山の金魚がいきなりドクロに変わるアニメーションを作成して claude.site/artifacts/5de7… pic.twitter.com/hhVURuQdij
これは凄い!! Claude3.5のArtifactsにサンプルのデザインを提供すると…ほぼ同じ見た目の表が作れてしまった 😆 #Claude #Artifacts pic.twitter.com/55m4SBbIEU