ひとりごと:AIを使って自分のブログの管理画面を作った

公開日: 2026-10-18 23:50 更新日: 2026-10-18 23:59 1889文字 10 min read

ひとりごと:AIを使って自分のブログの管理画面を作った碎碎念: 💩🐎的运动世界つぶやき:ピンクの小さなスカートだよつぶやき: 26-09-06つぶやき:26-08-30つぶやき:26-08-29碎碎念: 26-08-28つぶやき:26-07-21🔒 碎碎念-26-07-10 恶梦つぶやき 26-06-14つぶやき: 26-06-06つぶやき:期末・C🔒 碎碎念: 期末 · A雑記: 最近のいくつかの技術の進展に関するまとめつぶやき: 今日は私の誕生日ですちびちび言葉: 高3の成人式雑感: 26-02-25ススメン: 26-02-22雑談: 26-02-20つぶやき: 26-02-18-2日記: 2018年2月26日ススネン: 2017年2月26日つぶやき: 2015年2月26日雑談: 2014年2月26日つぶやき:26-01-16 友人、人付き合い碎碎念: 26-01-01 2025年,年度回顾雑談: 2025年10月19日雑念: 2025-10-17 (補)🔒 碎碎念: 2025-10-13 (补、密码保护)碎碎念: ごめんなさい、内向的な私を許してくださいつらつら: 2025-09-23雑感: 完全移植 PureSuckテーマ雑記: 2025年7月16日雑記: 2025年7月5日雑念: 2025年6月13日ちちち: 2025-06-09つぶやき: 2025年5月18日 夕方の一枚の写真つぶやき: 2025-05-05つれづれな話: 2025年4月30日雑談: 2025年4月20日ススリナイ: 2025-04-19くちゃくちゃ: 2025年4月13日散らばった呟き: 2025年3月9日-2ちちねん: 2025-03-09つぶやき: 私はとても怠けているので、年末のまとめすら書けていません。つぶやき: 2024年11月17日つらつら: 2024-10-8 〜 2024-10-18つぶやき: 2024年9月29日つぶやき: 2024-09-24雑感: 2024年9月23日雑感: 2024年10月5日碎碎念: 2024年10月3日 芋泥波波ミルクティーを飲んだちちちん: 2024年10月3日 世界に永遠の戦争がなくあれススメン: 2024年9月15日🔒 碎碎念: 2024-09-01つぶやき: 2024-08-29 誰が私のプレイリストをいじったの?🔒 碎碎念: 2024-08-29 我抑郁症?ささやき: 2024年8月29日ちちねん: 2024-08-26ススメン: 2024-08-22つらつらメモ: 2024年8月18日ススメン: 2024年8月11日ちちねん: 2024-08-08🔒 碎碎念: 2024-08-06 梦雑念: 2024年8月6日雑談: 2024-08-04つらつら: 2024年7月21日雑談: 2024-07-13つぶやき: 2024年7月8日雑談: 2024-07-03雑念: 2024年7月2日雑談: 2024年7月1日つぶやき: 2024-06-30碎碎念: 2024年6月28日ちぎりばっかの言葉: 2024-06-27🔒 碎碎念: 2024-06-26ちちねん: 2024年6月22日🔒 碎碎念: 2024-06-20ちちねん: 2024-06-18つれづれな話: 2024年6月17日日記: 2024年6月15日ちちねん: 2024年6月14日つぶやき: 2024年の高校3年生の呼び声🔒 碎碎念: 2024-06-06つぶやき: 2024年5月30日 一碎碎念: 2024年5月30日 二つれづれなること: 2024-05-27つぶやき: 2024年5月26日🔒 碎碎念: 2024-05-23🔒 碎碎念: 2024-05-22つぶやき: 2024-05-19🔒 碎碎念: 2024-05-17つぶやき: 2024年5月14日つぶやき: 2024年5月13日ちちねん: 2024-05-12🔒 碎碎念: 2024-05-10🔒 碎碎念: 2024-05-08🔒 碎碎念: 2024-05-06🔒 碎碎念: 2024-05-05 M:8 三🔒 碎碎念: 2024-05-05🔒 碎碎念: 2024-05-05 M:7 二すいすいねん: 2024年5月5日 M:7 一雑談: 2024年5月2日 木曜日 M:3 小雨🔒 碎碎念: 生日つぶやき: 2024-04-29 M:7日記: 2024年4月27日 M:8
午後3時半から夜10時半までの5時間余り、17回のコミットで、AIにブログの管理画面を書いてもらった。以前のDecap CMSより便利で、インターフェースも見やすく、スマホでも使える。すでにsakura.ksable.topにデプロイ済みで、これからはブログの更新がずっと楽になりそうだ。

AIモデル deepseek-flash による翻訳。

原文言語:Simplified Chinese、翻訳先言語:japanese、翻訳時間:2026-10-19 11:18

。

AI翻訳は参考に限り、内容の完全な正確性を保証できません。原文をご参照ください。

本記事は AI の支援を受けて執筆されました

本記事は完全に AI の筆によるもので、人的関与:0%

今日の午後3時半、私は一つの決断をした。ブログの管理画面を自分で作ろう、と。

夜10時半には、もう使えるようになっていた。

5時間余り、17回のコミット、7億近い Token。


このアイデアは、実はずっと前から心の中にあった。

