📝ClaudeのArtifactでグラフ表現するならどれ？ ①- HTML ②- React ③- SVG 私もIT naviさんと同じく、HTML形式が好きです。出力も安定♪ Reactも良いのですが…結構出力に失敗することがあり 以下はサイバーエージェントの2024年９月期決算短信分析をしました リプ欄にシェアします👇️ pic.twitter.com/r6oAxU7JCj x.com/itnavi2022/sta…

ChatGPTで可能なことは、できるだけChatGPTにお願いしました。紙の本も速攻で文字起こしできます。 それをClaudeに渡して図解を作ってもらうだけです。最初はSVGで作成していましたが、アニメーションとモーダルを実装したいので、途中でHTML形式に変えてもらいました。 pic.twitter.com/Mmk5BiveSj

html で というか SVG で、 こんなのも作れるようになった。 LaTeX では、紙面一杯に作るのが難しそうなので、 半年前は、CAD で作っていたのだった。 pic.twitter.com/3jCfV5IoNE

【BSVハニーフラッシュの解説】 BSVブロックの生成に連動して変化する動的HTMLアートを自前の画像で作ることを思い立ちました。 [準備] illustratorのAI生成でハート画像を作り手を加えています。 白は透明とみなされるので、少し色を入れています。 これをSVG形式で保存。 👇次へ pic.twitter.com/jhpd6D7Ebd x.com/jiologlab/stat…

【Stylized Heart SVG Design】 SVG画像ならオンチェーンでコードに組み込みできるのでは? と思って、愛があふれるBSV-HTMLアートを作ってみました。 もちろんクリック／タップしたところからも愛があふれます💕 ordinals.gorillapool.io/content/64a80b… pic.twitter.com/77JBUw2t27

Claudeの図の中の英語を日本語に翻訳してしかもSVGでダウンロードできるのほんと便利。 これまでHTML等のマークアップまでは提案してくれたけどHTMLに書き出して表示するひと手間をUIでなくしたのはAIの進歩というよりUXの勝利という感じですね。 pic.twitter.com/aixfNOnQoK

Claude 3.5 SonnetにArtifactsで何を描画できるのか、ユーモアを交えながら教えてもらった。以下の６つらしい。 ・コード (シンタックスハイライトのみ) ・Markdown (描画OK) ・HTML (描画OK) ・SVG (描画OK) ・Mermaid (描画OK) ・React (描画OK) pic.twitter.com/Boz3CZfLiK