モナホームのメイン画像

2025.04

モナホーム

同棲生活の予定・家計・家電操作をまとめて扱う自宅運用Webアプリ

Skills

モナホームは、同棲生活で発生する予定管理、家計管理、家電操作などをまとめて扱うために制作したWebアプリです。
市販アプリを複数組み合わせるのではなく、自分たちの生活に必要な機能だけを1つの画面から扱えるようにすることを目的に開発しました。

公開サービスではなく、自宅サーバ上で運用する個人利用向けのアプリです。

主な機能

  • レシート画像の登録と支払い記録の管理
  • Googleカレンダーと連携した予定登録
  • Google Sheets / Google Driveへのデータ保存
  • LINE Messaging APIを使った通知
  • 家電操作や生活情報を扱うための管理画面
  • PWAとしてスマートフォンから使いやすくするための導線

アプリ本体はNext.js、React、TypeScriptで構築し、UIにはTailwind CSSやshadcn/ui系のコンポーネントを使用しました。
生活データはGoogle Apps Script、Google Calendar、Google Sheets、Google Drive、LINEなどと連携し、日常の入力や通知がなるべく少ない手間で済むように設計しました。
運用面ではUbuntu上のDocker環境を整え、自宅サーバーにTraefikやWireGuardを使って自宅ネットワーク内で安全に利用できる構成にしています。

関連記事

設計やサーバ構築の詳細はブログにまとめています。

  1. 日常生活で便利なアプリを作る【設計編】
  2. 日常生活で便利なアプリを作る【サーバ編】
  3. 日常生活で便利なアプリを作る【コンテナ編】