micomia

Our Works

開発実績

医学部ファイル管理アプリ メディカルサークル
オーダーメイド

医学部ファイル管理アプリ メディカルサークル

FlutterFirebaseReact

概要

医学部生向けノート・ファイル共有アプリ メディカルサークル:

医学部生が日々のノートや講義資料を整理・共有できるモバイルアプリ「メディカルサークル」を開発しました。
ファイルを管理でき、同じ大学・科目を学ぶ学生同士で資料を共有・検索できる体験ができるアプリです。
時間割と連動した「今日の授業」セクションから、写真を撮ってタイトルを付けるだけでノートが整理される整理のしやすい操作感を重視して設計しました。

iOS / Android の両プラットフォームに対応し、FlutterとFirebase をフル活用したサーバーレス構成で仕上げています。



明快なサービス導入画面

アプリの特徴を3画面でまとめました。
オンボーディング画面と呼ばれるアプリの特徴を説明する画面を設けることでダウンロード後の会員登録せずに離脱してしまう可能性をできる限り低くしています。
このアプリを使うメリットをユーザーに理解してもらい納得感をもって会員登録していただくための仕組みです。



シンプルでわかりやすいUI

時間割やノートなど情報が散乱しがちですが、メディカルサークルでは情報が増えてもごちゃごちゃしないことを核にノートの記録のしやすさと情報の整理されている気持ちよさの両立を目指して設計を行いました。



変更も容易なmicomiaのデザイン

マイページと呼ばれるユーザー情報の閲覧や編集、各種手続きができる画面ではアプリの世界観が及ばず事務的になりがちなアプリも多いです。

今回micomiaではマイページまでスタイリッシュでシンプルなUIを心掛け、ユーザーのやりたいことが最短できるための設計を行いました。


プロダクト情報

クライアント:西村 様(個人)

iOSはこちら

Androidはこちら


クレジット

プロジェクトマネージャー:畑井皓介

UI/UX 設計:畑井、宮城

開発:宮城

品質保証:森本


課題・取り組み

医学部という特殊な市場では、「ニッチで利用人口が限られる一方、扱う情報は機微度が高い」というやりがいの大きい難しさがありました。


他大学・他学年のノートを横断的に検索したい一方で、表記ゆれの多い科目名など、データ設計には独特の難しさがあります。
また、ファイル共有である以上、通報・ブロック・コンテンツ非表示・著作権チェックといった「安心の仕組み」が前提となり、機能の華やかさより、運用に耐える地味な土台作りが多くを占めるプロジェクトでもありました。

micomia では、Firestore のフラットなデータモデルとクライアントフィルタを組み合わせて柔軟な検索を実現し、Cloud Functions でリアルタイム通知をブロックや送信者除外まで考慮して発火させる、といった一通りの設計をワンセットで構築しました。
さらに、ブランドカラーやプラン名を 1 ファイルに集約することで、リリース直前の改名にも数行の修正だけで耐えられる体制を作りました。
「医学部生が毎日のリズムに組み込めるアプリ」をゴールに、UI/UX と運用設計の両輪で仕上げた事例です。

関連記事

Flutter × Firebase × Riverpod で医学部生向けノートアプリを作る|メディカルサークルの技術スタック
開発Tips

Flutter × Firebase × Riverpod で医学部生向けノートアプリを作る|メディカルサークルの技術スタック

医学部生向けノート・ファイル共有アプリ「メディカルサークル」の技術選定。Flutter / Firebase / Riverpod / go_router / RevenueCat を採用した理由と、開発を効率化した設計判断を紹介します。

「大学 > 学年 > 科目」階層を Firestore でどう設計したか|メディカルサークルのデータモデル
開発Tips

「大学 > 学年 > 科目」階層を Firestore でどう設計したか|メディカルサークルのデータモデル

医学部生向けノートアプリ「メディカルサークル」の階層データ設計。サブコレクションではなくフラット構成を採用した理由、マスタ+自由入力のハイブリッド、表記ゆれや複合インデックスとの向き合い方を解説します。

最大50MBのPDF・画像・ZIPを安全に扱う|メディカルサークルのファイルアップロード設計
開発Tips

最大50MBのPDF・画像・ZIPを安全に扱う|メディカルサークルのファイルアップロード設計

医学部生向けノートアプリ「メディカルサークル」のアップロード機能。複数ファイル統合、進捗表示、プレビュー生成、Storage パス設計、二重バリデーション、アカウント削除時の一括クリーンアップまでを紹介します。

通報・ブロック・非表示で安心を設計する|メディカルサークルのコミュニティ機能
開発Tips

通報・ブロック・非表示で安心を設計する|メディカルサークルのコミュニティ機能

医学部生向けノートアプリ「メディカルサークル」のコミュニティ設計。通報・ブロック・コンテンツ非表示の3機能を別コレクションで分離し、ストリーム監視やセキュリティルールで安全性とパフォーマンスを両立した実装を紹介します。

RevenueCat でサブスクを Firestore と同期する|メディカルサークル Pro の課金実装
開発Tips

RevenueCat でサブスクを Firestore と同期する|メディカルサークル Pro の課金実装

医学部生向けノートアプリ「メディカルサークル」の有料プラン実装。RevenueCat の Entitlement Identifier の落とし穴、Firestore との二重反映、一元化された課金プロバイダ、購入の復元の検証フローまで解説します。

Firestore + Cloud Functions でリアルタイム体験をつくる|メディカルサークルのチャット・通知設計
開発Tips

Firestore + Cloud Functions でリアルタイム体験をつくる|メディカルサークルのチャット・通知設計

医学部生向けノートアプリ「メディカルサークル」のリアルタイム機能。チャット・DM の差分監視、タイムラインの上限件数戦略、Cloud Functions による通知トリガー、Firestore コストを抑える実装方針を紹介します。

医療×学術の信頼感を作るデザインシステム|メディカルサークルのUI設計
開発Tips

医療×学術の信頼感を作るデザインシステム|メディカルサークルのUI設計

医学部生向けノートアプリ「メディカルサークル」のデザインシステム。余白・角丸・色数のルール化、メディカルブルーの配色、Noto Sans JP の段階設計、共通ウィジェットの先行構築、空状態・エラー UI の作り方を解説します。

ユーザーが迷わない画面体験と運営の管理画面|メディカルサークルのUI/UX②
開発Tips

ユーザーが迷わない画面体験と運営の管理画面|メディカルサークルのUI/UX②

医学部生向けノートアプリ「メディカルサークル」の画面 UX と管理画面設計。アップロード導線、ファイル種別の視認性、ゲスト→会員導線、退会フロー、ボトムナビと FAB の配置、React 製管理画面の俯瞰性を解説します。