datasette.io ニュースプレビュー
本文の状態
日本語全文を表示中
詳細モードで約1分の本文を読めます。
同じ出来事の情報源
この情報源を基点に整理
Simon Willison Blog
Simon Willison氏が、GitHubリポジトリ内のYAMLファイルから構築されたdatasette.ioウェブサイトのニュースセクションを紹介するツールを公開した。
Source Article
元記事を日本語で読む
本文に関係しない購読案内、埋め込み通知、サイト内プロモーションは除いています。
ツール: datasette.io news preview
datasette.ioのウェブサイトには、基盤となるGitHubリポジトリ内のこのnews.yamlファイルを用いて構築されたニュースセクションがあります。YAML形式は以下の通りです：
- date: 2026-04-15
body: |-
Datasette 1.0a27は、フォームやAPIとの統合を簡素化する形でCSRF保護（Cross-Site Request Forgery protection）の動作を変更し、SQLクエリによってテーブルが名前変更された際に発生する新しいRenameTableEventを導入しました。
- date: 2026-03-18
body: |-
...
この形式は編集が少し難しいため、最終的にエラーチェックの負担をわずかに減らすために、ClaudeにカスタムプレビューUIを構築してもらいました。
標準的なclaude.aiとClaude Artifactsを使用して構築し、通常のチャットの一環としてGitHubリポジトリ（GitHub repos）をクローンしてそのコンテンツを確認できるClaudeの機能を最大限に活用しました：
https://github.com/simonw/datasette.ioをクローンし、news.yamlファイルとホームページでのレンダリング方法を確認してください。そのYAMLを貼り付けてプレビューできるアーティファクトを構築し、マークダウンエラーやYAMLエラーをハイライトしてください
タグ: vibe-coding, claude, tools, datasette
原文を表示
Tool: datasette.io news preview
The datasette.io website has a news section built from this news.yaml file in the underlying GitHub repository. The YAML format looks like this:
- date: 2026-04-15
body: |-
[Datasette 1.0a27](https://docs.datasette.io/en/latest/changelog.html#a27-2026-04-15) changes how CSRF protection works in a way that simplifies form and API integration, and introduces a new `RenameTableEvent` for when a table is renamed by a SQL query.
- date: 2026-03-18
body: |-
...
This format is a little hard to edit, so I finally had Claude build a custom preview UI to make checking for errors have slightly less friction.
I built it using standard claude.ai and Claude Artifacts, taking advantage of Claude's ability to clone GitHub repos and look at their content as part of a regular chat:
Clone https://github.com/simonw/datasette.io and look at the news.yaml file and how it is rendered on the homepage. Build an artifact I can paste that YAML into which previews what it will look like, and highlights any markdown errors or YAML errors
Tags: vibe-coding, claude, tools, datasette
関連記事
今日のまとめ
AIデイリーブリーフで今日の重要ニュースをまとめ読み