概要
学習データはKotoFlow、KotoNotes、KotoJunに分かれていました。KotoNexusは各アプリの目的を保ちながら、単語、大学のノート、学習予定を一つにつなぎます。
没入型ダッシュボードで、つながる学習システムを一目で把握できます。ケーススタディ / 独立プロダクト研究 / 限定アクセス
KotoNexus
日本語学習、大学のノート、学習予定、JLPT対策を一つにつなぐ、成長するナレッジハブ。
認証制の非公開プロダクトです。このケーススタディは実際の画面を紹介するもので、製品へのアクセスは提供していません。
KOTONEXUS / DASHBOARD
プロダクトウォークスルー
一つのシステム、つながる五つの画面。
各章を読み進めるか、番号付きナビゲーションで移動できます。実際の画面を使った紹介であり、非公開プロダクトの操作を再現するものではありません。
KOTONEXUS / SCREEN INDEX
概要
没入型ダッシュボードで、つながる学習システムを一目で把握できます。
つながる学習エコシステム
サーバー側プロキシが各APIを統合し、Auth.js、Google OAuth、許可リストでアクセスを制限します。Neon PostgreSQLには模擬試験のリリース、セッション、回答、習熟履歴を保存します。
D3.jsの力指向グラフが、アプリ、ノート、単語、JLPTレベルをつなぎます。JLPT対策
N5からN1までの学習カタログと、独自に作成した模擬試験を提供します。公式JLPT製品ではなく、非公開の公式採点モデルを再現するものでもありません。
公式との関係を示唆せず、レベル別に学習内容を整理しています。模擬試験の設計
独立したデータセットをバージョン管理し、決定論的にコンパイルして公開前に検証し、変更不可のリリースとして提供します。セッション状態はサーバーが管理し、音声・画像は認証付きで配信します。
開始前にレベル、構成、条件を明確に伝える模擬試験設定画面です。学習体験
単語とノートに特化した画面では、検索、復習、進捗情報を提供しながら、それぞれの学習元の特徴を保っています。
アニメをもとにした単語を、見つけやすく復習しやすい形に整理しています。概要
学習データはKotoFlow、KotoNotes、KotoJunに分かれていました。KotoNexusは各アプリの目的を保ちながら、単語、大学のノート、学習予定を一つにつなぎます。
没入型ダッシュボードで、つながる学習システムを一目で把握できます。システム
セキュリティと永続化の境界を明確にした統合。
データ元アプリ
KotoFlow・KotoNotes・KotoJun
サーバープロキシ
環境シークレットはサーバー側のみで管理
永続化データ
Neon PostgreSQL・Drizzle ORM
許可制アクセス
Auth.js・Google OAuth
このプロジェクトで示すこと
独立プロダクト研究を、本番システムと同じ姿勢で設計する。
フルスタック統合
複数のデータモデルを、明確なサーバー・データ境界で接続。
プロダクトUX
複雑な学習情報を、強い視覚階層で探索しやすく整理。
セキュリティを意識した実装
許可制認証、サーバー限定シークレット、保護された模擬試験素材。
運用品質
決定論的なリリース、検証、サーバーが管理するセッション状態。
画面一覧
公開サービスと誤解させずに、プロダクト全体を紹介。
各実画面を拡大表示できます。最初の画面とメイン画像は常にダッシュボードです。