Pen 第9話2026.09.28

【小学生でもわかる】Penの画面をスライドとPDFにして、Gitで記録する！直した1行が見える保存のしかた

描くところまでは、画用紙の中で済みます。困るのは、描いたものを外へ出すとき。会議で見せるには、どうするのか。相手が Pen を入れていなかったら？来週「やっぱり前のほうがよかった」と言われたら、どこへ戻ればいいのか。

スライド・発表・PDF・Git（自分のパソコンの中）は0円（①アプリ本体と⑤書き出しの層。AIには頼んでいない）。共有リンクは料金・容量・期限が書かれていない

Xで記事を読むシェア

どんな話？

画用紙のいちばん外側のフレームを Slides で並べて発表し、PDF に書き出し、.pen を Git で記録して、直した1行を差分で見た回です。PDF は1枚のフレームが1ページで、紙の大きさにはそろいません。日本語は見た目は正しいのに、取り出すと化けました。発表は Esc で抜けられず、Ctrl＋Enter で戻れました。色を1か所直すと、git diff で変わったのは Fill の1行でした。

この記事でわかること

スライドは、ふつうのフレーム。左のパネルの Slides に、いちばん外側のフレームが並ぶ。入れ子のフレームはスライドにならない
発表（Present）は、このパソコンでは Esc で抜けられず、Ctrl＋Enter で編集に戻れた
Export PDF は1枚のフレームが1ページで、ページはフレームの大きさ。日本語（Noto Sans JP）は Type3 で入り、取り出すと化けた
共有リンクは文書と使っているファイルをアップロードし、リンクを知る人はだれでもダウンロードできる。共有されるのはその時点の写し
Git が見るのは保存したファイル。Ctrl＋S のあとで git diff を打つと、変わったのは Fill の1行だった
自動保存も復旧のバックアップも、戻れる履歴にはならない。Git でぶつかったときは JSON を手で直さない

やることチェックリスト

0/6

記事を読みながら、できたものにチェックを付けていけます。チェックはこの端末に残ります。

左のパネルの「Slides」のタブで、フレームの並びを見る
「Present」を押して発表し、「Esc」か「Ctrl＋Enter」で戻る
「Export PDF」から「Export all slides」を選んで書き出す
「git init」から「git commit」で、1回目の記録をする
Pen で「Fill」の色の番号を直して、「Ctrl＋S」を押す
「git diff」で、直した1行が見えるか確かめる

くわしい手順と画面の図は、Xの記事にあります。

こんな人に

Pen で描いた画面を、会議や打ち合わせで見せたい人
相手が Pen を持っていないので、PDF にして渡したい人
「前の色に戻して」と言われて、前の形が残っていなくて困ったことがある人

この話のTIPS

注意ここで登録した名前とメールアドレスは、これから作る記録の1つ1つに書きこまれ、あとから書きかえられません（Git の説明書）。GitHub に上げた記録には、そのメールアドレスも載ります（GitHub の説明書）。GitHub が用意する noreply（返信を受けない）のアドレスを、ここで入れておくのが近道です。
コツ差分に何も出ないときは、Pen で Ctrl＋S を押したか、いまと同じ色を入れていないか、別の場所の .pen を直していないかを見ます。

すべてのTIPS