はじめに
自分はObsidian, Typora, SimplenoteなどたくさんのPC向けメモアプリを使ってきたのですが、どれも自分の好みに合うものではなかったので、自分で作ってみることにしました。
作ったもの
https://ideanote.korange.work/
※ 現時点ではWindowsのみ対応です。Macの方すみません、、、
どんなアプリ?
現時点で、3種類+プレーンテキスト のメモが作れるソフトです✨
フォルダを作ることもできます📂
メモの種類
-
📄 Markdown
皆さんご存知、Markdownのメモです。 -
📜 Scrap
順番に物事を積み重ねていけるメモです。
ZennのScrapを参考にしています。 -
✅ ToDo
文字通り、ToDoリストです。チェックボックスを作れます。
実際の画面
作るに当たって工夫したこと
ユーザーが簡単に意見を送れるように、画面左下に「意見を送る」ボタンを設置しました。
なるべく気軽に送れるように、メールアドレスなどは必要とせず、意見だけを入力すればいいように作りました。
どんな技術で動いているのか
まず、主に使用した技術は・・・
- Vue3
- Vite
- Electron
- Electron-Forge
です。
仕組みとしては、Vueで書いたコードをViteでビルドし、/dist/
フォルダの中身をElectronが開く、といった感じです!
また、MarkdownのエディタにはEasyMDE、HTMLへの変換にはmarked
を使いました。
ElectronのコードをビルドするのにはElectron-Forgeを使いました。
最後に
拙い記事ですが最後まで読んでいただきありがとうございました!!!
では、まだまだ発展途上ですがideaNoteをよろしくお願いします!
https://ideanote.korange.work/
(もし興味があればダウンロードお願いします!)