shimizu shimizu

ClaudeのArtifacts機能について調べてみた

Artifacts機能とは

Claudeが出力したHTML(CSS,JavaScriptを含む)のコードをチャット内でプレビューする機能。課金しないと使えない。 HTMLのコードなら何でもプレビューできるわけではないくて、条件がある(画像参照)

A non-exhaustive list of WebGL and WebGPU frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are wip/outdated/not maintained anymore.

Engines and libraries ⚙️

Name	Stars	Last Commit	Description
three.js	![GitHub

Incognito PilotをGoogle BigqueryのUIにする試み。

bigqueryのテーブルに接続し、内容を確認させ、分析方法を提案してもらって最終的に集計結果のチャート画像を出力してもらった。

日本語フォント周りは今後の課題。

AIを使ってデータの正確性をチェックする試み

都道府県の人口データにわざとミスを含ませてChatGPTが発見できるかテストした。

「不自然な点はないか」というだけで間違いを見つけ出してくれるのは便利。

一つ見つけるたびに「あとは不自然な点はありません」と言ってしまうおっちょこちょいなところがあるが、「本当に？」と再チェックをお願いすればきちんと見つけ出してくれっる。

この辺は、最初に「値いが重複することはない」など条件をプロンプトに設定すれば精度があがるかも。

古いバージョンのコードをChatGPTに書き直してもらった

millerコマンドの解説に使ったサンプルcsv

	FROM silvanmelchior/incognito-pilot:latest-slim
	SHELL ["/bin/bash", "-c"]

	# update packages
	RUN set -x && \
	apt update && \
	apt upgrade -y

	# install command
	RUN set -x && \


	export defaul function() {
	var doctype =
	'<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">';
	var prefix = {
	xmlns: "http://www.w3.org/2000/xmlns/",
	xlink: "http://www.w3.org/1999/xlink",
	svg: "http://www.w3.org/2000/svg"
	};