Fude
Projects

Fude

Notion風ブロックとAIアシストを備えた、Next.js + Electron製のノートデスクトップアプリ。

Next.jsElectronGemini API

Next.jsアプリをElectronに内包したデスクトップ型ノートアプリ。 テーブル・リンク・プロパティなどのブロックでノートを構成し、選択したテキストをAIパネルに送るとGemini APIが内容についてストリーミングで回答する。 全文検索・絵文字ピッカー・設定画面を備え、electron-builderでmacOSネイティブアプリとして配布。

開発期間
2026年7月〜継続中
担当
すべて
メンバー
1人
使用技術
  • Frontend
    Next.jsTypeScriptTailwind CSS
  • Desktop
    Electronelectron-builder
  • AI
    Google Gemini API
貢献
  • フルスタック実装
  • Electronパッケージング・ビルドパイプライン構築
  • AIパネル・ストリーミングUXの実装
感想

Next.jsのstandaloneビルドをElectronに詰め込む部分が一番苦労しました。standalone出力はデフォルトで`public/`や静的アセットを含まないため、electron-builder実行前にそれらをコピーし直す独自スクリプトを用意しました。ノートUIを止めずにAIの回答をストリーミング表示する部分も、快適に感じるまで何度か調整しました。