SNSライクな自分用メモ作ってみた AchiのしずかなAI日記

achi
·
公開:2025/10/21

けっこう長い間「簡単な日記が欲しい」と思っていた。

私はとにかくものぐさで、ちょっと段階が多いと面倒になってしまう。面倒なことでもできることは多いが、いつなにが自分の「めんどくさ」にひっかかってやらなくなってしまうか自分でもよくわからないのだ。

日記とかメモにはずっと悩んでいる。

記録やメモはスプレッドシートにつけるのがいまのところ便利で、適当に思い出したときに過去の分を書いても並び替えできれいに整頓したり、検索ももちろんできるし、何か数字をメモっておけば計算だってできる。カウントもできるし。ほかにもいろんな「メモできるアプリ」をすでに使っているのである。

しかしもっと気軽な……サプッとメモれるツールが欲しかったのだ。


SNSは一番気軽に投稿できていると思う。

そのまんま、自分のアカウントを日記代わりにしたり、Discordに自分のサーバを作ってそこに日記をつけているという人の話も聞いたことがある。Discordはよさそう。検索もできるし、自分しか閲覧できないように設定すればふいにひとに見られてしまうこともないだろう。

ただやっぱり、オンラインツールはちょっと心配である。大した事書くつもりはないのだけど、何となくオフラインで解決しないかなといつも思っている。アカウントを変えるのが面倒というのもある。

スマホアプリでは一行日記やタイムライン・SNSライクなメモが多数ある。それもいいかもしれないと思うのだけど、やっぱり私はPCが好きで、PCの前にずっと座っていて、こうして出力し続けている。

アプリを立ち上げなくてもChromeのタブを切り替えるだけでそのメモが出てきたら最高じゃないか。


メモ自体はすでにいろいろつかっているので、さらに増やしてどうするんだと思うのだけど、作ってみるのはいいなと思った。最近は「自分が欲しいと思うこと」を大事にしようと思っている。普段は欲求がはっきりしない人間だからだ。「こういうことやりたいな」「これが好き」「ほしい」という気持ちをちゃんと見ていくことで、ほしい気持ちを探すことが上手になればいいなと思っている。


そこで、いつもの通りClaudeにお願いしてタイムライン方式のメモ帳を作ってもらう。普通のメモと違うところは、

・投稿欄からポストできる

・タイムスタンプを押してくれる

・時間順に並んでいく・積み重なっていく

この辺だ。

Achi:

【考えた仕様】

#ブラウザで動く。インターネット接続しなくてもローカルで動くようにする。

#投稿する日記の内容はプライベートなもののため、WEBにつながなくても使えるようにしたい。使う端末は変えない

##保存して別の端末へ移動することはできるようにしたい

#投稿欄のようなものがあり、そこに何か書いて「投稿」するとタイムスタンプがついてログに追加される。

##投稿欄は可変で、ひとまず200文字ぐらい入力が見えるようなサイズ。ログを見るのに邪魔にならないよう、大きすぎない投稿欄。

##「投稿」ボタンを押すのはだるいので、Enterで投稿できてもいいかも。改行はShift+Enterで行うなど。

#書き込みはあたらしいものが上に乗る。

#ログのエクスポート機能もほしい。内容の保存のため。

#シンプルだけどそれぞれの書き込みの違いは分かりやすくする。

##角丸で、BackGroundの色と違う色のバルーンが追加されていく感じのSNSタイムライン方式がいい。

##グラデーションでなくていいので、彩度があまり高くない、白やうすいブルーのような優しい色合いにしてほしい

【以下はどうするか決めていない仕様】

#ログが長くなったときどうするか。改ページできるのか

#検索できるようにもできるか?

以上で一度作ってみてもらえませんか。細かい仕様はできたものを修正していきましょう。

これでできたのが以下のもの。

「タイムライン日記」のスクリーンショット

「今日のできごとを書く…」の欄に入力してEnterを押せば、その時間のタイムスタンプがついて投稿される。

投稿したときのふぁっとした動きも優しくて、いい感じである。こういう「指示していないけど ”こういうもんだよね” と実装してくれる」のは作り手のセンスだと思うんだけど、こういうのを誰かのコードから学習してるってことだろうか。

続いて修正してほしい点を投げる。

Achi:

ありがとうございます、以下は使ってみた感想のフィードバックです。

【よいところ】

使い心地は思っていた通りです。シンプルでとても気に入りました。投稿したときの送信、表示の様子もとてもいいです。

【修正してほしいところ】

シンプルさ・可読エリアの大きさを重視したいので、「タイムライン日記」というタイトルは削除して、ごく小さく「Put a Note」と表示してください。

「投稿・エクスポート・インポート」のボタンが大きすぎるので、小さくテキストリンクにするか、入力フォームの横に縦に並べるなど閲覧・記入の邪魔にならないようにしてください。

例えば、タイトルと並べてしまえばすっきりしそうです。

#左寄せでタイトル「Put a Note」と表示、同じ行の右寄せで「投稿」「エクスポート」「インポート」と並べ、

#その下に入力欄

#その下に記入したメモのタイムラインを並べる

で、このように修正される。

欲しい見た目としては完ぺきになったと思う。削除する方法をつけてもらうの忘れていたので、それを次はお願いする。

Achi:

ありがとうございます、とてもよくなりました。指示通りになっています。

ところで、投稿したnoteを消したいときがあるかもしれません。(明らかに誤送信とか、内容がよくなくてログに残しておきたくなくなったとか)それぞれのnoteのバルーンに削除アイコンなどをつけて、クリックすると一応削除することを確認したうえでログから消してくれるような機能を付けてください。

#削除アイコンは常に表示するなら日時の横に小さく

#マウスオーバーしたときだけ右側に浮かび上がるのもよさそう

#削除アイコンを押した後の動作は「noteを削除します」→「OK」or「キャンセル」→クリックで「OK」の場合は削除する。「キャンセル」の場合は動作をキャンセルして元の画面に戻る

#一回削除の確認をしているので、削除の取り消し機能はなくていいです。完全にそのnoteだけ削除できるようにしてください。

マウスオーバーすると「×」が表示される。×にカーソルをのせると赤くなり、クリックで確認ダイアログが出てOKかキャンセルか選べて、削除することができる。


とりあえずここまでで満足した。

ちょっと使ってみようと思う。ほかにもほしい機能としてはカレンダー表示機能というか、「この日のメモに飛びたいな」というときにジャンプする機能と、検索機能。ただその辺はちょっと大掛かりになるから実装できるかわかんないな。

@achi
静かな場所だと聞いてやってきました。 すきなもののことを中心に書こうと思います。 自己紹介も書きました。 sizu.me/achi/posts/02s4sznishfb Achi Fujimura Blackstrawberry.net管理人。 www.blackstrawberry.net