日記帳 — 綴り｜画像生成と会話するAIの魅力と可能性
https://note.com/chat_gpt777/n/na39525e3fd60?app_launch=false
日記帳 — 綴りを開発しました
ブラウザで動くシンプルな日記帳アプリです。
インターネット接続なしで使えるスタンドアロン型のHTMLファイルで、
書いた内容はブラウザに自動保存されます。
日記帳 — 綴り
https://pasopia.velvet.jp/2026/soft/index007.html
═════════════════════════════════════════════════
綴り（TSUZURI） 日記帳アプリ かんたん説明書
═════════════════════════════════════════════════
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
1. 概要
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「綴り（TSUZURI）」は、ブラウザで動くシンプルな日記帳アプリです。
インターネット接続なしで使えるスタンドアロン型のHTMLファイルで、
書いた内容はブラウザに自動保存されます。
※ データはすべてお使いのブラウザ（ローカルストレージ）に保存されます。
サーバーへのアップロードは行いません。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
2. 画面の構成
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
アプリ画面は大きく5つのエリアに分かれています。
① ヘッダー
アプリ名「綴り」が表示されます。
② ツールバー
新規ページ追加・検索・エクスポート・インポートの
ボタンが並びます。
③ サイドバー（左）
過去のページ一覧が表示されます。
クリックで該当ページへジャンプします。
④ ページエリア（右）
日記の本文を書くメインエリアです。
複数のページが縦に並びます。
⑤ ＋ボタン（右下）
新しいページを素早く追加できるフローティングボタンです。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
3. 基本的な使い方
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【3-1. 新しいページを作る】
・ 画面右下の「＋」ボタン、またはツールバーの「＋ 新しいページ」
をクリックします。
・ 今日の日付が自動的に入力された新しいページが作成されます。
・ タイトル欄（任意）と本文欄にそれぞれ文章を入力できます。
※ 本文欄は入力した文章の量に応じて自動的に縦に広がります。
短い日記でも長い日記でも快適に書けます。
【3-2. 日付を修正する】
・ ページ上部の日付部分にマウスを合わせると「✎」マークが現れます。
・ クリックするとカレンダー入力欄が開きます。
・ 日付を選んで「確定」を押すと変更されます。
・ 「✕」で変更をキャンセルできます。
【3-3. 気分アイコンを記録する】
・ ページ右上に絵文字アイコンが並んでいます。
（😊 😐 😔 😤 😴 🥰 😰）
・ クリックするとその日の気分として記録されます。
・ もう一度クリックすると解除できます。
【3-4. タグをつける】
・ ページ下部の「タグを追加…」欄にカンマ区切りでタグを入力します。
・ 例：「仕事, 旅行, 感謝」のように複数登録可能です。
・ タグは検索にも対応しています。
【3-5. ページを削除する】
・ 削除したいページ右上のゴミ箱アイコン（🗑）をクリックします。
・ 確認ダイアログが表示されます。「OK」で削除されます。
※ 削除したページは復元できません。ご注意ください。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
4. 日記を検索する
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ツールバー中央の検索ボックスに文字を入力すると、
リアルタイムで絞り込みが行われます。
検索対象：
・ タイトル … ページのタイトル文字列
・ 本文 … 本文内のすべてのテキスト
・ タグ … 登録したタグ
・ 日付 … 「2025-01」のように入力すると年月で絞り込めます
※ 検索ヒットした部分は黄色でハイライト表示されます。
検索ボックスを空にすると全ページが再表示されます。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
5. エクスポートとインポート
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
【5-1. エクスポート（書き出し）】
ツールバーに2種類のエクスポートボタンがあります。
📤 エクスポート（TXT）
人が読みやすいテキスト形式で保存します。
他のアプリでも開けます。
📤 エクスポート（JSON）
気分・タグ・日付などすべての情報を完全に保存します。
定期バックアップに最適です。
※ 定期的に「JSONエクスポート」でバックアップをとることを
おすすめします。ブラウザのデータを削除すると日記も
消えてしまいます。
【5-2. インポート（読み込み）】
・ ツールバーの「📥 インポート」ボタンをクリックします。
・ ファイル選択ダイアログが開くので、保存したファイルを選択します。
.json ファイルの場合：
気分・タグ・日付をすべて復元します。
既存データとの統合が行われます（同じIDのページは上書き）。
.txt ファイルの場合：
TXT形式のエクスポートデータを読み込みます。
日付・タイトル・本文・タグを自動解析します。
※ インポートは既存のデータを消さずに「統合」する形式です。
読み込み完了後、件数をお知らせするメッセージが表示されます。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
6. データの保存について
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「綴り」はブラウザの「ローカルストレージ」を使ってデータを
自動保存しています。入力した内容はリアルタイムで保存されるため、
手動での保存操作は不要です。
✅ 自動保存 … 文字を入力するたびに即座に保存されます。
✅ オフライン … インターネット接続がなくても使用できます。
⚠️ ブラウザ依存 … 使用するブラウザごとにデータが独立して保存されま
す。
⚠️ 注意 … ブラウザのキャッシュ・Cookie削除を行うと
データが消える場合があります。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
7. ヒントと便利な使い方
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
・ サイドバーのページ一覧をクリックすると、そのページまで
自動的にスクロールします。
・ タイトルを空白にしておくと、サイドバーには本文の冒頭が
代わりに表示されます。
・ 気分アイコンは7種類あり、毎日の記録に活用できます。
😊 😐 😔 😤 😴 🥰 😰
・ ページ右下には文字数カウンターが表示されます。
・ 文章が長くなっても、ページが自動的に縦に伸びるので
読み返しやすい構成です。
※ バックアップは定期的に「JSONエクスポート」で行い、
大切な日記を守りましょう。
═════════════════════════════════════════════════
綴り（TSUZURI）— あなたの毎日を、静かに記録する場所
═════════════════════════════════════════════════
日記帳 — 綴り