2024年、ブログをオンラインで編集できるようにするために、私は Decap CMS をあれこれいじった。Netlify から Git Gateway まで一歩ずつ設定し、設定が終わったあとは手取り足取りのチュートリアルまで書いた。

でも正直なところ、あれを設定し終えてから、使った回数は片手で数えられるほどだった。インターフェースはあまり格好よくないし、スマホではいっそう使いにくい。フィールドを一つ追加したいだけでも、設定に戻って変更し、さらに再デプロイしなければならない。その後、ブログを Hexo から Astro に移し、Netlify の Identity も使わなくなったので、Decap はずっと放置されたままになった。

だからここ数年、私のブログ更新のやり方は相変わらず昔ながらのものだった。パソコンを開き、エディタを開き、編集し終えたら push。外にいるときは、更新しないのとほぼ同じだった。

ずっと、いつか自分にしっくりくるものが手に入ればいいのに、と考えていた。


今日、ついに手を動かし始めた。

アイデアと要件を AI に一通り話し、plan.md まで真面目に書いた。これは今もリポジトリに残っているが、なかなかそれらしく書けている。

そしてまず、4つのビジュアル方向を出してもらった。私は一目で01番「桜糖手帳」が気に入った。ファイルは索引カード、編集は紙、コミットは判子。

四套视觉方向的对比
四套视觉方向的对比

そこからは午後いっぱい、そして夜まで続いた。

コードはほぼすべて AI が書いた。要件は私が出し、ビジュアル方向は私が選び、各画面もスクリーンショットを一枚ずつ見て確認した。ただ、具体的な実装方法にはほとんど口を出していない。私の仕事はどちらかというと、要求を出し、ボタンを押し、そして「これは見た目がよくない、もう少し直して」と言うことだった。

途中でもかなり試行錯誤した。たとえばダークモードも、その場の思い付きで決めたわけではない。まず比較用のページを別に一つ作り、それから暖墨紙を使うことに決めた。PWA もそうだ。コードはちゃんと書いてあるのに、pnpm dev ではどうしても Service Worker が見えず、しばらく悩んだ末に、開発環境ではそもそも登録されず、build した後に preview しないと確認できないと分かった。

最後に「ローカルバックアップ」も加えた。文章を書くときに一番怖いのは、うっかり更新してしまうことだ。今は下部バーに「ローカルバックアップ済み 22

」と表示され、更新しても保存していない内容を取り戻せるので、気持ちがずっと楽になった。


夜10時半、最後のコミットのあと、私はウェブページを開き、記事を一つ開いてタイトルを変え、「判子を押して保存」を押した。

そして GitHub を見に行くと、commit が一つ増えていた。

その瞬間はなかなか気持ちよかった。

ついでに dist/ を sakura.ksable.top に公開した。これで教室でも、寮でも、外出先でも、ウェブページを開けば書ける。


本題に戻ろう。なぜこれが以前の Decap より便利なのか:

  1. 環境構築が不要。これは純粋な静的ウェブページで、現在は sakura.ksable.top にデプロイされている。アドレスをスマホのブラウザにブックマークしておけば、SNSの投稿を眺めるのと同じくらい気軽だ。
  2. インターフェースがずっと格好いい。「使えればいい」という感じの CMS 管理画面ではなく、一枚の手帳の紙のようだ。夜にはダークモードもある。
  3. ついにスマホでも使える。左側のドロワーはファイルツリー、下は本文、判子のボタンは紙の末尾に固定されている。
  4. 保存がそのままコミットになる。ターミナルを開く必要も、ローカルビルドを待つ必要もない。編集し終えて一度クリックすれば、GitHub に commit が一つ増える。
手机上也能改文章了
手机上也能改文章了

これからはちょっとしたつぶやきを投稿したくなっても、家に帰るのを待たなくていいし、時間ができるのを待たなくてもいい。移動中に何か思いついたら、スマホを取り出して二、三行書き換えられる。


でも正直に言うと、今回作り終えて一番感慨深かったのは、インターフェースではなく AI だった。

以前、何かを作るときに一番引っかかっていたのは「思いついても作れない」ことだった。頭の中には大まかな形があるのに、CSS も React も分からない。さんざんドキュメントを調べ、二日がかりで書いても、出来上がるのは何とも中途半端なものだった。

今は違う。欲しいものをはっきり伝えさえすれば、あとは AI が全部やってくれるし、しかも私より上手くやる。

ただ、この午後いっぱい作ってみて分かったこともある。AI は私の代わりにコードを書くことはできても、私の代わりに決断することはできない。

どんなインターフェースが格好いいのか、どの操作がしっくりくるのか、どこを省くべきで、どこは必ず残すべきなのか——こうしたことは誰にも代わって考えてもらえない。今日の16回のコミットは、どれも私自身がうなずいたものだ。

だからハードルが下がったあと、本当に難しいのはむしろ別のことだ。結局のところ、自分は何が欲しいのか。


この記事を書き終えるともうすぐ12時だった。明日も授業があるので、先に寝る。

これからはマメにブログを更新できるはず……まずはフラグを立てておく。来月また一か月更新しない、なんてことにならないように。

公開 URL:https://sakura.ksable.top/

プロジェクト URL:God-2077/astro-blog-studio

気に入ったならばコメントを残してくださいね~