caLearndar

出発点は、自分が実際に使いたい学習記録アプリを作ることでした。何を勉強したかを残し、勉強した日をカレンダーで見て、科目ごとの積み重ねも確認したい。その一方で、複雑な学習管理に時間を使うアプリにはしたくありませんでした。

学習の予定と実績も、別々のサービスに分けずに扱いたいと考えました。自分で使いながら、日常に必要な操作と情報を少しずつ足し、調整してきています。

Firebaseを使った開発は2026年4月8日に始まりました。最初から現在の形だったわけではなく、実際に使う中で見つかった不便さを起点に、機能と構成を更新しています。

1. 2026.04

   記録を続けられる土台を作る

   Firebase AuthenticationとRealtime Databaseによる同期を導入。PWA化、目標、ダークモードも加わり、日常的に使える形へ進みました。

2. 2026.05–07

   端末や利用状況に合わせて整える

   Googleログイン、アクセシビリティ、PWAの安定性、データ読み込みを改善。大きくなったコードもJavaScriptとCSSに分け、テストを加えながら整理しました。

3. 2026.07

   予定と実績をつなぐ

   学習予定・タスク、繰り返し予定、未完了予定の繰越を追加。バージョン管理も導入し、変更の理由を残す運用を始めました。

4. 2026.08–

   caLearndarとして磨き直す

   StudyLogからcaLearndarへ名称とドメインを移行。カレンダー、統計、設定の情報階層を見直し、Wear OS向けの簡易画面も加えました。

開発履歴は、単に機能を増やした記録ではありません。使う → 問題を見つける → 直す、という往復を続けた過程です。

スマートフォンを中心に、PCでも自然に使えることを前提にしています。カレンダー、統計、設定で画面の考え方がばらつかないように、必要な情報の順序や操作の置き方を調整してきました。

最近の更新では、日付を個別のカードとして並べる表現から、罫線で区切られたひとつのカレンダー面へ変更しました。統計と設定も、影や大きなカードを重ねるより、数字・グラフ・項目の順序と罫線で読みやすくする方向へ整理しています。

キーボード操作、フォーカス、モーダル操作、端末ごとの表示も継続的に見直しています。アクセシビリティを後から追加するのではなく、普段の修正対象のひとつとして扱っています。

Frontend

HTML、CSS、JavaScriptで構成。外部ライブラリに頼らず、カレンダーや統計の表示を実装しています。

Data & authentication

Firebase AuthenticationとFirebase Realtime Databaseを使用。アカウントごとの学習データを保存し、複数端末で同期します。

PWA

Web App ManifestとService Workerを用意し、インストール、オフライン時のフォールバック、更新の検知に対応しています。

Hosting

Cloudflare Pagesで公開し、FunctionsはGoogleログイン時の認証フローを支える小さな中継層として使っています。

• カレンダーの学習記録時間・内容・科目を日ごとに残し、積み重ねを見渡せます。
• 学習予定と繰り返し予定やタスクを登録し、繰り返し予定と未完了分の繰越も扱えます。
• 目標と科目管理科目を整理し、週・月の目標時間を設定して進捗を確認できます。
• 統計と検索日・週・月・全期間の統計、科目別の内訳、記録検索で学習の傾向を振り返れます。
• データの持ち出し学習記録はCSV形式で出力できます。
• 端末に合わせた利用PWAとして使え、Wear OS向けには簡易操作とストップウォッチを用意しています。

CHANGELOGには新機能だけでなく、表示の小さな不具合、認証の安定性、データの読み込み、更新の届け方まで残しています。更新を続ける中で重視しているのは、次のような点です。

• カレンダー、統計、設定で情報の見え方を揃えること
• ログインや同期が端末・ブラウザの違いで止まりにくくすること
• データ読み込みと起動を少しでも軽くすること
• 更新後も、使い慣れた操作を不用意に崩さないこと

決め打ちのロードマップを置くより、日常的に使う中で見つかる課題を丁寧に直していきます。操作性、統計、データ管理、安定性、パフォーマンスを、必要に応じて少しずつ改善していく予定です。