Ideaxis

https://github.com/Ryomachi/Ideaxis

Next.js

TypeScript

React

AWS

PostgreSQL

AIを駆使しながらアイディアの収束、発散を助けるアプリ。

中町俊介

a a

推しアイデア

miroのような自由に複数人で編集できるキャンバスに様々なAI機能を搭載!付箋の整理から画像生成、そしてチャット型のAIを使ってアイディアを負担なく形にできる!

作った背景

既存の、アイディアを整理するアプリではアイディアを自由に書き出すことはできるが、pdfや画像から文字情報をアップロードするインプット機能や、画像や動画を生成するアウトプットに不足を感じていた。

推し技術

WebSocket(同時編集機能) , 3JS(3Dアバター) , Hono

プロジェクト詳細

どんなアプリ?

🤔 こんなお悩み、ありませんか?

  • アイディアをたくさん思いついても、整理が追いつかない...
  • チャットAIは便利だけど、過去の内容を探し直すのが面倒...
  • 議事録が溜まっていて、次のアクションが見えてこない…

💡 そんなときに、Ideaxis!

チャット × キャンバスを一つにまとめた、アイディア整理アプリです。 話しかけながら使えて、情報を視覚的に整理できます。


このアプリの強み

1. とっつきやすい、かゆいところに届く設計

直感的なチャット機能に加え、投稿内容を自動で分類・整理。 何も難しい操作は必要ありません。

2. アイディアを、みんなで形に

キャンバス機能は一人でも使えるのはもちろん、複数人での同時編集も可能!

「見るのはOKだけど編集されたくない...」という場合は、閲覧権限の設定で対応できます。

3. 多様なインプットに対応

Word・PDF・画像などのファイルをそのままAIに読み込ませるだけで、自動で文字起こし&分類。手間なくナレッジが蓄積されます。

4. アイディアをそのまま形に

プレゼン用の画像・動画も、アプリに組み込まれているので直接生成できます。 わざわざ別のタブで生成AIを開く必要はありません!

5. 使い込むほど、自分仕様に

慣れてきたらカスタムプロンプトやテンプレートを活用して、より精度の高い整理・生成が可能に。

  • 付箋一枚単位で画像生成のプロンプトを指定
  • カスタムプロンプトで、AIの出力精度をさらに向上
  • 要件定義書の項目ごとに出力をコントロール
  • チャットのコマンド機能で、AIへの指示をさらに細かく

アーキテクチャ

(ここに内容を追加)


チーム開発で工夫したこと

・コンフリクトが起きないような役割分担 ・それぞれの人に強みがあるのでそれを活かすように。 ・文字に起こして情報共有をする

今後の拡張方針

チャット部分の 音声の機能を追加する


機能の詳細説明

画面遷移とそれぞれの機能の説明

Login画面からLoginをする

下側にナビゲーションバーがあるので、そこからいろいろなところにいける。ナビゲーションバーはトグルをクリックすると収納することができます。(ナビゲーションバーの写真と、それぞれの機能) ←側のチャット機能 真ん中の →側のログアウトボタン

ここから先の章構成を画像を示しながら。

チャット画面の機能の詳細

チャット機能

個人で利用できる機能

複数人で使用するときに使う機能

中町俊介

@d75ef1cdf71e9e13