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

StepStack(ステップスタック)は、毎日コツコツと積み重ねた努力や実績を視覚化し、日々の継続をモチベーションに変えるためのウェブベースのタスク管理・習慣トラッキングツールです。
日々の進捗を一望できる「横スクロールのカレンダーUI」を採用し、過去から今日、そして未来へのつながり(連続性)を意識したデザインになっています。
さらに、タスクを達成した瞬間には、画面いっぱいに紙吹雪が舞うリッチなアニメーションが発動!毎日の小さな一歩を、最大限の「達成感」で応援します。
2. 操作マニュアル(基本の使い方)
StepStackの基本的な操作方法を解説します。直感的なUIで、誰でもすぐに使い始めることができます。
アクセスと端末へのインストール
- ウェブアプリなので、ブラウザで
https://bpucservice.com/StepStack/
にアクセスします。 - 端末でアプリを開いた状態で、「ホーム画面に追加」(スマホの場合)したり、ショートカットを作成したりして、次回から簡単にアクセスできるようにします。
- 初回実行時には、ログイン画面が表示されるので、demoでログインして、お試し下さい。
📝 アカウントの作成とログイン
- ログイン画面の「新規登録」からアカウントを作成します。
- 登録した情報でログインします。セキュアな「自動ログイン(Remember Me)機能」を搭載しているため、ブラウザを閉じても次回からスムーズにアクセス可能です。
➕ タスクの追加
画面右下の「+ タスク追加」ボタンから、毎日の目標を設定します。
目的や習慣に合わせて、4つのタスクタイプから最適なものを選べます。
- 積み上げ型: 「腕立て50回」「読書30ページ」など、毎日の目標数値を定めて実績を累積していくタイプです。途中の日を飛ばさずにコツコツ記録するのに向いています。
- 離散型: 好きな日や特定の日にだけ記録をつけるタイプです。
- ⚪︎×型: 「サプリを飲む」「ゴミ出し」など、数値ではなく「やった/やってない」だけをシンプルに記録するタイプです。
- セクション(区切り線): タスクが増えてきたときに、見やすく整理するためのグループ分けの線です。
開始日や目標値(1日の目標量と単位)、備忘録としてのメモも一緒に登録できます。
🎯 記録のつけかた
日々の記録方法はとてもシンプルです。
- 日付が書かれたカレンダーのマス目をクリック(タップ)するだけ!
- 目標を達成すると、マス目に色がつき、鮮やかな紙吹雪アニメーションが弾けて祝福してくれます!この紙吹雪が快感!
※間違えて記録してしまった場合は、再度マス目をクリックすることで記録の取り消し(削除)が可能です。
🔄 タスクの並び替え・整理
- タスク名の左にある3個の点のアイコンをクリックして、「並べ替え」をクリック。
- 直感的な並び替え: 左側のタスク名エリアに表示される「≡」アイコンを掴んで上下にドラッグ&ドロップするだけで、好きな順番に並び替えることができます。スマホのタッチ操作にももちろん対応しています。
- タスクの編集: タスク名をクリックすると、詳細の確認や目標値の変更、タスク自体の編集が可能です。
📆 カレンダーの移動(横スクロール)
- 中央のマス目エリアは横スクロールに対応しています。
- スマホなら左右へスワイプ、PCならトラックパッドやスクロールで、過去の振り返りから未来の日付への移動がシームレスに行えます。上部の「<」「>」ボタンで月ごとの素早い切り替えもできます。
ぜひ毎日の習慣化や目標達成に向けて、StepStackをご活用ください!

コメント