Fude
Notion風ブロックとAIアシストを備えた、Next.js + Electron製のノートデスクトップアプリ。
Next.jsアプリをElectronに内包したデスクトップ型ノートアプリ。 テーブル・リンク・プロパティなどのブロックでノートを構成し、選択したテキストをAIパネルに送るとGemini APIが内容についてストリーミングで回答する。 全文検索・絵文字ピッカー・設定画面を備え、electron-builderでmacOSネイティブアプリとして配布。
Contributions
- フルスタック実装
- Electronパッケージング・ビルドパイプライン構築
- AIパネル・ストリーミングUXの実装
Reflection
Next.jsのstandaloneビルドをElectronに詰め込む部分が一番苦労しました。standalone出力はデフォルトで`public/`や静的アセットを含まないため、electron-builder実行前にそれらをコピーし直す独自スクリプトを用意しました。ノートUIを止めずにAIの回答をストリーミング表示する部分も、快適に感じるまで何度か調整しました。