https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/ Recent content in B4 のときの記録 on Nyanmo main blog Hugo ja Wed, 10 Sep 2025 14:34:48 +0900 https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/concept/ Wed, 23 Jul 2025 21:26:16 +0900 https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/concept/ <div class="annotationContainer underconstruct"> <div class="annotationbanner"> <img class="underconstructIcon" src="https://www.nyanmo.info/icons/win7Icons/warring.ico"> <h2>このページは、まだ未完成です。。。</h2> <img class="underconstructYukkuri" src="https://www.nyanmo.info/icons/yukkuri/未完成を憂慮するゆっくり霊夢.png"> </div> <div class="originExplain">nicotalk＆キャラ素材配布所 http://www.nicotalk.com/charasozai_kt.html （2024年5月16日）</div> </div> <h2 id="この記事を作った動機">この記事を作った動機</h2> <p>　一応ここには現時点で考えている発想について適当にまとめているだけである。新しくわかったこととか調査結果をもとに、後からまとめなおする必要がある。</p> <h2 id="ポイント">ポイント</h2> <ul> <li> <p>サーバクライアントモデル</p> <ul> <li>UI 処理をするクライアント（クライアント側）</li> <li>OS依存のAPIや実装のためのバックエンド（クライアント側）</li> <li>データ関連のバックエンド（サーバー側）</li> <li>P2P</li> </ul> </li> <li> <p>オープンなデータ構造</p> <ul> <li>JSON や XML などをサポートしたい</li> <li>human readable な仕様にしたい</li> <li>大きなバイナリデータとかはどうするかが課題 それについては、Unityみたいに各ファイルにメタ情報付きでディレクトリ構造を形成して管理してみてもいいかもしれない。</li> </ul> </li> <li> <p>拡張可能<br> 　テキストや画像、インクオブジェクトだけでなく、独自のバイナリ構造を持つファイルや、独自のガジェットやオブジェクト的なものも扱えるように、機能を追加できる仕様にしたい。</p> </li> <li> <p>バージョン管理にgitを使う？</p> </li> </ul> <h2 id="基本的なアーキテクチャ">基本的なアーキテクチャ</h2> <p>　x11みたいなサーバークライアントモデルな構造にしたい。</p> <h3 id="フロントエンド">フロントエンド</h3> <p>　chromeやfirefoxなどのブラウザ、Electornなどを使う。vite,react,typescriptとかだと比較的モダンに仕上がると思う。</p> <h3 id="バックエンド">バックエンド</h3> <p>　適当にpythonとかphpでもいいので、データ処理とOS固有のAPIの抽象化と呼び出しを担う</p> <h2 id="基本的なデータ構造">基本的なデータ構造</h2> <h3 id="ノート構造">ノート構造</h3> <ul> <li>Notebooks <ul> <li>Section <ul> <li>Pages1</li> <li>Pages2 &hellip;</li> </ul> </li> </ul> </li> </ul> <h3 id="ページ構造">ページ構造</h3> <p>　基本的には、汎用の位置情報などを保持するオブジェクトが定義され、それを継承することで、テキストや画像、動画、PDF、インク、3D view(include pmx and blender ext files -&gt; three.js) バイナリデータなどをそれぞれ専用のクラスを用意し、扱う。</p> <h2 id="基本的なui機能や入力など">基本的なUI機能や入力など</h2> <ul> <li>ファイルのドラックアンドドロップ</li> <li>貼り付け、コピー</li> <li>InkAPI</li> <li>マウス、キーボード、タッチ</li> <li>複数ウィンドウ</li> <li>長時間の処理時間がかかるものは進捗表示と非同期処理<br> 　-&gt; ユーザーに不快感を与えない、心配させない UI/UX</li> </ul> <h2 id="機能の在り方について">機能の在り方について</h2> <p>　いろいろ気になる機能があるが、詰め込め過ぎても仕方ないという印象。人はいろいろ選択肢があると、選べなくなるということを考慮すると、ある程度制約のある仕組みや、あえて実装しない機能を決めたり、使い方を制限するところも必要であると考えられる。</p> <h2 id="労力的な問題について">労力的な問題について</h2> <p>　<del>正直 OneNote の代替を一から作るみたいなのより、Obsidian のプラグインを不満点を反映してガンガン作っていったほうがいいんじゃないか説ある。</del></p> <p>　Obsidian は少なくとも、プログラム本体自体のソースコードなどは公開されていない、closed source なようなので、アーキテクチャ的にも新しく作ったほうが都合がいいかもしれないということになり、現在作業中（2025/9/8)</p> https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/existingalternatives/ Wed, 23 Jul 2025 21:27:32 +0900 https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/existingalternatives/ <div class="annotationContainer underconstruct"> <div class="annotationbanner"> <img class="underconstructIcon" src="https://www.nyanmo.info/icons/win7Icons/warring.ico"> <h2>このページは、まだ未完成です。。。</h2> <img class="underconstructYukkuri" src="https://www.nyanmo.info/icons/yukkuri/未完成を憂慮するゆっくり霊夢.png"> </div> <div class="originExplain">nicotalk＆キャラ素材配布所 http://www.nicotalk.com/charasozai_kt.html （2024年5月16日）</div> </div> <h2 id="この記事を作った動機">この記事を作った動機</h2> <h2 id="既存の代替っぽいもの全てはリストアップしていない">既存の代替っぽいもの(全てはリストアップしていない)</h2> <h3 id="google-keep">Google keep</h3> <p>　数カ月ほど使ったことはあるが、使っていくうちに古いメモが下の方に行き、しかも、せっかくメモの付箋を書いたのに、あとから見返さないという問題があった。</p> <p>　一応メモを色やピン留め、リマインドという形で分類したりできるという機能はある。情報が少ないうちはいいかもしれないが、あまり大規模なことはできないという印象がある。</p> <p>　逆に言えば、Google keep 的な付箋スタイルUIや機能は、プロジェクト単位での軽いタスクの管理としては、一つありかもしれないあり方ではあった。</p> <p>　今回のソフトウェア？では、Google keep みたいなUIや機能をもたせた特別な”ページ”をテンプレとして選べて作れ、タスク管理の一助として使えるようにするのはありかもしれない。</p> <p>　実装としては、ページを拡張できるように色々インタフェースを定義したりAPIを定義したりとかになる気もする。</p> <h3 id="evernote">Evernote</h3> <p>　聞いたことはあるが、使ったことはない。私の印象としては、使うとロックダウンされてしまいそうなので使いたくないという印象だった。</p> <h3 id="notion">Notion</h3> <p>　一ヶ月ほど使ったことはあるが、AI機能が、意思にかかわらずに有効になっていたり、記録した内容にいちいち”良くする”というスタンスで干渉してくるところが嫌であった。</p> <p>　かつ、クラウドベースで、オフラインやローカル、LAN内だけで完結するインターネットのない環境で、プライベートに完結することを許さない感じが、どこか監視されているようで閉塞的でかなり息苦しいと感じられる。</p> <h3 id="obsidian">Obsidian</h3> <p>　これはあまり深く使い込んだことはないが、研究に際して調べている過程で見つけたので、試してみた。そのことについては、<a href="https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/obsidian/">Obsidianについて</a>に記録した。</p> <h2 id="気になるもの">気になるもの</h2> <p>　大体になるかは置いといて、気になるサービスなどについても挙げておく。</p> <h3 id="basecamp">Basecamp</h3> <p>　なんか、google docs や Notion など、ありとあらゆる既存のサービスについての代替を主張していて、サービスが機能として内包しているプロジェクト管理などについて気になるところがある。</p> <ul> <li>Basecamp: Project management software, online collaboration<br> <a href="https://basecamp.com/">https://basecamp.com/</a> (2025年8月1日)</li> </ul> <h2 id="既存の代替品の候補としてよく挙げられるツールの共通点">既存の代替品の候補としてよく挙げられるツールの共通点</h2> <ul> <li>商業ベース</li> <li>クラウド</li> <li>ローカルで動かすことを前提としてない</li> <li>クラウドベースだとAIモデルの学習にデータが使われてしまう可能性</li> <li>最初は無料としつつも、あとからしつこく課金させるビジネスモデルへの誘導がある可能性</li> <li>クラウド系だとサービスが潰れたとき、データ消失、非互換の恐れ</li> <li>ある程度包括的にOneNoteの機能を持っているものはなく、いくつかの独自の設計や思想に基づいたものが乱立している印象</li> </ul> <h2 id="参考にしたサイトとか">参考にしたサイトとか</h2> <ul> <li>Download - Obsidian<br> <a href="https://obsidian.md/download">https://obsidian.md/download</a> (2025年7月19日)</li> <li>Best Microsoft OneNote Alternatives in 2025 | Nuclino<br> <a href="https://www.nuclino.com/alternatives/onenote-alternative">https://www.nuclino.com/alternatives/onenote-alternative</a> (2025年7月19日)</li> <li>Best 6 OneNote Alternatives In 2025 | 100+ Personally Tested Tools<br> <a href="https://thebusinessdive.com/onenote-alternatives">https://thebusinessdive.com/onenote-alternatives</a> (2025年7月19日)</li> <li>最高のノートアプリ - Evernoteでノートを整理しましょう<br> <a href="https://evernote.com/ja-jp">https://evernote.com/ja-jp</a> (2025年7月19日)</li> <li>Basecamp: Project management software, online collaboration<br> <a href="https://basecamp.com/">https://basecamp.com/</a> (2025年8月1日)</li> </ul> https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/obsidian/ Sun, 27 Jul 2025 21:22:42 +0900 https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/obsidian/ <div class="annotationContainer underconstruct"> <div class="annotationbanner"> <img class="underconstructIcon" src="https://www.nyanmo.info/icons/win7Icons/warring.ico"> <h2>このページは、まだ未完成です。。。</h2> <img class="underconstructYukkuri" src="https://www.nyanmo.info/icons/yukkuri/未完成を憂慮するゆっくり霊夢.png"> </div> <div class="originExplain">nicotalk＆キャラ素材配布所 http://www.nicotalk.com/charasozai_kt.html （2024年5月16日）</div> </div> <h2 id="この記事を作った動機">この記事を作った動機</h2> <p>　OneNoteの代替として考えられるものとして、Obsidian というソフトウェアがあることが、研究について調べたり考えたりしている段階で分かった。</p> <p>　そこで実際にインストールし、ちょっと触ってみたところ、参考になりそうなポイントがありそうだったので、専用にまとめる記事を作った次第である。</p> <h2 id="今わかること">今わかること</h2> <h3 id="vault-とは">vault とは?</h3> <p>　Obsidian でいうところの vault とは、OneNoteでいうノートブック相当であると思われる</p> <h3 id="ページの種類">ページの種類</h3> <p>　OneNoteとは異なり、ページのテンプレートにバリエーションがある。デフォルトだと以下の二つが確認できた。</p> <ul> <li> <p>markdown<br> 　&ldquo;note&quot;として、マークダウン形式のコンテンツを追加可能である。drag and drop もでき、以下のように様々なコンテンツが扱える。 <div class="alignContaier" style=justify-content:&#32;center;&#32;overflow:&#32;auto;&#32;display:flex;&#32;flex-direction:&#32;row;> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/obsidian/%e7%94%bb%e5%83%8f%e3%81%a8%e5%8b%95%e7%94%bb%e3%81%ae%e5%9f%8b%e3%82%81%e8%be%bc%e3%81%bf%e3%82%b3%e3%83%b3%e3%83%86%e3%83%b3%e3%83%84%e3%81%ae%e4%be%8b.png#center" alt="Obsidian サンプル"/> <figcaption> 画像と動画の埋め込みコンテンツの例 </figcaption> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/obsidian/%e6%b7%bb%e4%bb%98%e3%83%95%e3%82%a1%e3%82%a4%e3%83%ab%e3%81%a83D%e3%83%a2%e3%83%87%e3%83%ab%e3%81%a8%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%81%ae%e4%be%8b.png#center" alt="Obsidian サンプル"/> <figcaption> 添付ファイルと3Dモデルとテキストの例 </figcaption> </figure> </div></p> </li> <li> <p>canvas<br> 　画像や動画、obsidian 内で書いた markdown コンテンツなど、様々な形式のファイルを配置したり添付することができる。ファイルに対して obsidian がデフォルトで対応していたり、プラグインなりが入っていてプレビューできる場合はその内容を見ることもできる。</p> </li> </ul> <p>　以下の項目について、実際に試した例も今回はここに置いておくことにした。</p> <ul> <li>画像</li> <li>動画</li> <li>json拡張子を持ったテキストファイル</li> <li>markdown ファイル</li> <li>obsidian 内の markdown コンテンツ</li> <li>テキスト</li> </ul> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/obsidian/canvas%e3%81%ae%e4%be%8b.png#center" alt="Obsidian サンプル"/> <figcaption> canvasの例 </figcaption> </figure> <h3 id="タグ機能">タグ機能</h3> <p>　タグでコンテンツが管理可能である。markdown と canvas の両方のタイプのページで利用可能なようである。 <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/obsidian/%e3%82%bf%e3%82%b0%e6%a4%9c%e7%b4%a2%e6%a9%9f%e8%83%bd%e3%81%ae%e4%be%8b.png#center" alt="Obsidian サンプル"/> <figcaption> タグ検索機能の例 </figcaption> </figure> </p> <h3 id="手書き機能-プラグイン">手書き機能 (プラグイン)</h3> <p>　Obsidian デフォルトでは、手書き機能がついていないが、プラグインとしては存在していることが分かった。ほかにもあるかもしれないが、試したのは今のところこれだけ。<br> <div class="githubCardContainer" href=https://github.com/daledesilva/obsidian_ink> <div class="githubCardContainerInner row"> <div class="avaterImage column"> <img class="avaterImageMain" src="" alt=""> <div class="userName" src="" alt=""></div> </div> <div class="repoInfo column"> <div class="repoName"></div> <div class="repoDiscription"></div> <div class="repoClone column"> <div class="http cloneOption row"> <input id="url" type="text" readonly> <button class="copy"></button> </div> <div class="ssh cloneOption row"> <input id="ssh" type="text" readonly> <button class="copy"></button> </div> </div> </div> </div> </div></p> https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/onenote/ Wed, 23 Jul 2025 21:45:03 +0900 https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/onenote/ <div class="annotationContainer underconstruct"> <div class="annotationbanner"> <img class="underconstructIcon" src="https://www.nyanmo.info/icons/win7Icons/warring.ico"> <h2>このページは、まだ未完成です。。。</h2> <img class="underconstructYukkuri" src="https://www.nyanmo.info/icons/yukkuri/未完成を憂慮するゆっくり霊夢.png"> </div> <div class="originExplain">nicotalk＆キャラ素材配布所 http://www.nicotalk.com/charasozai_kt.html （2024年5月16日）</div> </div> <h2 id="この記事を作った動機">この記事を作った動機</h2> <p>　OneNoteの代替を作りたいというところから出発したので、OneNote自体について調べる必要があると思ったため。</p> <h2 id="私のonenoteの利用例">私のOneNoteの利用例</h2> <p>　OneNote は Office 365などに含まれていて、有償版とMS store からダウンロードできる無償版の2種類がある。無償版はしつこく MS 365 に課金するように催促される。</p> <p>　windows 環境であればローカルにデスクトップ版をインストールし、今までのOffice 2021とか、Office 2007みたいに使うこともでき、OneNote も同じ感じである。クラウド機能もあるらしいが、私は大抵のクラウドサービスには否定的で明るくないので、使ったことはない。</p> <p>　私がOneNoteを使っていたときは、半期ごとにノートを分けて、その中に授業ごとのセクションを作り、ページで細かい授業単位のデータ管理をするという感じであった。</p> <p><figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/oneNote/%e9%9a%8e%e5%b1%a4%e6%a7%8b%e9%80%a0%e3%81%ae%e5%88%a9%e7%94%a8%e4%be%8b.png#center" alt="OneNote サンプル"/> <figcaption> 階層構造の利用例 </figcaption> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/oneNote/OneNote%e5%88%a9%e7%94%a8%e4%be%8b.png#center" alt="OneNote サンプル"/> <figcaption> OneNote利用例 </figcaption> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/oneNote/%e6%a7%98%e3%80%85%e3%81%aa%e5%85%a5%e5%8a%9b%e3%82%84%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%82%92%e6%89%b1%e3%81%88%e3%82%8b%e4%be%8b.png#center" alt="OneNote サンプル"/> <figcaption> 様々な入力やメディアを扱える例 </figcaption> </figure> </p> <h2 id="気になる機能">気になる機能</h2> <h3 id="階層的なコンテンツ管理">階層的なコンテンツ管理</h3> <ul> <li>ノートブック <ul> <li>セクション <ul> <li>ページ</li> <li>&hellip; <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/oneNote/%e9%9a%8e%e5%b1%a4%e6%a7%8b%e9%80%a0%e3%81%ae%e5%88%a9%e7%94%a8%e4%be%8b.png#center" alt="OneNote サンプル"/> <figcaption> 階層構造の利用例 </figcaption> </figure> </li> </ul> </li> </ul> </li> </ul> <h3 id="office-系列と似たような書式フォーマットや操作">Office 系列と似たような書式フォーマットや操作</h3> <p><figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/oneNote/%e6%9b%b8%e5%bc%8f%e6%93%8d%e4%bd%9c/UI%e3%81%ae%e4%be%8b.png#center" alt="UIの例"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/oneNote/%e6%9b%b8%e5%bc%8f%e6%93%8d%e4%bd%9c/UI%e3%81%ae%e4%be%8b1.png#center" alt="UIの例"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/oneNote/%e6%9b%b8%e5%bc%8f%e6%93%8d%e4%bd%9c/UI%e3%81%ae%e4%be%8b2.png#center" alt="UIの例"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/oneNote/%e6%9b%b8%e5%bc%8f%e6%93%8d%e4%bd%9c/UI%e3%81%ae%e4%be%8b3.png#center" alt="UIの例"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/oneNote/%e6%9b%b8%e5%bc%8f%e6%93%8d%e4%bd%9c/UI%e3%81%ae%e4%be%8b4.png#center" alt="UIの例"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/oneNote/%e6%9b%b8%e5%bc%8f%e6%93%8d%e4%bd%9c/UI%e3%81%ae%e4%be%8b5.png#center" alt="UIの例"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/oneNote/%e6%9b%b8%e5%bc%8f%e6%93%8d%e4%bd%9c/UI%e3%81%ae%e4%be%8b6.png#center" alt="UIの例"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/oneNote/%e6%9b%b8%e5%bc%8f%e6%93%8d%e4%bd%9c/UI%e3%81%ae%e4%be%8b7.png#center" alt="UIの例"/> </figure> </p> <h3 id="インク機能のインターフェイス全体表示のとき">インク機能のインターフェイス（全体表示のとき）</h3> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/oneNote/%e3%82%a4%e3%83%b3%e3%82%af%e6%a9%9f%e8%83%bd%e3%81%ae%e3%82%a4%e3%83%b3%e3%82%bf%e3%83%bc%e3%83%95%e3%82%a7%e3%82%a4%e3%82%b9-%e5%85%a8%e4%bd%93%e8%a1%a8%e7%a4%ba%e3%81%ae%e6%99%82.png#center" alt="OneNote サンプル"/> <figcaption> インク機能のインターフェイス-全体表示の時 </figcaption> </figure> <h3 id="自由なオブジェクトの配置">自由なオブジェクトの配置</h3> <p>　以下は、ある授業のレポートでネットワークの設定や構成について、与えられた課題にどう取り組んだのか説明する必要があった時の例である。画像をいろんなところに自由に配置し、インク機能を使って書き込み、一枚の絵として説明を完成させた。 <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/oneNote/%e8%87%aa%e7%94%b1%e3%81%aa%e3%82%aa%e3%83%96%e3%82%b8%e3%82%a7%e3%82%af%e3%83%88%e9%85%8d%e7%bd%ae%e3%81%ae%e4%be%8b1.png#center" alt="OneNote サンプル"/> <figcaption> 自由なオブジェクト配置の例 </figcaption> </figure> </p> <h3 id="書き込み可">書き込み可</h3> <p>　今回はPDF資料の上に、インク機能で書き込む例をいかに示す。このようにして自由にいろんなものを重ね合わせて扱うことができる。 <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/oneNote/%e3%82%a4%e3%83%b3%e3%82%af%e3%81%a8%e7%94%bb%e5%83%8f-%e6%9b%b8%e3%81%8d%e8%be%bc%e3%82%81%e3%82%8b%e4%be%8b.png#center" alt="OneNote サンプル"/> <figcaption> インクと画像-書き込める例 </figcaption> </figure> </p> <h3 id="マルチメディアサポート">マルチメディアサポート</h3> <ul> <li>ペンタブレット</li> <li>画像、動画、テキスト</li> <li>バイナリファイル添付 <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/oneNote/%e6%a7%98%e3%80%85%e3%81%aa%e5%85%a5%e5%8a%9b%e3%82%84%e3%83%a1%e3%83%87%e3%82%a3%e3%82%a2%e3%82%92%e6%89%b1%e3%81%88%e3%82%8b%e4%be%8b.png#center" alt="OneNote サンプル"/> <figcaption> 様々な入力やメディアを扱える例 </figcaption> </figure> </li> </ul> <h3 id="ストローク消しゴム">ストローク消しゴム</h3> <p>　ink 機能では、ただ部分的にペイントソフトと同じように線とか描いたものを消せるだけじゃなくて、ストローク単位で一気に消したりできるのは、正直大きい。</p> https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/notion/ Wed, 30 Jul 2025 16:21:15 +0900 https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/notion/ <div class="annotationContainer underconstruct"> <div class="annotationbanner"> <img class="underconstructIcon" src="https://www.nyanmo.info/icons/win7Icons/warring.ico"> <h2>このページは、まだ未完成です。。。</h2> <img class="underconstructYukkuri" src="https://www.nyanmo.info/icons/yukkuri/未完成を憂慮するゆっくり霊夢.png"> </div> <div class="originExplain">nicotalk＆キャラ素材配布所 http://www.nicotalk.com/charasozai_kt.html （2024年5月16日）</div> </div> <h2 id="この記事を作った動機">この記事を作った動機</h2> <p>　これについては一旦なしとする。</p> <h2 id="参考にしたサイトとか">参考にしたサイトとか</h2> <p>　今のところ特になし。</p> https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/googlekeep/ Wed, 30 Jul 2025 16:21:02 +0900 https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/googlekeep/ <div class="annotationContainer underconstruct"> <div class="annotationbanner"> <img class="underconstructIcon" src="https://www.nyanmo.info/icons/win7Icons/warring.ico"> <h2>このページは、まだ未完成です。。。</h2> <img class="underconstructYukkuri" src="https://www.nyanmo.info/icons/yukkuri/未完成を憂慮するゆっくり霊夢.png"> </div> <div class="originExplain">nicotalk＆キャラ素材配布所 http://www.nicotalk.com/charasozai_kt.html （2024年5月16日）</div> </div> <h2 id="この記事を作った動機">この記事を作った動機</h2> <p>　Google Keep については、あまり個人的には使ったことはないし、使いこなせてもいなかったが、機能的には魅力的なところが多かったので、調べてみることにした。正直全部を網羅的に調べるというより、気になるところを中心に書きだすといった感じにしたい。</p> <h2 id="どう使ったことがあるか">どう使ったことがあるか？</h2> <p>　私は、正直あまり深く使ったことはなく長くてもせいぜい2ヵ月程度であった。なんか記録してもメモが下へ下へと行ってしまっていたのと、分類機能をあまり使いこなせていなかったので、メモとっても屍になっていた。</p> <p>　クラウド上で動いており、ローカルでは動作しないというところも致命的に不満で、正直あまり馴染まなかったというところかもしれない。ツール自体の出来はいいと思うところである。</p> <h2 id="今わかること">今わかること</h2> <h3 id="ノートとは">ノートとは？</h3> <p>　Google Keep での一つの付箋みたいなコンテンツの単位だと思われる。 <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/%e3%83%8e%e3%83%bc%e3%83%88%e3%81%ae%e5%8d%98%e4%bd%8d.png#center" alt="GoogleKeep サンプル"/> </figure> </p> <h3 id="いろんな機能がある">いろんな機能がある</h3> <p>　画像を添付したり、いろんな方法で分類したり、いろんな機能がある。細かいことは次からそれぞれ分けて説明することにする。 <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/%e3%81%84%e3%82%8d%e3%82%93%e3%81%aa%e6%a9%9f%e8%83%bd%e3%81%8c%e3%81%82%e3%82%8b.png#center" alt="GoogleKeep サンプル"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/%e3%81%84%e3%82%8d%e3%82%93%e3%81%aa%e6%a9%9f%e8%83%bd1.png#center" alt="GoogleKeep サンプル"/> </figure> </p> <h3 id="画像は添付できる">画像は添付できる</h3> <p>　逆に言えばそれ以外の動画とか、jsonやテキストファイルなどは全然添付できない。 <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/%e7%94%bb%e5%83%8f%e3%82%92%e6%b7%bb%e4%bb%98%e3%81%a7%e3%81%8d%e3%82%8b%e6%a7%98%e5%ad%90.png#center" alt="GoogleKeep サンプル"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/%e7%94%bb%e5%83%8f%e4%bb%a5%e5%a4%96%e6%b7%bb%e4%bb%98%e3%81%a7%e3%81%8d%e3%81%aa%e3%81%84%e6%a7%98%e5%ad%90.png#center" alt="GoogleKeep サンプル"/> </figure> </p> <h3 id="分類機能">分類機能</h3> <h4 id="タグ機能">タグ機能</h4> <p>　タグでコンテンツを分類し、後から検索しやすくすることが可能である。任意のタグが作成可能である。 <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/%e3%82%bf%e3%82%b0%e6%a9%9f%e8%83%bd%e3%81%ae%e8%aa%ac%e6%98%8e1.png#center" alt="GoogleKeep サンプル"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/%e3%82%bf%e3%82%b0%e6%a9%9f%e8%83%bd%e3%81%ae%e8%aa%ac%e6%98%8e.png#center" alt="GoogleKeep サンプル"/> </figure> </p> <h4 id="ピン止めできる">ピン止めできる</h4> <p>　ノートをアーカイブにすると無効化され、アーカイブ内からピン止めしようとすると、アーカイブに戻される。</p> <ul> <li>note内でのピン止め <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/%e3%83%94%e3%83%b3%e6%ad%a2%e3%82%81%e3%81%a7%e3%81%8d%e3%82%8b.png#center" alt="GoogleKeep サンプル"/> </figure> </li> <li>タグ内でのピン止めは有効 <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/%e3%83%94%e3%83%b3%e6%ad%a2%e3%82%81/%e3%83%94%e3%83%b3%e6%ad%a2%e3%82%81%e3%81%af%e3%82%bf%e3%82%b0%e5%86%85%e3%81%a7%e3%81%af%e5%88%86%e9%a1%9e%e3%81%95%e3%82%8c%e3%82%8b.png#center" alt="GoogleKeep サンプル"/> </figure> </li> <li>リマインダー内では無効 <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/%e3%83%94%e3%83%b3%e6%ad%a2%e3%82%81/%e3%83%94%e3%83%b3%e6%ad%a2%e3%82%81%e3%81%af%e3%83%aa%e3%83%9e%e3%82%a4%e3%83%b3%e3%83%80%e3%83%bc%e5%86%85%e3%81%a7%e3%81%af%e7%84%a1%e5%8a%b9%e5%8c%96%e3%81%95%e3%82%8c%e3%82%8b.png#center" alt="GoogleKeep サンプル"/> </figure> </li> <li>アーカイブにするとピン止めが外される <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/%e3%83%94%e3%83%b3%e6%ad%a2%e3%82%81/%e3%83%94%e3%83%b3%e6%ad%a2%e3%82%81%e3%81%af%e3%82%a2%e3%83%bc%e3%82%ab%e3%82%a4%e3%83%96%e3%81%ab%e3%81%99%e3%82%8b%e3%81%a8%e7%84%a1%e5%8a%b9%e5%8c%96%e3%81%95%e3%82%8c%e3%82%8b.png#center" alt="GoogleKeep サンプル"/> </figure> </li> </ul> <h4 id="アーカイブ機能">アーカイブ機能</h4> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/%e3%82%a2%e3%83%bc%e3%82%ab%e3%82%a4%e3%83%96%e6%a9%9f%e8%83%bd.png#center" alt="GoogleKeep サンプル"/> </figure> <h4 id="ピン止めとアーカイブ機能">ピン止めとアーカイブ機能</h4> <p>　ピン止めとアーカイブはタグ内で共存できるようである。 <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/%e3%83%94%e3%83%b3%e6%ad%a2%e3%82%81/%e3%83%94%e3%83%b3%e6%ad%a2%e3%82%81%e3%81%a8%e3%82%a2%e3%83%bc%e3%82%ab%e3%82%a4%e3%83%96%e3%81%ae%e5%85%b1%e5%ad%98.png#center" alt="GoogleKeep サンプル"/> </figure> </p> <h4 id="色で分類できる">色で分類できる</h4> <p><figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/note%e3%83%9a%e3%83%bc%e3%82%b8.png#center" alt="GoogleKeep サンプル"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/%e8%89%b2%e3%81%a7%e5%88%86%e9%a1%9e%e3%81%a7%e3%81%8d%e3%82%8b%e6%a7%98%e5%ad%90.png#center" alt="GoogleKeep サンプル"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/%e8%89%b2%e3%81%a7%e5%88%86%e9%a1%9e%e3%81%a7%e3%81%8d%e3%82%8b%e6%a7%98%e5%ad%901.png#center" alt="GoogleKeep サンプル"/> </figure> </p> <h3 id="チェックリスト">チェックリスト</h3> <p>　簡易的なTODOリストがある。しかし、リマインダを設定したりしても、Google カレンダーなどにはTODOリストとしては出てこないようで、ほかの自社内サービスと提携して反映されているというわけではないようである。</p> <p>　あとこのチェックリストは、ノートを全部をチェックリストしてしまうため、何か別のテキストなどを書き込んだりはできないようである。でも、ラベル（タグ）付けしたり、画像は添付できるようである。 <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/checklist/checklist.png#center" alt="GoogleKeep サンプル"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/checklist/checklist%e3%81%ab%e3%83%aa%e3%83%9e%e3%82%a4%e3%83%b3%e3%83%80%e3%82%92%e8%a8%ad%e5%ae%9a%e3%81%99%e3%82%8b.png#center" alt="GoogleKeep サンプル"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/checklist/TODO%e3%81%a8%e3%81%af%e6%8f%90%e6%90%ba%e3%81%97%e3%81%a6%e3%81%84%e3%81%aa%e3%81%84%e6%a7%98%e5%ad%90.png#center" alt="GoogleKeep サンプル"/> </figure> <figure class="align-center "> <img loading="lazy" src="https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/GoogleKeep/checklist/%e7%94%bb%e5%83%8f%e3%81%af%e6%b7%bb%e4%bb%98%e3%81%a7%e3%81%8d%e3%82%8b.png#center" alt="GoogleKeep サンプル"/> </figure> </p> https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/usecase/ Wed, 10 Sep 2025 14:34:48 +0900 https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/usecase/ <div class="annotationContainer underconstruct"> <div class="annotationbanner"> <img class="underconstructIcon" src="https://www.nyanmo.info/icons/win7Icons/warring.ico"> <h2>このページは、まだ未完成です。。。</h2> <img class="underconstructYukkuri" src="https://www.nyanmo.info/icons/yukkuri/未完成を憂慮するゆっくり霊夢.png"> </div> <div class="originExplain">nicotalk＆キャラ素材配布所 http://www.nicotalk.com/charasozai_kt.html （2024年5月16日）</div> </div> <h2 id="この記事を作った動機">この記事を作った動機</h2> <p>　どういう使い方が考えられるか、私が考えている理想や他にも考えられる用途などの視点から、書いてみるとなんかいいことあるかもしれないと思って、とりあえずまずは記事を作った。</p> <h2 id="考えられる使い方">考えられる使い方</h2> <h3 id="私の理想としての視点">私の理想としての視点</h3> <h3 id="他の考えられる用途">他の考えられる用途</h3> <h2 id="参考にしたサイトとか">参考にしたサイトとか</h2> <p>　今のところ特になし。</p> https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/issues/ Wed, 23 Jul 2025 21:26:57 +0900 https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/issues/ <div class="annotationContainer underconstruct"> <div class="annotationbanner"> <img class="underconstructIcon" src="https://www.nyanmo.info/icons/win7Icons/warring.ico"> <h2>このページは、まだ未完成です。。。</h2> <img class="underconstructYukkuri" src="https://www.nyanmo.info/icons/yukkuri/未完成を憂慮するゆっくり霊夢.png"> </div> <div class="originExplain">nicotalk＆キャラ素材配布所 http://www.nicotalk.com/charasozai_kt.html （2024年5月16日）</div> </div> <h2 id="この記事を作った動機">この記事を作った動機</h2> <p>　<del>ある程度調査が終わった時に、出てきた不満点についてまとめるためのページで、現時点では調査が終わってないので、何も書かれていません。</del></p> <p>　方針をとにかくまずは実装してみるということに変えたので、ここは中途半端になるかもしれません。（2025/9/8)</p> <h2 id="いろいろ比較">いろいろ比較</h2> <ul> <li>onenote</li> <li>googlekeep</li> <li>obsidian</li> </ul> <h2 id="見えてきた理想">見えてきた理想</h2> <h3 id="uiuxフロントエンド">UI/UX（フロントエンド）</h3> <h3 id="バックエンド">バックエンド</h3> <h4 id="データ管理">データ管理</h4> <h4 id="api処理">API処理</h4> <h3 id="アーキテクチャ">アーキテクチャ</h3> <h3 id="拡張機能の構成">拡張機能の構成</h3> <h3></h3> <h2 id="参考にしたサイトとか">参考にしたサイトとか</h2> https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/milestone/ Wed, 23 Jul 2025 21:34:49 +0900 https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/milestone/ <div class="annotationContainer underconstruct"> <div class="annotationbanner"> <img class="underconstructIcon" src="https://www.nyanmo.info/icons/win7Icons/warring.ico"> <h2>このページは、まだ未完成です。。。</h2> <img class="underconstructYukkuri" src="https://www.nyanmo.info/icons/yukkuri/未完成を憂慮するゆっくり霊夢.png"> </div> <div class="originExplain">nicotalk＆キャラ素材配布所 http://www.nicotalk.com/charasozai_kt.html （2024年5月16日）</div> </div> <h2 id="この記事を作った動機">この記事を作った動機</h2> <p>　主に<a href="https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/issues/">問題点というか不満点のまとめ</a>がまとめ終わった後に具体的にどうしていくか記録するために作ったページです。</p> <p>　状況に応じてまだ<a href="https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/issues/">問題点というか不満点のまとめ</a>の記事がある程度出来上がってない段階でも、思ったことがあればここにいろいろ書いていこうとは思っています。</p> <h2 id="リポジトリ">リポジトリ</h2> <div class="githubCardContainer" href=https://github.com/hello30190f/OneNoteAlternative> <div class="githubCardContainerInner row"> <div class="avaterImage column"> <img class="avaterImageMain" src="" alt=""> <div class="userName" src="" alt=""></div> </div> <div class="repoInfo column"> <div class="repoName"></div> <div class="repoDiscription"></div> <div class="repoClone column"> <div class="http cloneOption row"> <input id="url" type="text" readonly> <button class="copy"></button> </div> <div class="ssh cloneOption row"> <input id="ssh" type="text" readonly> <button class="copy"></button> </div> </div> </div> </div> </div> <h2 id="todos">TODOs</h2> <h3 id="main-firstprototype">main (firstprototype)</h3> <h4 id="フロントエンド">フロントエンド</h4> <ul> <li><input disabled="" type="checkbox"> 接続が途切れたことを検出しネットワーク再接続機能</li> <li><input disabled="" type="checkbox"> free ページを実装する</li> <li><input checked="" disabled="" type="checkbox"> ノートブック、ページの追加、削除ボタンの実装</li> <li><input checked="" disabled="" type="checkbox"> ページ view の実装</li> <li><input checked="" disabled="" type="checkbox"> ページを編集可能にする実装</li> <li><input checked="" disabled="" type="checkbox"> メッセージボックスの実装</li> <li><input checked="" disabled="" type="checkbox"> markdown 表示、編集できる既存のライブラリをフロントエンド向けに探す-&gt;<br> 　<a href="https://github.com/markedjs/marked">marked</a></li> </ul> <h4 id="バックエンド">バックエンド</h4> <ul> <li><input disabled="" type="checkbox"> データサーバからフロントエンドへの通信を実装</li> <li><input disabled="" type="checkbox"> コマンドを実装</li> <li><input disabled="" type="checkbox"> 設定画面をつくる (settings.json tkinter)</li> </ul> <h4 id="記録">記録</h4> <ul> <li><input disabled="" type="checkbox"> typescript における <code>type</code> と <code>interface</code> の違いについて書く。</li> </ul> <h2 id="休止-todos">休止 TODOs</h2> <h3 id="調査">調査</h3> <ul> <li><input checked="" disabled="" type="checkbox"> OneNote について調査する</li> <li><input checked="" disabled="" type="checkbox"> Obsidian について調査する</li> <li><input checked="" disabled="" type="checkbox"> Google Keep について調査する</li> <li><input disabled="" type="checkbox"> <del>Notion について調査する</del></li> <li><input disabled="" type="checkbox"> ink API の各ブラウザ間の動作の調査</li> </ul> <h3 id="指針を立てるためのまとめ">指針を立てるためのまとめ</h3> <ul> <li><input disabled="" type="checkbox"> 取り入れたいことについて、調査をもとにまとめる</li> <li><input disabled="" type="checkbox"> 不満点について、調査をもとにまとめる</li> <li><input checked="" disabled="" type="checkbox"> 大まかに何をするのか決めていく</li> </ul> <h3 id="最小のデモの要件を作る">最小のデモの要件を作る</h3> <ul> <li><input checked="" disabled="" type="checkbox"> どんなUI?</li> <li><input checked="" disabled="" type="checkbox"> どんなアーキテクチャ?</li> <li><input disabled="" type="checkbox"> 何をして、何をしないか？</li> </ul> <h3 id="proof-of-concept-を作る">Proof of Concept を作る</h3> <ul> <li><input disabled="" type="checkbox"> どんなデモを作るか決める</li> </ul> <h2 id="参考にしたサイトとか">参考にしたサイトとか</h2> <ul> <li>markedjs/marked: A markdown parser and compiler. Built for speed.<br> <a href="https://github.com/markedjs/marked">https://github.com/markedjs/marked</a> (2025年9月26日)</li> </ul> https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/chatgpt/ Wed, 23 Jul 2025 23:41:37 +0900 https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/b4/chatgpt/ <div class="annotationContainer underconstruct"> <div class="annotationbanner"> <img class="underconstructIcon" src="https://www.nyanmo.info/icons/win7Icons/warring.ico"> <h2>このページは、まだ未完成です。。。</h2> <img class="underconstructYukkuri" src="https://www.nyanmo.info/icons/yukkuri/未完成を憂慮するゆっくり霊夢.png"> </div> <div class="originExplain">nicotalk＆キャラ素材配布所 http://www.nicotalk.com/charasozai_kt.html （2024年5月16日）</div> </div> <h2 id="この記事を作った動機">この記事を作った動機</h2> <p>　研究の過程における ChatGPT の利用記録も、<a href="https://www.nyanmo.info/posts/idea/research/onenotealternativecreation/onenotealternativecreationold/">Onenote代替品の作成（旧記事）</a>の方においていたので一応専用に記事を分けて作った感じです。</p> <h2 id="chatgpt">ChatGPT</h2> <p><div style="display: flex; flex-direction: column; margin-bottom: 20px;"> <a href='https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/%e3%82%aa%e3%82%b7%e3%83%ad%e3%82%b9%e3%82%b3%e3%83%bc%e3%83%97%20%e6%b8%ac%e5%ae%9a%e7%b5%90%e6%9e%9c.html' target="_blank" style="margin: 10px; background: rgb(50, 50, 50); border-radius: 10px; text-align: center;">Open as a page</a> <iframe src='https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/%e3%82%aa%e3%82%b7%e3%83%ad%e3%82%b9%e3%82%b3%e3%83%bc%e3%83%97%20%e6%b8%ac%e5%ae%9a%e7%b5%90%e6%9e%9c.html' style="width: 100%; height: 400px;"></iframe> </div> <div style="display: flex; flex-direction: column; margin-bottom: 20px;"> <a href='https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/TODO%e3%82%bf%e3%82%b9%e3%82%af%e7%ae%a1%e7%90%86%e3%81%ae%e3%82%b8%e3%83%ac%e3%83%b3%e3%83%9e.html' target="_blank" style="margin: 10px; background: rgb(50, 50, 50); border-radius: 10px; text-align: center;">Open as a page</a> <iframe src='https://www.nyanmo.info/posts/idea/onenoteAlternativeCreation/TODO%e3%82%bf%e3%82%b9%e3%82%af%e7%ae%a1%e7%90%86%e3%81%ae%e3%82%b8%e3%83%ac%e3%83%b3%e3%83%9e.html' style="width: 100%; height: 400px;"></iframe> </div></p> <h2 id="参考にしたサイトとか">参考にしたサイトとか</h2> <ul> <li>ChatGPT<br> <a href="https://chatgpt.com/">https://chatgpt.com/</a> (2025年6月23日)</li> </ul>