2025/5/12
今回は完成しておらず、一か所うまく行ってないのでまだ修正が必要だ。でも調子に乗って作ったカレンダー型メモを紹介しちゃおう。
-----
まず、5月は2kg減らしたいと思ってダイエットしている。筋肉もちょっとつけたい。ChatGPTに相談して「こういう運動してみたら？食事もこんな感じで心掛けてみて！」と助言をもらう。
「そもそも腕立て伏せをする筋肉がない」と伝えたら、「ダイエットで基礎代謝を増やすには大きい筋肉を鍛えるのがいいから、腕の筋肉なんて後回しでいいよ！」と言われた。
「こういう記録をメモアプリとかにつけて、モチベ高めてね」と記録の一例をくれた。
これをどのメモアプリで記録するか。悩んじゃうんだよな。
今の所しっくりくるメモに出会っていない。結局それぞれ用途ごとに使い分けていて、それはそれで語ることはあるのだが今回は割愛する。「こんなかんじだったらいいなあ」と思ったメモが、実際に使うとどんな感じになるのか作ってもらって試してみよう。
-----
【Achi】
ブラウザで・ローカルで動くカレンダー型のメモアプリが欲しいです。 用途は日記・日々の記録です。 以下の希望要件で作ってもらうことはできますか？
・選択した任意の月のブロックカレンダーが上部に表示されている。
・日付のブロックをクリックするとメモを記入するフォームの日付部分に日付が入力される。
・入力フォームはカレンダーの下に表示される。入力フォームは出っ放しでも良い。
・メモがある日はブロックカレンダーで可視化する。
・ある程度かわいく楽しい、カラフルなデザイン。丸いデザインが好みです。
-----
-----
【Achi】
ありがとう、ほぼ完璧です。かわいくできててうれしいです!
【質問】
・ここに入力したデータの中身はどこに保存していますか。(HTMLファイル本体ではなく、内容データのこと)
【追加の要望】
・HTMLファイルと内容データを同じフォルダに保存することはできますか。そうすればフォルダ分けすることで、別の日記を複数つけることが可能になるかと思います。
・「内容」エリアについて、メモのテキストボリュームに合わせてフォームの長さを自動的に変更するようにしてください。
・今のままでもいいのだけど、カレンダー部分がもう少しだけコンパクトになると嬉しい。デザインはかわいいので気に入っています。
-----
【Claude】
ご質問への回答
Q: データの中身はどこに保存していますか？
現在のアプリでは、すべてのメモデータは「ブラウザのローカルストレージ（localStorage）」に保存しています。これはブラウザが提供する機能で、データはブラウザ内に保存され、同じURLのページを開いたときに読み込まれます。ただし、ブラウザごとに独立しており、別のブラウザからアクセスすることはできません。
追加要望の対応
ご要望に沿って以下の修正を行います：
HTMLファイルと一緒にデータをファイルとして保存できるようにする
「内容」エリアのテキストボリュームに合わせて自動調整
カレンダー部分をよりコンパクトに
改良版のアプリを作成します：
この修正案では、保存ボタンがついて入力エリアが可変になったはずなんだけど
・入力エリアは可変になっておらず、スクロールバーも出ず、広げることもできなくなってしまった
・保存はできるが、ブラウザのダウンロード機能で保存されるため、保存ボタンを押すたびに「データ（1）.json」「データ（2）.json」とファイルが増えていってしまうという不具合が。
これなら別のデータを読み込ませるのではなく、ブラウザに記憶されたデータを読み込むという前の方式の方がいいかもな。htmlファイルの方をリネームすれば別の日記として複数利用できそうな気がする。 ただ、キャッシュクリアで消えるというのは少し心配だな。
ということで、とりあえず入力エリアは元に戻してもらった。
◆自分でも手を加える
「カレンダーメモ」というタイトルは必要ないので削る。
入力エリアは、Claudeがひとまず150pxの高さでスクロールバーが出るタイプに戻してくれたので、自分でもう少しheightを上げてたっぷり表示できるようにする。
保存方法も元に戻して貰えばいいかな。まだ完成していないけど、これを書いているうちに解決方法が見つかったのでやってみようと思う。