躓いたところ on Nyanmo main blog

2025/9/19-やったことリスト

Fri, 19 Sep 2025 19:00:14 +0900

この記事を作った動機

　2025/9/10 から、今日に至るまでの間で OneNote 代替に関して、実装をするなど研究を進めているうちにわかったことなどを簡易的に記録する。

Networking

フロントエンドがレスポンスを識別できない可能性

　作っている途中でわかったこととして、今回の websocket による実装だと、無数の React コンポーネントがデータサーバに対してリクエストを送った場合、どのコンポーネントがリクエストを送ったのかレスポンスが帰ってきたときにわからないという問題があった。

　具体的には、リクエストに対して、”誰”がリクエストを送ったのかという識別子がないことと、バックエンドからメッセージが帰ってくると一斉に、addEventListener で onmessage イベントを待っているコンポーネント全体にメッセージが届いてしまい、結果としてレスポンスの受け取りで整合性が取れなくなるというものである。

　そこで今回は、各リクエストに対し、UUIDを付与し、データサーバから返信するときはそのUUIDとリクエストしたコマンド名をレスポンスに含めるようにすることで、フロントエンドの各コンポーネントが自分が送ったリクエストかどうか識別できるようにした。

　ちなみに今回のような問題は HTTP プロトコルで実装すると起こらなそうである。

パフォーマンスの懸念

　フロントエンド側の websocket の addEventListener の onmessage イベントは現状の実装だと、コンポーネントの数次第でその数だけコールバック関数があり、処理が走ることになる。

　そのため、その数だけ自分に対するリクエストのレスポンスかどうか識別することになり、パフォーマンスにおいて懸念がある。とりあえずは顕著になるまではこの問題はおいておこうと思う。

データサーバとフロントエンドが分離しているアーキテクチャについて

　現状のアーキテクチャだと、例えばリモートのデータサーバにアクセスしていて、必ずしもネットワークが安定していなかったり、一時的にオフラインになる可能性がある環境において、安定しないことが考えられた。

　そこで、ローカルでスタンドアロンで動かすときと、データサーバがVPN経由などで遠隔地にある場合の２つで異なる考え方をすることにしてみた。

スタンドアロンでデータサーバもローカルで動いているとき

　単純にデータサーバが一つ起動し接続される。　

データサーバがリモートにあるとき

　フロントエンドが動いているクライアント側にもcacheとしてデータサーバーがある。開いたページやインデックスを保持したりする。

　フロントエンドは、リモートのデータサーバと直接通信せず、フロントエンド側にあるデータサーバからリダイレクトしてもらうように指示する。

　cacheは通常のノートブックと同じようなデータ形式で保存する。

　cacheには、notebook を保存する場所にしてされたフォルダ内に、サーバーごとに専用のフォルダが作られる。

　serverName はホスト名やIPアドレスとする。　

notebooksFolderRoot
- localNotebook1
- localNotebook2
- localNotebook3 …
- serverName-cache
  - remoteNotebook1
  - remoteNotebook2
  - remoteNotebook3 …

各ページと各ファイルのメタデータ

　メタデータの扱いで悩んだこと。info と pageInfo コマンドを作っていて悩んだことがある。

各ページのメタデータ

　今の仕組みだとpageとしては、markdown 形式と、独自に自由に定義できる json 形式のものがあり、json形式の物に関してはどんなファイルが添付されているかとか、どんなタグが付いているかとか、独自に定義して、容易に管理することが可能である。

{
    "pageType": "free",
    "tags": ["This","is","testpage"],
    "files": ["testfile.txt"],
    "pageData":{ /* page data */ }
}

　しかし、markdown については、あんまり markdown に特殊なデータを埋め込みたくないことから、専用の.metadataファイルでも設置しようかと悩んだ。

2025/9/21-やったことリスト

Sun, 21 Sep 2025 22:25:43 +0900

この記事を作った動機

　2025/9/10 から、今日に至るまでの間で OneNote 代替に関して、実装をするなど研究を進めているうちにわかったことなどを簡易的に記録する。

nested dict (python)

　dict 型のデータ内部に、dict型のデータを単純にネストすることはできないようである。何かしらの方法でアクセスできないデータが dict型のデータの内部で発生すると、以下のようなエラーが出るようである。

<<<{"command":"info","UUID":"94035132-f796-4b75-bb16-6619d8bf7bc1","data":null}
connection handler failed
Traceback (most recent call last):
  File "/usr/lib/python3.13/site-packages/websockets/asyncio/server.py", line 376, in conn_handler
    await self.handler(connection)
  File "/home/username/work/OneNoteAlternative/firstPrototype/backend/dataServer/main.py", line 13, in mainLoop
    await receiveLoop(websocket,controller.controler)
  File "/home/username/work/OneNoteAlternative/firstPrototype/backend/dataServer/helper/netwrok.py", line 23, in receiveLoop
    await callback(message,websocket)
  File "/home/username/work/OneNoteAlternative/firstPrototype/backend/dataServer/controller.py", line 41, in controler
    await commands[requestedCommand](request,websocket)
  File "/home/username/work/OneNoteAlternative/firstPrototype/backend/dataServer/commands/info.py", line 88, in info
    "data": {
            ^
        notebookJSONinfo
        ^^^^^^^^^^^^^^^^
    }
    ^
TypeError: unhashable type: 'dict'

notebookJSONinfo の中身

{
    'test':{
        'name': 'test',
        'createDate': '2025/09/13',
        'updateDate': '2025/09/13',
        'id': 'bb6f7d1c-c722-495c-923b-ab9e9574ef5b', 
        'pages': ['test.md', 'test.json'], 
        'files': ['testfile.txt']
    }
}

問題のコード

　以下の状態だと、data key の中に、アクセスできないデータ (notebookJSONinfo) が発生している。

2025/10/2-やったことリスト

Thu, 02 Oct 2025 03:28:54 +0900

この記事を作った動機

　2025/9/24 から、今日に至るまでの間で OneNote 代替に関して、実装をするなど研究を進めているうちにわかったことなどを簡易的に記録する。

フロンエンド関連

動作の様子

ネットワーク関連

データの扱いを変更

　websocket 経由でデータサーバとフロントエンドがやり取りする型をフロントエンド側に拡張する前提で汎用的に定義した。自分で data key の項目は書かなければならない。(database.tsx)

// frontend -> dataserver
export interface baseResponseTypesFromDataserver{
  status: string;
  errorMessage: string;
  UUID: string | null;
  command: string | null;
}

// frontend -> datasever
export interface baseRequestTypesFromFromtend{
  command: string,
  UUID: string,
}

// dataserver -> frontend
export interface baseInterruptRequestFromDataserver{
  componentName: string,
  command: string,
  UUID: string
}

　以下は、(createNotebook.tsx) における baseResponseTypes の例

import { type baseResponseTypes } from "../network/database";

