Simon Willison Blog研究・専門家·2026年3月12日 07:58·約2分

ソートアルゴリズム

#Claude Artifacts #AI支援開発 #アルゴリズム可視化 #プロンプトエンジニアリング #教育テクノロジー

整理・翻訳:ainew.jp 編集システムAIによる自動処理作り方と限界

本文の状態

日本語全文を表示中

詳細モードで約2分の本文を読めます。

同じ出来事の情報源

2媒体で確認

Simon Willison Blog · The Decoder

各社の報じ方を比較 ↓

まず要点

開発者のSimon Willison氏が、Claude Artifactsを使用してソートアルゴリズムのアニメーション解説を作成し、Pythonのtimsortアルゴリズムを追加して一括実行機能を実装した。

Source Article

元記事を日本語で読む

本文に関係しない購読案内、埋め込み通知、サイト内プロモーションは除いています。

ソートアルゴリズム

今日、Claude を使用して構築されたアニメーション解説で：私はいつもソートアルゴリズムのアニメーションデモが大好きなので、Claude Artifacts を使ってスマホ上でいくつか作成し、その後 Python の Timsort アルゴリズムを追加し、さらにそれらを一括実行する機能を追加しました。こちらが一連のプロンプトの完全なシーケンスです：

最も一般的なソートアルゴリズムのインタラクティブアニメーションデモ

これにより、バブルソート、選択ソート、挿入ソート、マージソート、クイックソート、ヒープソートが得られました。

Timsort を追加し、GitHub の python/cpython クローンから詳細を参照する

Python の Timsort を追加しましょう！最近の通常の Claude チャットでは GitHub からリポジトリをクローンできます。トランスクリプトでは、リポジトリをクローンし、Objects/listsort.txt と Objects/listobject.c を参照している様子が確認できます。（私は、GPT-5.4 Thinking に Claude の実装レビューを依頼した際、いくつかの欠陥を指摘され、「コードは簡略化された Timsort に着想を得た適応型マージソートである」と言われたことを注記しておく必要があります。）

ボタンのダークな配色が気に入らないので、もっと良くしてください

また、すべてのアルゴリズムを一度にグリッド状の小さなアニメーションチャートで表示し、同時に実行する「すべて実行」ボタンも追加してください。

AI は私がより好む配色案を提案してくれました。「もっと良くして」というプロンプトは楽しいもので、その結果、「Run all」ボタンがこのような効果を生み出すようになりました：

タグ: アルゴリズム, コンピュータサイエンス, JavaScript, ソート, AI, インタラクティブ解説, 生成 AI, LLM, Claude, バイブコーディング

原文を表示

Sorting algorithms

Today in animated explanations built using Claude: I've always been a fan of animated demonstrations of sorting algorithms so I decided to spin some up on my phone using Claude Artifacts, then added Python's timsort algorithm, then a feature to run them all at once. Here's the full sequence of prompts:

Interactive animated demos of the most common sorting algorithms

This gave me bubble sort, selection sort, insertion sort, merge sort, quick sort, and heap sort.

Add timsort, look up details in a clone of python/cpython from GitHub

Let's add Python's Timsort! Regular Claude chat can clone repos from GitHub these days. In the transcript you can see it clone the repo and then consult Objects/listsort.txt and Objects/listobject.c. (I should note that when I asked GPT-5.4 Thinking to review Claude's implementation it picked holes in it and said the code "is a simplified, Timsort-inspired adaptive mergesort".)

I don't like the dark color scheme on the buttons, do better
Also add a "run all" button which shows smaller animated charts for every algorithm at once in a grid and runs them all at the same time

It came up with a color scheme I liked better, "do better" is a fun prompt, and now the "Run all" button produces this effect: