• 自社サービス
  • 業務システム
  • 教育

マナノビア(MANANOVIA)

努力が見える。続ける力が育つ。

マナノビアの生徒向け学習アプリと保護者レポート、教室ダッシュボードの画面イメージ

課題・依頼背景

中学生と高校生の学習開始から短い振り返り、努力の蓄積の可視化までを一つにつなぐ学習行動習慣化プラットフォームです。

生徒、保護者、教育機関、運営者に向けた55画面で、週次レポート、閉鎖型オンライン自習室、学習傾向の把握と面談支援までを提供します。

YouTube で動画を見る(別サイト)(別タブで開く)

実装した仕組み

マナノビア(MANANOVIA)の主な機能は次のとおりです。

学習開始から成長確認まで

今日の目標と週間進捗、成長レポートを表示する生徒向けホーム画面

ホームでは今日の目標、最近使った学習内容、週間進捗を確認し、そのまま学習を始められます。学習中は経過時間と目標に集中し、成長レポートで合計時間、学習日、科目の偏り、日ごとの推移を振り返れます。

学習セッションと10秒振り返り

学習タイマーと終了時の集中度、理解度を記録する振り返り画面

学習内容と今回の目標を選び、選んだ内容で学習セッションを始められます。終了時は目標の進み具合、集中度、理解度を選び、学習の手応えを10秒で記録します。

履歴、目標、バッジ

過去の学習記録と目標の進捗、獲得したバッジを表示する画面

過去の学習記録を日付順に振り返り、今日と今週の目標に対する進み具合を確認できます。レベル、継続、獲得したバッジ、今週のクエストを通じて、自分の積み上げを可視化します。

仲間と取り組むオンライン自習室

在室人数と定型スタンプでの交流を表示するオンライン自習室画面

参加できる自習室と在室人数を確認し、仲間の存在を感じながら自分の学習を続けられます。室内では定型スタンプで交流し、通知一覧では未読のお知らせや保護者からの応援を確認できます。

保護者向け週次レポート

週間合計時間と科目別内訳、応援送信を表示する保護者向け週次レポート画面

対象週の合計時間、学習した日、科目別内訳、目標達成、継続、前週からの変化をまとめます。科目別内訳はグラフと表で確認でき、共有範囲で許可された内容をもとに応援を送れます。

支援候補が分かる教室ダッシュボード

支援候補の生徒一覧と学習時間の推移、クラス別実行率を表示する教室ダッシュボード画面

学習停止傾向、未対応の支援候補、未対応の通報を優先して表示し、次に支援する生徒を見つけられます。支援候補の一覧に加え、学習時間の推移とクラス別実行率も確認できます。

生徒別の学習傾向

生徒別の週間学習量、実行率、科目別内訳を表示する学習傾向画面

共有を許可された範囲で、生徒一人ひとりの週間学習量、実行率、科目別内訳を確認できます。目標線と実績線を使った学習時間の推移から、面談や声かけの材料を得られます。

面談レポートとPDF出力

面談用の集計プレビューとPDF出力を行う面談レポート画面

対象生徒、期間、掲載項目を選び、共有可能な学習時間、科目別内訳、目標達成などの集計をプレビューできます。内容を確認して面談用PDFを作成でき、出力操作は監査ログへ記録します。

通報対応と参加制限

通報の詳細と対応の記録、参加制限中の生徒と制限範囲、解除予定日を表示する画面

未対応の通報を開き、対象、理由、スタンプ送信履歴、在室記録を同じ画面で確認できます。対応内容の記録と参加制限を分け、参加制限時は対象、範囲、解除予定日を確認します。

サービス稼働監視

全体の稼働状況、同期と通知の失敗件数、未解決のインシデント、機能別の稼働状況を表示する画面

全体の稼働状況、同期と通知の失敗件数、機能別の状態を一画面で確認できます。未解決のインシデントと対応履歴への導線を備え、期間を切り替えて状況を追えます。

ポノテクの担当範囲

  • 企画
  • 設計
  • 開発

確認できた結果

生徒、保護者、教育機関、運営者の4つの利用者に向けた55画面を構築しました。

生徒向けに、1タップ学習タイマーと終了時振り返り、学習履歴、目標管理、成長レポート、XP、レベル、継続日数、バッジ、クエスト、閉鎖型オンライン自習室と定型スタンプを実装しました。

保護者向けに、保護者連携、週次レポート、応援送信画面を実装しました。

教育機関向けに、教室ダッシュボード、生徒別学習分析、面談レポートとPDF出力、通報対応、参加制限、監査ログ画面を実装しました。

運営者向けに、サービス稼働状況とインシデント管理の画面を実装しました。

技術要素

  • Next.js
  • OpenNext
  • Expo
  • React Native
  • React
  • TypeScript
  • Tailwind CSS
  • shadcn/ui
  • Hono
  • Neon
  • PostgreSQL
  • Cloudflare

まだ、作るものが決まっていなくても。

「この作業を減らしたい」「こんなサービスを形にしたい」。その段階からお聞かせください。現状と目的を整理し、実現方法と進め方を一緒に考えます。

無料相談する