Skip to content

研究草稿管理用のWebアプリ フルスタックNext.jsアプリケーション

Notifications You must be signed in to change notification settings

kyonenya/manuscript

Repository files navigation

これはなんのアプリですか

自分が書き溜めている研究草稿を管理するための Web アプリ。日記アプリ Day One からの JSON インポートや記事の一括印刷に対応。

自分用のアプリなので認証をかけてありますが、
https://manuscript.vercel.app
よりログインしなくてもデモ版が閲覧できます。

使用技術

  • Next.js でフロントエンドとバックエンドをまとめて一つのアプリとして開発中
    • バックエンドサーバーなるものを別個で立てたくないし、せっかくクラサバ両方 TypeScript で書いているのに API の型定義をフロント用にわざわざ生成したくない
  • v2.0.0 にて next@13.4 の React Server Components と Server Actions に対応
  • 使用技術:Next.js, tRPC, Tanstack Query→Server Components & Server Actions, Prisma, PostgreSQL, Chakra UI→Tailwind CSS, Vercel, Supabase Auth, Isomorphic JavaScript (Universal JavaScript)

使い方

検索と印刷

how-to-print

インポートとタグ編集

how-to-import

旧バージョンとその反省

以前はフロントエンドの UI とバックエンドの API サーバーを別々に開発していた。

  • kyonenya/manuscripts-backend
    • バックエンドの API サーバー。記事の CRUD やデータベースとのやり取り
    • 使用技術:Node.js, TypeScript, express, PostgreSQL, Clean Architecture, 関数型プログラミング (fp-ts), Heroku
    • 反省点:Clean Architecture や関数型プログラミングにかぶれて、良く言えば疎結合で例外安全な、悪く言えばむやみに複雑なコードを書いた
  • kyonenya/manuscripts-frontend
    • フロントエンドの SPA。マークダウンエディタで記事を作成・編集できる
    • 使用技術:preact, TypeScript, styled-components, Vercel
    • 反省点:アプリが持つべき機能の開発方針が中途半端だった