9
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

Markdownでメモが取れるアプリ「ideaNote」を作りました

Last updated at Posted at 2023-11-12

はじめに

自分は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/
(もし興味があればダウンロードお願いします!)

9
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
9
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?