chamfer 使い方ガイド
chamfer は、Claude や ChatGPT などの AI が作った HTML のスライドや資料を、作り直さずに直すためのエディタ。ここでは、その使い方と、AI の成果物を仕上げるときに知っておくと楽になることを 1 本ずつまとめている。
HTML スライドの全体像:作る・直す・PDF にする・発表する
HTML スライドとは何かと、作る・直す・PDF にする・発表する・配るの流れを 1 ページで。どの解説から読めばよいかもここで分かる。
更新
HTML のスライドを 1 枚 1 ページの PDF にする
ブラウザでそのまま印刷すると崩れる理由と、スライドの実寸どおり 1 枚 1 ページの PDF にする手順。発表用 HTML という別の渡し方も。
更新
あとで直しやすい HTML スライドを AI に作らせるコツ
1 つのファイルにまとめる・スライドごとに区切る・大きさを固定する。あとの手直しと PDF 化が楽になる頼み方と、そのまま使えるプロンプト例。
更新
どれから読むか
HTML スライドそのものが初めてなら、HTML スライドの全体像:作る・直す・PDF にする・発表するから。作る・直す・PDF にする・発表する・人に渡すまでの流れを 1 ページで見渡し、下の 3 本のどれに進めばよいかが分かる。
AI が作った HTML が手元にあって、文字や画像を少し直したいなら、まずAI で作った HTML スライドを、作り直さずに直す方法から読む。開き方から書き出しまで、画面の順に並べてある。
提出や配布のために PDF が要るならHTML のスライドを 1 枚 1 ページの PDF にするへ。ブラウザでそのまま印刷すると崩れる理由と、1 枚 1 ページに揃える方法を書いた。
これから AI にスライドを作らせるなら、先にあとで直しやすい HTML スライドを AI に作らせるコツを読んでおくと、あとの手直しと PDF 化が楽になる。そのまま使える頼み方の例も載せている。
chamfer について
できることの一覧と向き不向きは chamfer の案内 にまとめてある。ブラウザで chamfer.takushio2525.com を開くだけで使える。インストールもアカウントの登録も要らず、無料で使える。開いた HTML は変換もレンダリングし直しもせず、直したところだけを載せて同じ HTML のまま書き出す。ログインしない限り、処理はすべてブラウザの中で終わり、開いたファイルはサーバーに送られない。
Google アカウントでログインしたときだけ、直している文書をクラウドに置いて別の端末から開いたり、閲覧専用のリンクで人に見せたりできる。作った理由と使っている技術は、作者のサイトのchamfer の作品ページにある。
In English
The guides are also available in English:
HTML slides, start to finish: make, fix, print and present
What HTML slides are, and the whole path from making a deck to fixing, printing, presenting and sharing it. Tells you which guide to read next.
Updated
How to fix AI-generated HTML slides without regenerating them
Asking the AI again changes things you never asked about. Fix text, position, color and images in the browser and export the same HTML.
Updated
Turn HTML slides into a PDF with one slide per page
Why printing straight from the browser falls apart, and how to get one slide per page at the slide's real size. Plus a print stylesheet you can copy.
Updated
How to prompt AI for HTML slides that are easy to edit later
One file, one section per slide, a fixed size. Six requests that make later edits and PDF export painless, and a prompt you can paste as is.
Updated