「メモが自然にタスクになる」シンプルなメモ帳アプリを作りました

こんにちは。今回、思考を邪魔しない新しいメモ&タスク管理アプリ「メモ帳」を公開しました。

→ アプリはこちら:メモ帳 – シンプルなノート管理アプリ

はじめに:なぜこのアプリを作ったのか

タスク管理アプリを使っていて、こんな経験はありませんか?

  • タスクを登録する作業自体が面倒になって続かない
  • メモを書くだけで満足してしまい、実行に移せない
  • やったことの記録が残らず、達成感が得られない

私自身、タスク管理アプリを何度も試しては挫折してきました。最初は丁寧に登録するのですが、次第に「タスクを管理する作業」に疲れてしまうんですよね。

一方で、メモアプリはシンプルで使いやすいのですが、終わったタスクを消してしまうとログが積み上がらず、「今日は何をやったんだっけ?」と振り返れないという問題がありました。

そこで、「まずメモとして自由に書き、必要な時だけタスク化できる」 という中間的なアプリを作ってみました。

基本コンセプト:まずメモ、必要な時だけタスク化

このアプリの特徴は、メモとタスクの境界を曖昧にしたことです。

通常のタスク管理アプリは「最初からタスクとして登録する」必要がありますが、このアプリでは:

  1. まず自由にメモを書く(思考の整理、アイデア出し、何でもOK)
  2. やることに変わったら、左のガターをタップして「▶」マークを付ける
  3. 完了したら「✓」マークに変えて、右上の✓ボタンで記録

という流れで、思考の流れを止めずに管理できる設計になっています。

メモの一部だけをタスク化することもできるので、「ブレインストーミングしながら、重要な項目だけマークする」といった使い方が可能です。

主な機能

1. シンプルなメモ帳機能

まずは普通のメモ帳として使えます。思いついたこと、やりたいこと、何でも書き込めます。

複数のメモ帳を作成できるので、「仕事用」「プライベート用」「プロジェクトごと」など、用途別に分けて管理することも可能です。

2. ガタークリックで状態管理

左側の細い列(ガター)をタップすることで、各行の状態を切り替えられます。

  • 何もなし → タップ → ▶(通常タスク) → タップ → ✓(完了) → タップ → 何もなし

この繰り返しで、いつでも状態を変更できます。メモを書いている途中でも、あとから「これやろう」と思ったらすぐにマークできるのがポイントです。

また、-- で始まる行は管理対象外となり、区切りやメモとして使えます。

3. 🔁 繰り返しタスク(固定メモ)

毎日・毎週のルーティンタスクに便利な固定メモ機能があります。

固定メモは:

  • オレンジ色で表示され、常に一覧の最上部に表示
  • 完了してもテキストが消えない(✓マークだけリセット)
  • 削除・並び替え不可(誤操作防止)

例えば「毎朝の習慣チェックリスト」を固定メモに登録しておけば:

  1. 朝、タスクに✓を付けていく
  2. 全部終わったら「✓」ボタンで完了ログに記録
  3. 翌日、また同じリストが使える

というように、繰り返し使えるタスクリストとして活用できます。

4. 完了ログ&CSVエクスポート

完了したタスクは自動的に「完了ログ」に記録されます。

ログには:

  • 完了日時が自動記録される
  • タップで詳細を表示できる
  • 「復帰」ボタンで元のメモ帳に戻すこともできる

さらに、完了ログは:

  • テキスト形式でコピー(Markdown形式)
  • CSV形式でダウンロード(Excelで開ける)

という2つの方法でエクスポートできます。

CSV出力では「完了日時」「カテゴリ」「内容」が自動的に分割されるので、後から集計や分析がしやすくなっています。

5. 完全オフライン動作(PWA対応)

このアプリは完全にローカルで動作します。

  • サーバーとの通信なし
  • ネット接続不要
  • データはあなたの端末だけに保存

PWA(Progressive Web App)対応なので、スマホのホーム画面に追加すれば、まるでネイティブアプリのように使えます。

iPhone Safari での追加方法:

  1. Safariでアプリを開く
  2. 画面下部の「共有」ボタンをタップ
  3. 「ホーム画面に追加」を選択

Android Chrome での追加方法:

  1. Chromeでアプリを開く
  2. メニューから「ホーム画面に追加」を選択

オフラインで動くので、電車の中でも、飛行機の中でも、いつでも使えます。

技術的なポイント

開発者の方向けに、技術的な工夫をいくつか紹介します。

不可視トークンでブロック管理

テキスト編集中も各ブロック(タスク)の状態を保持するため、ゼロ幅スペース(U+200B)を使った不可視トークンを各ブロックの先頭に埋め込んでいます。

\u200B[block-id:state]\u200B テキスト本文

このトークンは:

  • ユーザーには見えない
  • テキスト編集に追従する
  • 同じ文字列が複数あっても一意に識別できる

という特徴があり、シンプルなテキストエリアでも高度な状態管理を実現しています。

ローカルストレージ完結

データはすべてlocalStorageに保存されます。JSON形式なので、設定画面からエクスポート・インポートが可能です。

別端末へのデータ移行も、JSONファイルをダウンロード→インポートするだけで完了します。

スマホ最適化

スマホでの使いやすさを重視して:

  • 長押しドラッグでメモ帳の並び替え
  • 左スワイプで削除
  • タップ操作に最適化したUI
  • セーフエリア対応(iPhone の画面端まで使える)

などの工夫を施しています。

こんな人におすすめ

このアプリは、以下のような方に特におすすめです:

  • タスク管理ツールが続かない人 → メモから始められるので気軽
  • まず思考を書き出したい人 → 自由に書いてから整理できる
  • ルーティンタスクを管理したい人 → 固定メモ機能で毎日使える
  • 完了の記録を残したい人 → 自動でログが積み上がる
  • オフラインで使いたい人 → ネット不要、完全ローカル
  • データを自分で管理したい人 → サーバーに送信されない

おわりに

「メモ帳」は、思考を邪魔せず、必要な時だけタスク管理できるをコンセプトに作りました。

タスク管理アプリほどガチガチではなく、メモアプリほど緩すぎない、ちょうど良い中間地点を目指しています。

完全無料で使えますので、ぜひ一度試してみてください。

メモ帳 – シンプルなノート管理アプリ

フィードバックや要望などありましたら、お気軽にお知らせください!

ツール集
シェアする
猫道をフォローする
この記事を書いた人
猫道

異業種からの転職を経て、システムエンジニアとして7年以上働いてきました。PowerShellを使いながら、プログラミングの魅力を共有したいと思っています。

猫道をフォローする

コメント

タイトルとURLをコピーしました