shimizu

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

• Artifacts機能とは

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

shimizu

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

shimizu

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

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

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

shimizu

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 && \

shimizu

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

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

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

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

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

shimizu

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

shimizu

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"
  };

shimizu

shimizu

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

shimizu

source: Natural Earth