swfz https://blog.hatena.ne.jp/swfz/ notebook https://swfz.hatenablog.com/ Claude LLM React 全然大した話ではないが、最近のちょっと困ったことをClaudeのArtifactを活用して解決した話 Claude Artifact Claude Artifactについては他に解説記事はたくさんあるので詳しい解説は書かないが主に下記のようなことができる 対話的に成果物を生成できる 画像や図表、Reactコンポーネントの生成ができる 生成されたコンテンツをPublishして外部共有可能 背景 GitHub ActionsでAnsibleを使っているがJobが失敗したときにエラー出力の内容を読んで手がかりとしたい しかしながら、デフォルトの表示だとそもそもかなり見づらいのと、ターミナルで色付きの… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fswfz.hatenablog.com%2Fentry%2F2024%2F11%2F17%2F190411" title="Claudeで便利Webツールのコンポーネントを生成する - notebook" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/s/swfz/20241117/20241117190312.png Hatena Blog https://hatena.blog 2024-11-17 19:04:11 rich https://swfz.hatenablog.com/entry/2024/11/17/190411 1.0 100%