毎日の努力を視覚化!成果積み上げ型タスク管理アプリ「StepStack」のご紹介

ブログ

1. StepStackとは?

ウォーキングや服薬、英語の勉強など、習慣化したいしたいけど、ついつい怠けてしまう悩みはありませんか?そういう怠け者の私が、自分のために制作したアプリです!

 StepStack(ステップスタック)は、毎日コツコツと積み重ねた努力や実績を視覚化し、日々の継続をモチベーションに変えるためのウェブベースのタスク管理・習慣トラッキングツールです。

日々の進捗を一望できる「横スクロールのカレンダーUI」を採用し、過去から今日、そして未来へのつながり(連続性)を意識したデザインになっています。
さらに、タスクを達成した瞬間には、画面いっぱいに紙吹雪が舞うリッチなアニメーションが発動!毎日の小さな一歩を、最大限の「達成感」で応援します。


2. 操作マニュアル(基本の使い方)

StepStackの基本的な操作方法を解説します。直感的なUIで、誰でもすぐに使い始めることができます。

アクセスと端末へのインストール

  1. ウェブアプリなので、ブラウザで 
    https://bpucservice.com/StepStack/
    にアクセスします。
  2. 端末でアプリを開いた状態で、「ホーム画面に追加」(スマホの場合)したり、ショートカットを作成したりして、次回から簡単にアクセスできるようにします。
  3. 初回実行時には、ログイン画面が表示されるので、demoでログインして、お試し下さい。

📝 アカウントの作成とログイン

  1. ログイン画面の「新規登録」からアカウントを作成します。
  2. 登録した情報でログインします。セキュアな「自動ログイン(Remember Me)機能」を搭載しているため、ブラウザを閉じても次回からスムーズにアクセス可能です。

➕ タスクの追加

画面右下の「+ タスク追加」ボタンから、毎日の目標を設定します。
目的や習慣に合わせて、4つのタスクタイプから最適なものを選べます。

  • 積み上げ型: 「腕立て50回」「読書30ページ」など、毎日の目標数値を定めて実績を累積していくタイプです。途中の日を飛ばさずにコツコツ記録するのに向いています。
  • 離散型: 好きな日や特定の日にだけ記録をつけるタイプです。
  • ⚪︎×型: 「サプリを飲む」「ゴミ出し」など、数値ではなく「やった/やってない」だけをシンプルに記録するタイプです。
  • セクション(区切り線): タスクが増えてきたときに、見やすく整理するためのグループ分けの線です。

開始日や目標値(1日の目標量と単位)、備忘録としてのメモも一緒に登録できます。

🎯 記録のつけかた

日々の記録方法はとてもシンプルです。

  1. 日付が書かれたカレンダーのマス目をクリック(タップ)するだけ!
  2. 目標を達成すると、マス目に色がつき、鮮やかな紙吹雪アニメーションが弾けて祝福してくれます!この紙吹雪が快感!

※間違えて記録してしまった場合は、再度マス目をクリックすることで記録の取り消し(削除)が可能です。

🔄 タスクの並び替え・整理

  • タスク名の左にある3個の点のアイコンをクリックして、「並べ替え」をクリック。
  • 直感的な並び替え: 左側のタスク名エリアに表示される「≡」アイコンを掴んで上下にドラッグ&ドロップするだけで、好きな順番に並び替えることができます。スマホのタッチ操作にももちろん対応しています。
  • タスクの編集: タスク名をクリックすると、詳細の確認や目標値の変更、タスク自体の編集が可能です。

📆 カレンダーの移動(横スクロール)

  • 中央のマス目エリアは横スクロールに対応しています。
  • スマホなら左右へスワイプ、PCならトラックパッドやスクロールで、過去の振り返りから未来の日付への移動がシームレスに行えます。上部の「<」「>」ボタンで月ごとの素早い切り替えもできます。

ぜひ毎日の習慣化や目標達成に向けて、StepStackをご活用ください!

コメント

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