interface pageType extends baseResponseTypes{
    data: []
}

ネットワーク送信処理の共通化

　database.tsx で共通の websocket でデータをバックエンドサーバに送るための専用のコードを書いた。接続中や切断されていてまだ再接続がされていないときは、 interval 秒後に再試行する仕組みにした。

2025/10/9-やったことリスト

Thu, 02 Oct 2025 14:30:34 +0900

この記事を作った動機

　2025/10/2 から、2025/10/9 に至るまでの間で OneNote 代替に関して、実装をするなど研究を進めているうちにわかったことなどを簡易的に記録する。

動作の様子 (フロントエンド)

TODOs

　2025/10/9 になる間やる項目たち。やりきれなかった分は次に持ち越し。

主な項目

ノートブック作成機能のバグチェックと修正
ノートブック、ページ関連における作成、削除、コピー名前の変更があった時、selector の情報やページviewを更新するようにする
ページ作成機能の実装
- フロントエンド
- バックエンド
- 新しい階層構造を指定できるようにする
- linux だけでなく windows 環境において、再帰的にフォルダを作成できるようにする。
ノートブック削除機能の実装
- フロントエンド
- バックエンド
ページ削除機能の実装
- フロントエンド
- バックエンド
markdown における編集機能、データセーブ（更新）の実装
- フロントエンド (buggy)
- バックエンド
- Selector に未保存の表示を行う
- 別のページを開いても未保存のデータのバッファが管理されるようにする
内部構造を説明する図を作る
- フロントエンド
- バックエンド
free ページの実装
- フロントエンド
- バックエンド

他の事項

File API 周りの実装
マルチメディアの対応
messagebox の実装

2025/10/16-やったことリスト

Thu, 09 Oct 2025 14:10:11 +0900

この記事を作った動機

　2025/10/9 から、2025/10/16 に至るまでの間で OneNote 代替に関して、実装をするなど研究を進めているうちにわかったことなどを簡易的に記録する。

動作の様子 (フロントエンド)

TODOs

　2025/10/16 になる間やる項目たち。やりきれなかった分は次に持ち越し。

主な項目

ページ作成機能の実装
- linux だけでなく windows 環境において、再帰的にフォルダを作成できるようにする。 -> winpath = someFullAbsolutePath.replace("//","/").replace("/","\")
- mkdir helper 関数の実装
編集機能、データセーブ（更新）の実装
- バッファーのデータストアを実装
- 別のページを開いても未保存のデータのバッファが管理されるようにする
内部構造を説明する図とかドキュメントを作る
- フロントエンド
  - 共通のUIについて、使い方の説明について、ドキュメントを書いた。
    - overlayWindow
    - messagebox
    - toolsbar
    - page
  - drawio で説明する図を作る
    - とりあえず図を書くための準備をした。
    - 他人が構造の理解に必要な分を記録できたか
  - z-index について、どのような割り当てになっているか記録
- バックエンド(更新)
  - 新たに追加した、task の仕組みについて、ドキュメントを整備する。
free ページの実装

2025/10/23-やったことリスト

Thu, 16 Oct 2025 14:04:00 +0900

この記事を作った動機

　2025/10/16 から、2025/10/23 に至るまでの間で OneNote 代替に関して、実装をするなど研究を進めているうちにわかったことなどを簡易的に記録する。

動作の様子 (フロントエンド)

TODOs

　2025/10/23 になる間やる項目たち。やりきれなかった分は次に持ち越し。

主な項目

編集機能、データセーブ（更新）の実装
- 別のページを開いても未保存のデータのバッファが管理されるように各ページタイプを実装する
内部構造を説明する図とかドキュメントを作る
- フロントエンド
  - drawio で説明する図を作る
    - 他人が構造の理解に必要な分を記録できたか
- バックエンド(更新)
  - 新たに追加した、task の仕組みについて、ドキュメントを整備する。
free ページの実装
- フロントエンド
  - 共通のUIについて、使い方の説明について、ドキュメントを書いた。
    - overlayWindow
    - messagebox
    - toolsbar
    - page
  - オブジェクト変形用に汎用的なコンポーネントを定義する。カーソルがオブジェクトをホバーしているときに出現するようにする。タッチでは、一回タップで出現。（サイズ変更、移動）
    - 移動について実装
    - リサイズ機能についての実装
      - 右下について実装 (とりあえずこれだけにするかも)
      - 下について実装
      - 右について実装
      - 左上について実装（正しくitemを更新できないバグありで解消中）
      - 左について実装
      - 上について実装
      - 左下について実装
      - 右上について実装
  - 編集モードを各アイテムの要素の種類ごとに実装。汎用的には、ダブルクリックされた場合に編集モードに移行するようにする。タッチではダブルタッチで移行する.
  - フロントエンドを拡張するうえで重要そうな zustand のデータストアの仕様リストを作り、記録を行う。
- バックエンド
selector の改善

2025/10/30-やったことリスト

Thu, 23 Oct 2025 15:55:41 +0900

この記事を作った動機

　2025/10/23 から、2025/10/30 に至るまでの間で OneNote 代替に関して、実装をするなど研究を進めているうちにわかったことなどを簡易的に記録する。

動作の様子

TODOs

　2025/10/30 になる間やる項目たち。やりきれなかった分は次に持ち越し。

メイン（持ち越し、新規混合）

free ページの実装
- フロントエンド
  - 共通のUIについて、使い方の説明について、ドキュメントを書いた。
    - overlayWindow
    - messagebox
    - toolsbar
    - page
  - オブジェクト変形用に汎用的なコンポーネントを定義する。カーソルがオブジェクトをホバーしているときに出現するようにする。タッチでは、一回タップで出現。（サイズ変更、移動）
    - 移動について実装
    - △ リサイズ機能についての実装
      - 右下について実装 (とりあえずこれだけ)
  - 編集モードを各アイテムの要素の種類ごとに実装。汎用的には、ダブルクリックされた場合に編集モードに移行するようにする。タッチではダブルタッチで移行する.
  - 実際に変更があったら、変更内容をリアルタイムで保存するようにする。
    - 別のページを開いたときとかに、バグって変なタイミングでデータを保存しようとするのを止める
    - セーブする際に、ページのUUIDが一致するか確かめてからセーブする。
  - 書式設定に関する edit toggleable を作る。文章をどこに寄せるかとか、フォントサイズとか、フォントカラーとかそういう細かい設定ができるようにする。
  - アイテムが何もないページにおいて、アイテムの追加時に、どんなアイテムタイプが利用可能か取得するのに失敗するのをどうにかする。
  - リアルタイムセーブがバグることについて調査する。別のページを開いたとき、Freeページコンポーネント自体やその変数の中身が、どういう状態になっているのかを調べる。
  - Metadata を表示できるようにする
  - Free ページの要素について、基本要素の項目にアイテムの色をRGBAで設定できるようにする。
    - とりあえず、まだ色を変更するUIがないが、RGBAとしてCSSスタイルを設定してアイテムごとの色を反映するようにFreeページの実装を更新はした。
    - 色を設定するUIや項目へのアクセスボタンを実装する。
編集機能、データセーブ（更新）の実装

2025/11/6-やったことリスト

Thu, 30 Oct 2025 13:17:40 +0900

この記事を作った動機

　2025/10/30 から、2025/11/6 に至るまでの間で OneNote 代替に関して、実装をするなど研究を進めているうちにわかったことなどを簡易的に記録する。

動作の様子

TODOs

　2025/11/6 になる間やる項目たち。やりきれなかった分は次に持ち越し。

メイン（持ち越し、新規混合）

バックエンドの実装
- ターゲット層を明確にする
- ネットワーク監視について実装を思いついた案に基づいて進める
- バックエンドの設定についてフロントエンドにUIを設けたい
free ページの実装
- フロントエンド
  - 共通のUIについて、使い方の説明について、ドキュメントを書いた。
    - overlayWindow
    - messagebox
    - toolsbar
    - page
  - 実際に変更があったら、変更内容をリアルタイムで保存するようにする。
    - 別のページを開いたときとかに、バグって変なタイミングでデータを保存しようとするのを止める
    - セーブする際に、ページのUUIDが一致するか確かめてからセーブする。
  - 書式設定に関する edit toggleable を作る。文章をどこに寄せるかとか、フォントサイズとか、フォントカラーとかそういう細かい設定ができるようにする。
  - アイテムが何もないページにおいて、アイテムの追加時に、どんなアイテムタイプが利用可能か取得するのに失敗するのをどうにかする。
  - リアルタイムセーブがバグることについて調査する。別のページを開いたとき、Freeページコンポーネント自体やその変数の中身が、どういう状態になっているのかを調べる。
  - Metadata を表示できるようにする
  - Free ページの要素について、基本要素の項目にアイテムの色をRGBAで設定できるようにする。
    - とりあえず、まだ色を変更するUIがないが、RGBAとしてCSSスタイルを設定してアイテムごとの色を反映するようにFreeページの実装を更新はした。
    - 色を設定するUIや項目へのアクセスボタンを実装する。 -> すべてのアイテム共通の設定項目であるため、汎用に設定項目を表示できるpropertiesとは独立して、commonsの一部として実装する。
    - 設定UIで色の一部が正しく表示できていないバグをなおす。 -> padStart
    - commonsが正しく色を更新できないバグを何とかする。
  - z-index をちゃんと更新するようにする
  - useFreePageItemsStore の items や activeItems の配列をページごとに分離して管理するようにする。
  - どうしてもzustandを使ったグローバルなアイテム管理が暴走する場合は、Freeコンポーネント内部でアイテムを管理するように実装を変更する。 -> とりあえず zustand を使った実装で続行。
  - 範囲選択の実装 -> activeItemsを操作する
編集機能、データセーブ（更新）の実装
- free ページにおいて、保存が成功するまでは、変更があってから保存されるまでの間に、バッファーを保持するようにする。
バックエンド割り込みの実装
- updatePageの割り込みがあった時に、どのページがセーブされたかIDをUUIDをデータとして含める
- updatePageがあったら差分を扱えるように、先にセーブされたデータをバッファーにためるようにして、diffをマージできるようにする
データサーバに接続されているかどうかなどの、ステータスインジゲーターを作る
データサーバのupdatePageコマンドのUUID検証ロジックについて正しく機能しているか調べる。
データサーバの実装
- addTag deleteTag コマンドの実装
- queryTag コマンドの実装

前回からの持ち越し

持ち越し分

内部構造を説明する図とかドキュメントを作る

2025/11/13-やったことリスト

Thu, 06 Nov 2025 13:09:28 +0900

この記事を作った動機

　2025/11/6 から、2025/11/13 に至るまでの間で OneNote 代替に関して、実装をするなど研究を進めているうちにわかったことなどを簡易的に記録する。

動作の様子

TODOs

　2025/11/13 になる間やる項目たち。やりきれなかった分は次に持ち越し。

メイン（持ち越し、新規混合）

バックエンドの実装
- ターゲット層を明確にする
- ネットワーク監視について実装を思いついた案に基づいて進める
- バックエンドの設定についてフロントエンドにUIを設けたい
フロントエンドのネットワーク周り
- useDatabaseStoreをuseNetworkStoreに名前を変更する。
- send関数をuseDatabaseStore（useNetworkStore）内にあるものに置き換え、旧来のsend関数の実装を廃止する。
free ページの実装
- フロントエンド
  - 共通のUIについて、使い方の説明について、ドキュメントを書いた。
    - overlayWindow
    - messagebox
    - toolsbar
    - page
  - 実際に変更があったら、変更内容をリアルタイムで保存するようにする。
    - 別のページを開いたときとかに、バグって変なタイミングでデータを保存しようとするのを止める
    - セーブする際に、ページのUUIDが一致するか確かめてからセーブする。
  - 書式設定に関する edit toggleable を作る。文章をどこに寄せるかとか、フォントサイズとか、フォントカラーとかそういう細かい設定ができるようにする。
  - アイテムが何もないページにおいて、アイテムの追加時に、どんなアイテムタイプが利用可能か取得するのに失敗するのをどうにかする。
  - リアルタイムセーブがバグることについて調査する。別のページを開いたとき、Freeページコンポーネント自体やその変数の中身が、どういう状態になっているのかを調べる。
  - Metadata を表示できるようにする
  - Free ページの要素について、基本要素の項目にアイテムの色をRGBAで設定できるようにする。
    - とりあえず、まだ色を変更するUIがないが、RGBAとしてCSSスタイルを設定してアイテムごとの色を反映するようにFreeページの実装を更新はした。
    - 色を設定するUIや項目へのアクセスボタンを実装する。 -> すべてのアイテム共通の設定項目であるため、汎用に設定項目を表示できるpropertiesとは独立して、commonsの一部として実装する。
    - 設定UIで色の一部が正しく表示できていないバグをなおす。 -> padStart
    - commonsが正しく色を更新できないバグを何とかする。
  - z-index をちゃんと更新するようにする
  - useFreePageItemsStore の items や activeItems の配列をページごとに分離して管理するようにする。
  - どうしてもzustandを使ったグローバルなアイテム管理が暴走する場合は、Freeコンポーネント内部でアイテムを管理するように実装を変更する。 -> とりあえず zustand を使った実装で続行。
  - 範囲選択の実装 -> activeItemsを操作する
編集機能、データセーブ（更新）の実装
- free ページにおいて、保存が成功するまでは、変更があってから保存されるまでの間に、バッファーを保持するようにする。
バックエンド割り込みの実装
- updatePageの割り込みがあった時に、どのページがセーブされたかIDをUUIDをデータとして含める
- updatePageがあったら差分を扱えるように、先にセーブされたデータをバッファーにためるようにして、diffをマージできるようにする
データサーバに接続されているかどうかなどの、ステータスインジゲーターを作る
データサーバのupdatePageコマンドのUUID検証ロジックについて正しく機能しているか調べる。
データサーバの実装
- addTag deleteTag コマンドの実装
- queryTag コマンドの実装

前回からの持ち越し

持ち越し分

内部構造を説明する図とかドキュメントを作る

2025/11/20-やったことリスト

Thu, 13 Nov 2025 14:14:21 +0900

この記事を作った動機

　2025/11/13 から、2025/11/20 に至るまでの間で OneNote 代替に関して、実装をするなど研究を進めているうちにわかったことなどを簡易的に記録する。

動作の様子

　今回は特に前回から目立って進捗していないのでなし。

TODOs

　2025/11/20 になる間やる項目たち。やりきれなかった分は次に持ち越し。

メイン（持ち越し、新規混合）

バックエンドの実装
- ターゲット層を明確にする
- ネットワーク監視について実装を思いついた案に基づいて進める
- バックエンドの設定についてフロントエンドにUIを設けたい
フロントエンドのネットワーク周り
- useDatabaseStoreをuseNetworkStoreに名前を変更する。
- send関数をuseDatabaseStore（useNetworkStore）内にあるものに置き換え、旧来のsend関数の実装を廃止する。
free ページの実装
- フロントエンド
  - 共通のUIについて、使い方の説明について、ドキュメントを書いた。
    - overlayWindow
    - messagebox
    - toolsbar
    - page
  - 実際に変更があったら、変更内容をリアルタイムで保存するようにする。
    - 別のページを開いたときとかに、バグって変なタイミングでデータを保存しようとするのを止める
    - セーブする際に、ページのUUIDが一致するか確かめてからセーブする。
  - 書式設定に関する edit toggleable を作る。文章をどこに寄せるかとか、フォントサイズとか、フォントカラーとかそういう細かい設定ができるようにする。
  - アイテムが何もないページにおいて、アイテムの追加時に、どんなアイテムタイプが利用可能か取得するのに失敗するのをどうにかする。
  - リアルタイムセーブがバグることについて調査する。別のページを開いたとき、Freeページコンポーネント自体やその変数の中身が、どういう状態になっているのかを調べる。
  - Metadata を表示できるようにする
  - Free ページの要素について、基本要素の項目にアイテムの色をRGBAで設定できるようにする。
    - とりあえず、まだ色を変更するUIがないが、RGBAとしてCSSスタイルを設定してアイテムごとの色を反映するようにFreeページの実装を更新はした。
    - 色を設定するUIや項目へのアクセスボタンを実装する。 -> すべてのアイテム共通の設定項目であるため、汎用に設定項目を表示できるpropertiesとは独立して、commonsの一部として実装する。
    - 設定UIで色の一部が正しく表示できていないバグをなおす。 -> padStart
    - commonsが正しく色を更新できないバグを何とかする。
  - z-index をちゃんと更新するようにする
  - useFreePageItemsStore の items や activeItems の配列をページごとに分離して管理するようにする。
  - どうしてもzustandを使ったグローバルなアイテム管理が暴走する場合は、Freeコンポーネント内部でアイテムを管理するように実装を変更する。 -> とりあえず zustand を使った実装で続行。
  - 範囲選択の実装 -> activeItemsを操作する
編集機能、データセーブ（更新）の実装
- free ページにおいて、保存が成功するまでは、変更があってから保存されるまでの間に、バッファーを保持するようにする。
バックエンド割り込みの実装
- updatePageの割り込みがあった時に、どのページがセーブされたかIDをUUIDをデータとして含める
- updatePageがあったら差分を扱えるように、先にセーブされたデータをバッファーにためるようにして、diffをマージできるようにする
データサーバに接続されているかどうかなどの、ステータスインジゲーターを作る
データサーバのupdatePageコマンドのUUID検証ロジックについて正しく機能しているか調べる。
データサーバの実装
- addTag deleteTag コマンドの実装
- queryTag コマンドの実装

前回からの持ち越し

持ち越し分

内部構造を説明する図とかドキュメントを作る

2025/11/27-やったことリスト

Thu, 20 Nov 2025 13:17:57 +0900

この記事を作った動機

　2025/11/20 から、2025/11/27 に至るまでの間で OneNote 代替に関して、実装をするなど研究を進めているうちにわかったことなどを簡易的に記録する。

動作の様子

　今回は特に前回から目立って進捗していないのでなし。

TODOs

　2025/11/27 になる間やる項目たち。やりきれなかった分は次に持ち越し。

メイン（持ち越し、新規混合）

バックエンドの実装
- ターゲット層を明確にする
- ネットワーク監視について実装を思いついた案に基づいて進める
- バックエンドの設定についてフロントエンドにUIを設けたい
- deleted.json に対して、ページUUIDも記録するようにし、過去に削除されたページと同じ階層構造で同じ名前を持つページが新規作成されても衝突しないようにする。
- 削除されたことになっているが、まだ物理的にファイルシステム上からは消されていないページと同じ階層構造で同じ名前を持つページが新規作成された場合、重複としては扱わず、削除対象のページを退避する。というか、元から削除されたページは退避する場所（フォルダー）をノートブック内に専用に作る。
- 全体的なページやノートブックのメタデータなどにおける時間の扱いを全部 UnixTime の秒単位に置き換える
フロントエンドのネットワーク周り
- useDatabaseStoreをuseNetworkStoreに名前を変更する。
- send関数をuseDatabaseStore（useNetworkStore）内にあるものに置き換え、旧来のsend関数の実装を廃止する。
- createPage.tsxの実装で、ページタイプを取得するとネットワーク周りがバグってリクエストした履歴が消えない結果、未接続の状態として判定されてしまうというバグを何とかする。
free ページの実装
- フロントエンド
  - 共通のUIについて、使い方の説明について、ドキュメントを書いた。
    - overlayWindow
    - messagebox
    - toolsbar
    - page
  - 実際に変更があったら、変更内容をリアルタイムで保存するようにする。
    - 別のページを開いたときとかに、バグって変なタイミングでデータを保存しようとするのを止める
    - セーブする際に、ページのUUIDが一致するか確かめてからセーブする。
  - 書式設定に関する edit toggleable を作る。文章をどこに寄せるかとか、フォントサイズとか、フォントカラーとかそういう細かい設定ができるようにする。
  - アイテムが何もないページにおいて、アイテムの追加時に、どんなアイテムタイプが利用可能か取得するのに失敗するのをどうにかする。
  - リアルタイムセーブがバグることについて調査する。別のページを開いたとき、Freeページコンポーネント自体やその変数の中身が、どういう状態になっているのかを調べる。
  - Metadata を表示できるようにする
  - Free ページの要素について、基本要素の項目にアイテムの色をRGBAで設定できるようにする。
    - とりあえず、まだ色を変更するUIがないが、RGBAとしてCSSスタイルを設定してアイテムごとの色を反映するようにFreeページの実装を更新はした。
    - 色を設定するUIや項目へのアクセスボタンを実装する。 -> すべてのアイテム共通の設定項目であるため、汎用に設定項目を表示できるpropertiesとは独立して、commonsの一部として実装する。
    - 設定UIで色の一部が正しく表示できていないバグをなおす。 -> padStart
    - commonsが正しく色を更新できないバグを何とかする。
  - z-index をちゃんと更新するようにする
  - useFreePageItemsStore の items や activeItems の配列をページごとに分離して管理するようにする。
  - どうしてもzustandを使ったグローバルなアイテム管理が暴走する場合は、Freeコンポーネント内部でアイテムを管理するように実装を変更する。 -> とりあえず zustand を使った実装で続行。
  - 範囲選択の実装 -> activeItemsを操作する
編集機能、データセーブ（更新）の実装
- free ページにおいて、保存が成功するまでは、変更があってから保存されるまでの間に、バッファーを保持するようにする。
バックエンド割り込みの実装
- updatePageの割り込みがあった時に、どのページがセーブされたかIDをUUIDをデータとして含める
- updatePageがあったら差分を扱えるように、先にセーブされたデータをバッファーにためるようにして、diffをマージできるようにする
データサーバに接続されているかどうかなどの、ステータスインジゲーターを作る
データサーバのupdatePageコマンドのUUID検証ロジックについて正しく機能しているか調べる。
データサーバの実装
- addTag deleteTag コマンドの実装
- queryTag コマンドの実装

前回からの持ち越し

持ち越し分

内部構造を説明する図とかドキュメントを作る

2025/12/4-やったことリスト

Thu, 27 Nov 2025 13:03:19 +0900

この記事を作った動機

　2025/11/27 から、2025/12/4 に至るまでの間で OneNote 代替に関して、実装をするなど研究を進めているうちにわかったことなどを簡易的に記録する。

動作の様子

TODOs

　2025/12/4 になる間やる項目たち。やりきれなかった分は次に持ち越し。

メイン（持ち越し、新規混合）

バックエンドの実装
- ターゲット層を明確にする
- ネットワーク監視について実装を思いついた案に基づいて進める
- バックエンドの設定についてフロントエンドにUIを設けたい
- deleted.json に対して、ページUUIDも記録するようにし、過去に削除されたページと同じ階層構造で同じ名前を持つページが新規作成されても衝突しないようにする。
- 削除されたことになっているが、まだ物理的にファイルシステム上からは消されていないページと同じ階層構造で同じ名前を持つページが新規作成された場合、重複としては扱わず、削除対象のページを退避する。というか、元から削除されたページは退避する場所（フォルダー）をノートブック内に専用に作る。
- 全体的なページやノートブックのメタデータなどにおける時間の扱いを全部 UnixTime の秒単位に置き換える
フロントエンドのネットワーク周り
- useDatabaseStoreをuseNetworkStoreに名前を変更する。
- send関数をuseDatabaseStore（useNetworkStore）内にあるものに置き換え、旧来のsend関数の実装を廃止する。
- createPage.tsxの実装で、ページタイプを取得するとネットワーク周りがバグってリクエストした履歴が消えない結果、未接続の状態として判定されてしまうというバグを何とかする。
free ページの実装
- フロントエンド
  - 共通のUIについて、使い方の説明について、ドキュメントを書いた。
    - overlayWindow
    - messagebox
    - toolsbar
    - page
  - 実際に変更があったら、変更内容をリアルタイムで保存するようにする。
    - 別のページを開いたときとかに、バグって変なタイミングでデータを保存しようとするのを止める
    - セーブする際に、ページのUUIDが一致するか確かめてからセーブする。
  - 書式設定に関する edit toggleable を作る。文章をどこに寄せるかとか、フォントサイズとか、フォントカラーとかそういう細かい設定ができるようにする。
  - アイテムが何もないページにおいて、アイテムの追加時に、どんなアイテムタイプが利用可能か取得するのに失敗するのをどうにかする。
  - リアルタイムセーブがバグることについて調査する。別のページを開いたとき、Freeページコンポーネント自体やその変数の中身が、どういう状態になっているのかを調べる。
  - Metadata を表示できるようにする
  - Free ページの要素について、基本要素の項目にアイテムの色をRGBAで設定できるようにする。
    - とりあえず、まだ色を変更するUIがないが、RGBAとしてCSSスタイルを設定してアイテムごとの色を反映するようにFreeページの実装を更新はした。
    - 色を設定するUIや項目へのアクセスボタンを実装する。 -> すべてのアイテム共通の設定項目であるため、汎用に設定項目を表示できるpropertiesとは独立して、commonsの一部として実装する。
    - 設定UIで色の一部が正しく表示できていないバグをなおす。 -> padStart
    - commonsが正しく色を更新できないバグを何とかする。
  - z-index をちゃんと更新するようにする
  - useFreePageItemsStore の items や activeItems の配列をページごとに分離して管理するようにする。
  - どうしてもzustandを使ったグローバルなアイテム管理が暴走する場合は、Freeコンポーネント内部でアイテムを管理するように実装を変更する。 -> とりあえず zustand を使った実装で続行。
  - 範囲選択の実装 -> activeItemsを操作する
編集機能、データセーブ（更新）の実装
- free ページにおいて、保存が成功するまでは、変更があってから保存されるまでの間に、バッファーを保持するようにする。
バックエンド割り込みの実装
- updatePageの割り込みがあった時に、どのページがセーブされたかIDをUUIDをデータとして含める
- updatePageがあったら差分を扱えるように、先にセーブされたデータをバッファーにためるようにして、diffをマージできるようにする
データサーバに接続されているかどうかなどの、ステータスインジゲーターを作る
データサーバのupdatePageコマンドのUUID検証ロジックについて正しく機能しているか調べる。
データサーバの実装
- addTag deleteTag コマンドの実装
- queryTag コマンドの実装

前回からの持ち越し

持ち越し分

内部構造を説明する図とかドキュメントを作る

2025/12/11-やったことリスト

Thu, 04 Dec 2025 15:13:55 +0900

この記事を作った動機

　2025/12/4 から、2025/12/11 に至るまでの間で OneNote 代替に関して、実装をするなど研究を進めているうちにわかったことなどを簡易的に記録する。

動作の様子

特に大きな変更はないので今回はなし。

TODOs

　2025/12/11 になる間やる項目たち。やりきれなかった分は次に持ち越し。

メイン（持ち越し、新規混合）

バックエンドの実装
- ターゲット層を明確にする
- ネットワーク監視について実装を思いついた案に基づいて進める
- バックエンドの設定についてフロントエンドにUIを設けたい
- 全体的なページやノートブックのメタデータなどにおける時間の扱いを全部 UnixTime の秒単位に置き換える
フロントエンドのネットワーク周り
- useDatabaseStoreをuseNetworkStoreに名前を変更する。
- send関数をuseDatabaseStore（useNetworkStore）内にあるものに置き換え、旧来のsend関数の実装を廃止する。
- createPage.tsxの実装で、ページタイプを取得するとネットワーク周りがバグってリクエストした履歴が消えない結果、未接続の状態として判定されてしまうというバグを何とかする。
free ページの実装
- フロントエンド
  - 共通のUIについて、使い方の説明について、ドキュメントを書いた。
    - overlayWindow
    - messagebox
    - toolsbar
    - page
  - 実際に変更があったら、変更内容をリアルタイムで保存するようにする。
    - 別のページを開いたときとかに、バグって変なタイミングでデータを保存しようとするのを止める
    - セーブする際に、ページのUUIDが一致するか確かめてからセーブする。
  - 書式設定に関する edit toggleable を作る。文章をどこに寄せるかとか、フォントサイズとか、フォントカラーとかそういう細かい設定ができるようにする。
  - アイテムが何もないページにおいて、アイテムの追加時に、どんなアイテムタイプが利用可能か取得するのに失敗するのをどうにかする。
  - リアルタイムセーブがバグることについて調査する。別のページを開いたとき、Freeページコンポーネント自体やその変数の中身が、どういう状態になっているのかを調べる。
  - Metadata を表示できるようにする
  - Free ページの要素について、基本要素の項目にアイテムの色をRGBAで設定できるようにする。
    - とりあえず、まだ色を変更するUIがないが、RGBAとしてCSSスタイルを設定してアイテムごとの色を反映するようにFreeページの実装を更新はした。
    - 色を設定するUIや項目へのアクセスボタンを実装する。 -> すべてのアイテム共通の設定項目であるため、汎用に設定項目を表示できるpropertiesとは独立して、commonsの一部として実装する。
    - 設定UIで色の一部が正しく表示できていないバグをなおす。 -> padStart
    - commonsが正しく色を更新できないバグを何とかする。
  - z-index をちゃんと更新するようにする
  - useFreePageItemsStore の items や activeItems の配列をページごとに分離して管理するようにする。
  - どうしてもzustandを使ったグローバルなアイテム管理が暴走する場合は、Freeコンポーネント内部でアイテムを管理するように実装を変更する。 -> とりあえず zustand を使った実装で続行。
  - 範囲選択の実装 -> activeItemsを操作する
編集機能、データセーブ（更新）の実装
- free ページにおいて、保存が成功するまでは、変更があってから保存されるまでの間に、バッファーを保持するようにする。
バックエンド割り込みの実装
- updatePageの割り込みがあった時に、どのページがセーブされたかIDをUUIDをデータとして含める
- updatePageがあったら差分を扱えるように、先にセーブされたデータをバッファーにためるようにして、diffをマージできるようにする
データサーバに接続されているかどうかなどの、ステータスインジゲーターを作る
データサーバのupdatePageコマンドのUUID検証ロジックについて正しく機能しているか調べる。
データサーバの実装
- addTag deleteTag コマンドの実装
- queryTag コマンドの実装

前回からの持ち越し

持ち越し分

内部構造を説明する図とかドキュメントを作る

2025/12/25-やったことリスト

Thu, 18 Dec 2025 14:50:21 +0900

この記事を作った動機

　2025/12/18 から、2025/12/25 に至るまでの間で OneNote 代替に関して、実装をするなど研究を進めているうちにわかったことなどを簡易的に記録する。

動作の様子

今回は変更はなかったので特になし。

TODOs

　2025/12/25 になる間やる項目たち。やりきれなかった分は次に持ち越し。

メイン（持ち越し、新規混合）

バックエンドの実装
- ターゲット層を明確にする
- ネットワーク監視について実装を思いついた案に基づいて進める
- バックエンドの設定についてフロントエンドにUIを設けたい
- 全体的なページやノートブックのメタデータなどにおける時間の扱いを全部 UnixTime の秒単位に置き換える
フロントエンドのネットワーク周り
- useDatabaseStoreをuseNetworkStoreに名前を変更する。
- send関数をuseDatabaseStore（useNetworkStore）内にあるものに置き換え、旧来のsend関数の実装を廃止する。
- createPage.tsxの実装で、ページタイプを取得するとネットワーク周りがバグってリクエストした履歴が消えない結果、未接続の状態として判定されてしまうというバグを何とかする。
free ページの実装
- フロントエンド
  - 共通のUIについて、使い方の説明について、ドキュメントを書いた。
    - overlayWindow
    - messagebox
    - toolsbar
    - page
  - 実際に変更があったら、変更内容をリアルタイムで保存するようにする。
    - 別のページを開いたときとかに、バグって変なタイミングでデータを保存しようとするのを止める
    - セーブする際に、ページのUUIDが一致するか確かめてからセーブする。
  - 書式設定に関する edit toggleable を作る。文章をどこに寄せるかとか、フォントサイズとか、フォントカラーとかそういう細かい設定ができるようにする。
  - アイテムが何もないページにおいて、アイテムの追加時に、どんなアイテムタイプが利用可能か取得するのに失敗するのをどうにかする。
  - リアルタイムセーブがバグることについて調査する。別のページを開いたとき、Freeページコンポーネント自体やその変数の中身が、どういう状態になっているのかを調べる。
  - Metadata を表示できるようにする
  - Free ページの要素について、基本要素の項目にアイテムの色をRGBAで設定できるようにする。
    - とりあえず、まだ色を変更するUIがないが、RGBAとしてCSSスタイルを設定してアイテムごとの色を反映するようにFreeページの実装を更新はした。
    - 色を設定するUIや項目へのアクセスボタンを実装する。 -> すべてのアイテム共通の設定項目であるため、汎用に設定項目を表示できるpropertiesとは独立して、commonsの一部として実装する。
    - 設定UIで色の一部が正しく表示できていないバグをなおす。 -> padStart
    - commonsが正しく色を更新できないバグを何とかする。
  - z-index をちゃんと更新するようにする
  - useFreePageItemsStore の items や activeItems の配列をページごとに分離して管理するようにする。
  - どうしてもzustandを使ったグローバルなアイテム管理が暴走する場合は、Freeコンポーネント内部でアイテムを管理するように実装を変更する。 -> とりあえず zustand を使った実装で続行。
  - 範囲選択の実装 -> activeItemsを操作する
編集機能、データセーブ（更新）の実装
- free ページにおいて、保存が成功するまでは、変更があってから保存されるまでの間に、バッファーを保持するようにする。
バックエンド割り込みの実装
- updatePageの割り込みがあった時に、どのページがセーブされたかIDをUUIDをデータとして含める
- updatePageがあったら差分を扱えるように、先にセーブされたデータをバッファーにためるようにして、diffをマージできるようにする
データサーバに接続されているかどうかなどの、ステータスインジゲーターを作る
データサーバのupdatePageコマンドのUUID検証ロジックについて正しく機能しているか調べる。
データサーバの実装
- addTag deleteTag コマンドの実装
- queryTag コマンドの実装

前回からの持ち越し

持ち越し分

内部構造を説明する図とかドキュメントを作る

2025/12/18-やったことリスト

Sun, 14 Dec 2025 21:43:29 +0900

この記事を作った動機

　2025/12/11 から、2025/12/18 に至るまでの間で OneNote 代替に関して、実装をするなど研究を進めているうちにわかったことなどを簡易的に記録する。

動作の様子

TODOs

　2025/12/18 になる間やる項目たち。やりきれなかった分は次に持ち越し。

メイン（持ち越し、新規混合）

バックエンドの実装
- ターゲット層を明確にする
- ネットワーク監視について実装を思いついた案に基づいて進める
- バックエンドの設定についてフロントエンドにUIを設けたい
- 全体的なページやノートブックのメタデータなどにおける時間の扱いを全部 UnixTime の秒単位に置き換える
フロントエンドのネットワーク周り
- useDatabaseStoreをuseNetworkStoreに名前を変更する。
- send関数をuseDatabaseStore（useNetworkStore）内にあるものに置き換え、旧来のsend関数の実装を廃止する。
- createPage.tsxの実装で、ページタイプを取得するとネットワーク周りがバグってリクエストした履歴が消えない結果、未接続の状態として判定されてしまうというバグを何とかする。
free ページの実装
- フロントエンド
  - 共通のUIについて、使い方の説明について、ドキュメントを書いた。
    - overlayWindow
    - messagebox
    - toolsbar
    - page
  - 実際に変更があったら、変更内容をリアルタイムで保存するようにする。
    - 別のページを開いたときとかに、バグって変なタイミングでデータを保存しようとするのを止める
    - セーブする際に、ページのUUIDが一致するか確かめてからセーブする。
  - 書式設定に関する edit toggleable を作る。文章をどこに寄せるかとか、フォントサイズとか、フォントカラーとかそういう細かい設定ができるようにする。
  - アイテムが何もないページにおいて、アイテムの追加時に、どんなアイテムタイプが利用可能か取得するのに失敗するのをどうにかする。
  - リアルタイムセーブがバグることについて調査する。別のページを開いたとき、Freeページコンポーネント自体やその変数の中身が、どういう状態になっているのかを調べる。
  - Metadata を表示できるようにする
  - Free ページの要素について、基本要素の項目にアイテムの色をRGBAで設定できるようにする。
    - とりあえず、まだ色を変更するUIがないが、RGBAとしてCSSスタイルを設定してアイテムごとの色を反映するようにFreeページの実装を更新はした。
    - 色を設定するUIや項目へのアクセスボタンを実装する。 -> すべてのアイテム共通の設定項目であるため、汎用に設定項目を表示できるpropertiesとは独立して、commonsの一部として実装する。
    - 設定UIで色の一部が正しく表示できていないバグをなおす。 -> padStart
    - commonsが正しく色を更新できないバグを何とかする。
  - z-index をちゃんと更新するようにする
  - useFreePageItemsStore の items や activeItems の配列をページごとに分離して管理するようにする。
  - どうしてもzustandを使ったグローバルなアイテム管理が暴走する場合は、Freeコンポーネント内部でアイテムを管理するように実装を変更する。 -> とりあえず zustand を使った実装で続行。
  - 範囲選択の実装 -> activeItemsを操作する
編集機能、データセーブ（更新）の実装
- free ページにおいて、保存が成功するまでは、変更があってから保存されるまでの間に、バッファーを保持するようにする。
バックエンド割り込みの実装
- updatePageの割り込みがあった時に、どのページがセーブされたかIDをUUIDをデータとして含める
- updatePageがあったら差分を扱えるように、先にセーブされたデータをバッファーにためるようにして、diffをマージできるようにする
データサーバに接続されているかどうかなどの、ステータスインジゲーターを作る
データサーバのupdatePageコマンドのUUID検証ロジックについて正しく機能しているか調べる。
データサーバの実装
- addTag deleteTag コマンドの実装
- queryTag コマンドの実装

前回からの持ち越し

持ち越し分

内部構造を説明する図とかドキュメントを作る

2026/1/8-やったことリスト

Mon, 29 Dec 2025 19:35:02 +0900

この記事を作った動機

　2025/12/25 から、2026/1/8 に至るまでの間で OneNote 代替に関して、実装をするなど研究を進めているうちにわかったことなどを簡易的に記録する。

動作の様子

TODOs

　2026/1/8 になる間やる項目たち。やりきれなかった分は次に持ち越し。

メイン（持ち越し、新規混合）

バックエンドの実装
- ターゲット層を明確にする
- ネットワーク監視について実装を思いついた案に基づいて進める
- バックエンドの設定についてフロントエンドにUIを設けたい
- 全体的なページやノートブックのメタデータなどにおける時間の扱いを全部 UnixTime の秒単位に置き換える
フロントエンドのネットワーク周り
- useDatabaseStoreをuseNetworkStoreに名前を変更する。
- send関数をuseDatabaseStore（useNetworkStore）内にあるものに置き換え、旧来のsend関数の実装を廃止する。
- createPage.tsxの実装で、ページタイプを取得するとネットワーク周りがバグってリクエストした履歴が消えない結果、未接続の状態として判定されてしまうというバグを何とかする。
free ページの実装
- フロントエンド
  - 共通のUIについて、使い方の説明について、ドキュメントを書いた。
    - overlayWindow
    - messagebox
    - toolsbar
    - page
  - 実際に変更があったら、変更内容をリアルタイムで保存するようにする。
    - 別のページを開いたときとかに、バグって変なタイミングでデータを保存しようとするのを止める
    - セーブする際に、ページのUUIDが一致するか確かめてからセーブする。
  - 書式設定に関する edit toggleable を作る。文章をどこに寄せるかとか、フォントサイズとか、フォントカラーとかそういう細かい設定ができるようにする。
  - アイテムが何もないページにおいて、アイテムの追加時に、どんなアイテムタイプが利用可能か取得するのに失敗するのをどうにかする。
  - リアルタイムセーブがバグることについて調査する。別のページを開いたとき、Freeページコンポーネント自体やその変数の中身が、どういう状態になっているのかを調べる。
  - Metadata を表示できるようにする
  - Free ページの要素について、基本要素の項目にアイテムの色をRGBAで設定できるようにする。
    - とりあえず、まだ色を変更するUIがないが、RGBAとしてCSSスタイルを設定してアイテムごとの色を反映するようにFreeページの実装を更新はした。
    - 色を設定するUIや項目へのアクセスボタンを実装する。 -> すべてのアイテム共通の設定項目であるため、汎用に設定項目を表示できるpropertiesとは独立して、commonsの一部として実装する。
    - 設定UIで色の一部が正しく表示できていないバグをなおす。 -> padStart
    - commonsが正しく色を更新できないバグを何とかする。
  - z-index をちゃんと更新するようにする
  - useFreePageItemsStore の items や activeItems の配列をページごとに分離して管理するようにする。
  - どうしてもzustandを使ったグローバルなアイテム管理が暴走する場合は、Freeコンポーネント内部でアイテムを管理するように実装を変更する。 -> とりあえず zustand を使った実装で続行。
  - 範囲選択の実装 -> activeItemsを操作する
編集機能、データセーブ（更新）の実装
- free ページにおいて、保存が成功するまでは、変更があってから保存されるまでの間に、バッファーを保持するようにする。
バックエンド割り込みの実装
- updatePageの割り込みがあった時に、どのページがセーブされたかIDをUUIDをデータとして含める
- updatePageがあったら差分を扱えるように、先にセーブされたデータをバッファーにためるようにして、diffをマージできるようにする
データサーバに接続されているかどうかなどの、ステータスインジゲーターを作る
データサーバのupdatePageコマンドのUUID検証ロジックについて正しく機能しているか調べる。
データサーバの実装
- addTag deleteTag コマンドの実装
- queryTag コマンドの実装

前回からの持ち越し

持ち越し分

内部構造を説明する図とかドキュメントを作る

2026/1/15-やったことリスト

Thu, 08 Jan 2026 13:52:12 +0900

この記事を作った動機

　2026/1/8 から、2026/1/15 に至るまでの間で OneNote 代替に関して、実装をするなど研究を進めているうちにわかったことなどを簡易的に記録する。

動作の様子

　今回は特に大きな変化はないので特になし。

TODOs

　2026/1/15 になる間やる項目たち。やりきれなかった分は次に持ち越し。

メイン（持ち越し、新規混合）

バックエンドの実装
- ターゲット層を明確にする
- ネットワーク監視について実装を思いついた案に基づいて進める
- バックエンドの設定についてフロントエンドにUIを設けたい
- 全体的なページやノートブックのメタデータなどにおける時間の扱いを全部 UnixTime の秒単位に置き換える
フロントエンドのネットワーク周り
- useDatabaseStoreをuseNetworkStoreに名前を変更する。
- send関数をuseDatabaseStore（useNetworkStore）内にあるものに置き換え、旧来のsend関数の実装を廃止する。
- createPage.tsxの実装で、ページタイプを取得するとネットワーク周りがバグってリクエストした履歴が消えない結果、未接続の状態として判定されてしまうというバグを何とかする。
free ページの実装
- フロントエンド
  - 共通のUIについて、使い方の説明について、ドキュメントを書いた。
    - overlayWindow
    - messagebox
    - toolsbar
    - page
  - 実際に変更があったら、変更内容をリアルタイムで保存するようにする。
    - 別のページを開いたときとかに、バグって変なタイミングでデータを保存しようとするのを止める
    - セーブする際に、ページのUUIDが一致するか確かめてからセーブする。
  - 書式設定に関する edit toggleable を作る。文章をどこに寄せるかとか、フォントサイズとか、フォントカラーとかそういう細かい設定ができるようにする。
  - アイテムが何もないページにおいて、アイテムの追加時に、どんなアイテムタイプが利用可能か取得するのに失敗するのをどうにかする。
  - リアルタイムセーブがバグることについて調査する。別のページを開いたとき、Freeページコンポーネント自体やその変数の中身が、どういう状態になっているのかを調べる。
  - Metadata を表示できるようにする
  - Free ページの要素について、基本要素の項目にアイテムの色をRGBAで設定できるようにする。
    - とりあえず、まだ色を変更するUIがないが、RGBAとしてCSSスタイルを設定してアイテムごとの色を反映するようにFreeページの実装を更新はした。
    - 色を設定するUIや項目へのアクセスボタンを実装する。 -> すべてのアイテム共通の設定項目であるため、汎用に設定項目を表示できるpropertiesとは独立して、commonsの一部として実装する。
    - 設定UIで色の一部が正しく表示できていないバグをなおす。 -> padStart
    - commonsが正しく色を更新できないバグを何とかする。
  - z-index をちゃんと更新するようにする
  - useFreePageItemsStore の items や activeItems の配列をページごとに分離して管理するようにする。
  - どうしてもzustandを使ったグローバルなアイテム管理が暴走する場合は、Freeコンポーネント内部でアイテムを管理するように実装を変更する。 -> とりあえず zustand を使った実装で続行。
  - 範囲選択の実装 -> activeItemsを操作する
編集機能、データセーブ（更新）の実装
- free ページにおいて、保存が成功するまでは、変更があってから保存されるまでの間に、バッファーを保持するようにする。
バックエンド割り込みの実装
- updatePageの割り込みがあった時に、どのページがセーブされたかIDをUUIDをデータとして含める
- updatePageがあったら差分を扱えるように、先にセーブされたデータをバッファーにためるようにして、diffをマージできるようにする
データサーバに接続されているかどうかなどの、ステータスインジゲーターを作る
データサーバのupdatePageコマンドのUUID検証ロジックについて正しく機能しているか調べる。
データサーバの実装
- addTag deleteTag コマンドの実装
- queryTag コマンドの実装

前回からの持ち越し

持ち越し分

内部構造を説明する図とかドキュメントを作る

2026/1/22-やったことリスト

Tue, 27 Jan 2026 13:36:11 +0900

この記事を作った動機

　2026/1/15 から、2026/1/22 に至るまでの間で OneNote 代替に関して、実装をするなど研究を進めているうちにわかったことなどを簡易的に記録する。

動作の様子

　今回は特に大きな変化はないので特になし。

TODOs

　今は実装には手を出さないようにしているので、特になし。

やったことの詳細

卒論を書いた

誤字脱字の修正
冗長な表現を削除
修正案の反映

参考にしたサイトとか

　今回は特になし。

記事リスト

Wed, 10 Sep 2025 14:22:17 +0900

この記事を作った動機

　単に、このブログの方針として、”自分が参照するノート”としてメインに掲げているところがある。それで、必ずしも “content/posts/idea/research/onenoteAlternativeCreation/” 配下に収まっているわけではなく、色んな所に関係のある記事が散らばっている。

　それらをまとめるために、この記事にリンク集みたいな感じで、散らばってしまっている記事をまとめておこうと思った次第である。

記事リスト

React

TypeScript

Date クラスで躓いたこと