10/26 HP開設しました。情報交換したいのでコメントお待ちしてますw

【APLI】タスクメモ –

目次

🌿 家族で使える共有メモアプリ

📒 Local Memo(家族向け共有メモアプリ)
目的:家族間の予定や買い物を簡単に共有
使用技術:PHP / MySQL / JavaScript
成果:操作ステップを3→2へ短縮。
ポイント:シンプルUIとスマホ操作性の両立

\ ブラウザで開くにはコチ /

※サーバーの都合もあり、10チーム限定

PWAアプリのインストール方法は \ コチ /

🏠 家族のためのタスクメモ帳

「タスクメモ帳」は、家族間の共有や連絡をスムーズにするために作られたWebアプリです。
介護の予定、買い物、法事の段取りなど、家族での情報共有をスマホひとつで簡単に。


💡 開発コンセプト

前回開発した「TeamLog」は、小規模な会社運営を想定して設計しました。
今回は「デジタルが苦手な人でも使える、家族のためのメモアプリ」をテーマに設計を一新。
高齢者でも使えるように、画面構成・操作性・安全性を丁寧に作り込みました。
ID設定も厳しくせず、テーブル設定者が作成してID,パスワードを入力するだけで使える。

かつ外部からは見れないように、誰がグループに入っているかがすぐわかる。削除も可能。

AIを用いてのアプリ作成で、前回CodeX,Copilotといろいろ試しましたが、最終的にChatGPT主体で設計~実装まで一貫して進めるが現時点での最適解だと考えました。
今回は再現性確認の為、最終的に実装まで出来るかを検証。⇒成功。次のアプリ開発での課題や方向性が見えてきました。

機能はAI・感性は自分 このスタイルを磨く(過程でバックエンドも学んでいく)
『バックエンド』 :ChatGPTと一緒に作成。セキュリテイレベルは最新のトレンド。
『フロントエンド』:印象、体感はここで決まる。CSS,javascriptは自分で出来るように
次回の課題はCSS、javascriptをAIに聞きながら自分でコーデイング。

※Figmaという素晴らしいサービスがあるみたいなので使ってみます。




🔐 安全な家族共有の仕組み

  • 家族テーブルを作成した人が、ID・パスワードを発行可能
    → 家族全員が簡単に参加できます。
  • 招待コードがないと他のテーブルは閲覧不可
    → プライバシーをしっかり保護します。
  • セキュリティ設計
    • XSS対策
    • CSRFトークンによる安全通信
    • 不正アクセスを防ぐ堅牢なログイン機構

🧭 想定シーン

  • 👵 介護の予定やお薬の記録を家族で共有
  • 🛒 買い物リストをリアルタイムで更新
  • 🙏 法事や行事のスケジュールを共有
  • 💬 連絡メモとして日常的に使用
  • ✅ 「頼んだことが終わったか」を一目で確認できるタスク共有に

🧩 新機能 頼みごとの見える化

従来のSNSやチャットでは、「頼むこと」はできても、「頼んだことが終わったのか?」を確認する手段がありませんでした。

スクロールして履歴を探したり、本人に再確認したり──そんな小さなコミュニケーションストレスを減らすために生まれたのが、
新機能「タスクメモ」です。

家族の誰が、どんな用事を、いつ完了したかがひと目でわかる。確認の手間をなくし、心に余裕を生む“気配り設計”のメモ機能です。


⚙️ システム構成と制限

  • サーバー容量の都合上、最大10チーム(家族)までのテーブル作成に対応
  • シンプルな構造のため、軽量で動作が早く、どのスマホでも快適に。
  • データベースにはMySQLを使用し、各家庭のメモデータは安全に保存されます。

📱 デザインと使いやすさ

  • スマホでも見やすいレスポンシブデザイン
  • 柔らかいパステルカラーを基調にしたUI
  • 家族みんなで使える親しみやすい画面構成

🔧 開発技術

技術項目使用内容
言語HTML / CSS / JavaScript / PHP / MySQL
セキュリティXSS対策 / CSRFトークン実装
デザインレスポンシブ対応(スマホ基準)
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次