20 × 20 の原稿用紙で綴る日記

400字日記

一日の終わりに、四百字だけ書く日記です。縦書きの原稿用紙に綴り、公開したい日だけを公開できます。ソースコードを公開しているので、fork して自分の日記として使えます。

見本の日記 0 / 400

画面

どれも見本の日記で撮った、実際の画面です。

書くのは書き手ひとり。読む人は、公開した日記だけを読めます。

縦書きの原稿用紙: 20×20 のマスに縦書きで書きます。書けるのは 400 字まで。音声入力でも書けます。
1日1件: 日記は日付ごとに 1 件です。今日の日記がもうあるときは、次に空いている日の日記として書きはじめます。
下書きと公開: 公開したあとも下書きを直せます。公開し直すまで、読む人には前に公開した版が見えます。
気分と背景色: その日の気分を 6 種類から選び、背景色を 12 色のパステルから選べます。

嬉しい穏やか悲しい怒り不安楽しい
写真: 写真をドラッグで好きな位置に置けます。文字は写真を避けて回り込みます。
カレンダー: GitHub のようなヒートマップと月のカレンダーで、気分の移り変わりを振り返れます。
自分の声で読み上げ: Gemini の音声複製で登録した自分の声で、日記を読み上げます。読む人にも聞かせるかは、日記ごとに選べます。使うかどうかは任意です。
書き出しと配信: すべての日記を Markdown の zip で書き出せます。RSS と、SNS で共有したときのカード画像も出します。

fork して、自分の Cloudflare アカウントにデプロイします。コードは書き換えません。

Pages・Workers: 無料枠1 日 10 万リクエストまで。1 回の処理に使える CPU 時間は 10 ミリ秒までです。
D1: 無料枠保存は 5 GB まで。読み込みは 1 日 500 万行、書き込みは 1 日 10 万行までです。
R2: 無料枠毎月 10 GB まで保存できます。ただし R2 を使いはじめるには、支払い方法を登録して R2 を有効にする必要があります。
Access: 無料枠Zero Trust の Free プランで、50 ユーザーまで使えます。書き手ひとりなら足ります。
読み上げ（任意）: Gemini API の有料枠が必要で、使った分だけかかります。今使っているモデル（gemini-3.8-flash-tts）は、音声 100 万トークンあたり $9 です（2026 年末まで。2027 年からは $18）。

個人の日記の量なら、無料枠に収まる規模です。作者の日記（diary.orukubami.sh）も、カード画像の生成を含めて、Workers の無料プランで動かしています。

2026 年 10 月時点の公式の料金表によります。最新の料金は Workers・D1・R2・Zero Trust・Gemini API の各ページで確かめてください。

fork して、設定ファイルを作るひな形 wrangler.toml.example をコピーして、自分の値を入れていきます。このファイルは git に入りません。入れる値の一覧
D1 と R2 を作る日記の保存先と、写真などの置き場所を作ります。手順書の該当箇所
カード画像用のフォントを R2 に置く最初の 1 回だけです。手順書の該当箇所
デプロイするここでサイトの URL が決まります。手順書の該当箇所
Cloudflare Access でログインを設定する Cloudflare のダッシュボードで行います。ログイン用の URL も、ここで好きな名前に決めます。最後に出るチームドメインと AUD タグを設定ファイルに入れます。手順書の該当箇所（画面ごとの画像つき）
読み上げのキーを登録する（任意） Gemini API キーと声の ID を、Cloudflare Pages のシークレットに登録します。手順書の該当箇所
もう一度デプロイして確かめるログイン用の URL を開いてログインし、「日記を書く」が出れば完了です。画面にログインへのリンクは出ないので、この URL はブックマークしておきます。手順書の該当箇所

やめるときは、日記をエクスポートで手元に残してから、Pages・Access・D1・R2 の順に消します。

コマンドとその出力例、Cloudflare Access の画面ごとのスクリーンショットは、手順書にまとめています。