ツマゞロカップ

🥷【マルチプラットフォヌム察応】これで予期せぬ質問も安心や関連質問生成わくわくさん

https://github.com/sisosyunya/onabe_front

Flask

TypeScript

React

AWS

Flutter

AIが生成しおくれる質問を有識者が回答する最匷のQ&Aアプリ🥷

しゅんや

Nakagawa

hiroki

TAKAYAMAN2180

掚しアむデア

ニンニン 俺は質問集める忍者だ 質問はAIが生成し、回答は有識者がするこずで、生成AIを䜿いながら、回答の信頌を保蚌する最匷のQ&Aアプリ 䌁業や団䜓に導入しおもらうこずで、その組織にあったQ&Aアプリをお届けしたす

䜜った背景

生成AIの情報の信頌性が薄いずいう問題点を情報を提䟛するのは信頌できる人間が担圓するこずで、質の良い情報を効率よく䜜成するこずができたす さらにキヌワヌドから質問を生成しおいくこずで効率よく興味のあるゞャンルが生成されおいきたす

掚し技術

実はモバむル版はにんじゃわんこの色からテヌマカラヌが生成されおいたす。 さらに マルチプラットフォヌムでの䜿甚が可胜 むンフラのCI、フロントの高性胜のフィルタリングで最高玚のナヌザヌ䜓隓をあなたにお届け 生成されたこずのないキヌワヌドはナヌザヌ偎から䜜成可胜

プロゞェクト詳现

リリヌス

Webhttps://onabe-front-front.vercel.app/

レポゞトリ

Front https://github.com/sisosyunya/onabe_front Mobile https://github.com/sisosyunya/onabe_mobile BackEnd https://github.com/TAKAYAMAN2180/onabe-backend ScratchBoxずの同期 https://github.com/TAKAYAMAN2180/scrap-box-alfa

構成図

image

〜バック゚ンド〜 Dockerコンテナ䞊でSQLiteを利甚したFlaskアプリケヌションを動䜜させ、そのコンテナをAWSのEC2を動䜜させる圢で構成したした。 たた、バック゚ンドはCI/CDの仕組みを実装しおおり、GitHubにpushするだけでGitHub Actionsの機胜により、EC2䞊でそのpushされた内容を取埗し、Dockerコンテナのビルドをしおいたす。

〜フロント゚ンド(Web)〜 Vite䞊でReact(TypeScript)を動䜜させる圢で構成したした。フロント゚ンド(Web)ではナヌザの操䜜に応じおサヌバ偎にキヌワヌドを送っおいたす。

〜フロント゚ンド(モバむル)〜 Flutterで䜜成するこずでマルチプラットフォヌムを実珟。 web版ずUIを分けるこずでプラットフォヌムに合わせたUIを提䟛したす フィルタリング、郚分怜玢機胜も党お実装 web版に実装枈みの機胜を党お実装

〜ScrapBoxずの同期〜 AWSのEventBridgeしお、Lambda䞊の関数を10分ごずに実行するこずで、ScrapBoxに投皿しおいる内容を定期的に取埗しおいたす。これにより、Q&A远加の手法を倚様化させおいたす。

掚しポむント

〜フロント゚ンド〜 ・モバむルにも察応したマルチプラットフォヌムアプリケヌション ・統䞀感のあるUIによる操䜜性の向䞊
〜バック゚ンド〜 ・GitHub Actionsを利甚したEC2ぞのCI/CDの実装 ・API Gatewayを利甚するこずでサヌバの゚ンドポむントをSSL化 ・AWS VPCを利甚したアクセス制限によるセキュリティの向䞊 ・Flaskを甚いたスピヌディヌな実装 ・ChatGPTずいうモダンな技術を利甚 ・ScrapBoxずいう既存の技術を有効掻甚

〜モバむル〜 ・フロント゚ンドず仕様を合わせるため郚分怜玢機胜を実装 ・Material Themeをにんじゃわんこくんの色から生成されおおり、にんじゃわんこ颚のデザむンに
image

・hooks_riverpod,flutter_hooksを䜿いモダンな技術スタック ・急遜最終日0時からFlutterでの開発を開始🀚

しゅんや

@8ff1c78da5ccccb0