大賀万博

Created by @oga_aiichiro © 2025

/README.md

Chienowa(チエノワ)

知をつなぐ。未来がひらく。

React Next.js TypeScript Tailwind CSS Prisma Vercel

『Chienowa(チエノワ)』は、個人やチームの知識を繋ぎ合わせ、新たな価値を創造するための集合知型ナレッジベースです。


🚀 デモサイト (Live Demo)

以下のURLから、実際にアプリケーションをお試しいただけます!

➡️ Chienowaを試してみる


🖼️ スクリーンショット (Screenshot)

Chienowa Screenshot


🌟 プロジェクト概要 (About this Project)

コンセプト

『Chienowa』は、散在しがちな個人やチームの知識・情報を一元管理し、その価値を最大化することを目指す、まさに”ちえ”の”輪”を創造するサービスです。AIによるレコメMンド機能が、思わぬ知識の発見やアイデアの結合を促し、あなたの知的生産性を飛躍的に向上させます。

プロダクトのポジショニング

要素 内容
❶ 課題 (Problem) 個人やチームが持つ知識や情報がサイロ化し、有効活用されずに埋もれてしまう。
❷ ターゲット (Target) 知識やナレッジを効率的に収集・整理し、個人やチームで活用したいと考えているすべての人々。
❸ プロダクト (Product) Chienowa(チエノワ):集合知型ナレッジベースサービス
❹ 提供価値 (Value) 誰でも簡単に知識を蓄積・共有でき、AIレコメンドによって新しいアイデアや知見の発見を促進する。
❺ 既存代替手段 (Alternative) 既存のWikiツール、一般的なブックマーク管理サービス
❻ 差別化要因 (Differentiation) AIによるインテリジェントなレコメンド機能。使えば使うほどナレッジ間の繋がりが強化され、価値が高まる。

✨ 主な機能 (Features)

  • 📚 トピック管理

    • 学習したいことや管理したい知識を「トピック」として作成・編集・削除できます。
    • 絵文字を設定して、視覚的に分かりやすく管理できます。
  • 🔖 ブックマーク管理

    • トピックに関連するWebページのURLと説明を保存できます。
    • 気になるページをどんどん追加し、自分だけのナレッジを構築できます。
  • 🤖 AIによるレコメンド

    • 登録したブックマークの内容をAIが解析し、関連性の高い新たなWebページを自動で推薦します。
    • 予期せぬ情報の発見が、あなたの知識の幅を広げます。
  • 🖱️ 直感的なUI/UX

    • ドラッグ&ドロップによるトピックやブックマークの並び替えなど、ストレスフリーな操作性を実現しています。
    • shadcn/ui を活用した、モダンで洗練されたデザイン。

🛠️ 使用技術 (Tech Stack)

本プロジェクトは、以下の技術スタックで構築されています。

カテゴリ 技術・サービス
フロントエンド React, Next.js, TypeScript
スタイリング Tailwind CSS
UIコンポーネント shadcn/ui, dnd-kit
バックエンド/DB Prisma (ORM)
外部API Exa API (AI Search)
インフラ Vercel

📖 ユーザーストーリー (User Stories)

  1. トピックの作成: ユーザーはサイトにアクセスし、絵文字・タイトル・説明を入力して新しいトピックを作成する。作成されたトピックは一覧に即座に反映される。
  2. ブックマークの追加: 特定のトピックを選択し、関連するWebページのURLと説明を入力してブックマークを追加する。
  3. ナレッジの閲覧: トピックを選択すると、関連付けられたブックマークが一覧で表示され、いつでも知識を確認できる。
  4. 情報の整理: 作成したトピックやブックマークは、いつでも編集・削除が可能。
  5. 新たな発見: AIレコメンド機能により、既存のブックマークに関連した未知の優良なWebページと出会うことができる。
  6. DB管理: 開発者は Prisma Studio を用いて、データベースの内容をGUIで直感的に確認・操作できる。
About
0
GitHubView Demo

ログインせずに、リアクションできます;)

👀 0
✅ 0
🫐 0
👍 0
❤️‍🔥 1