駅の電光掲示板風タスク看板作った

駅のホームにある電光掲示板っぽい見た目のタスク表示アプリを作りました。

概要

上の画像のような感じで 日付や時間、タスクを一覧表示することができます。また、遅れが発生したときには遅れ~分 や 遅れ~時間、遅れ~日 のように遅れ時間をいい感じに表示します。

作るきっかけ

お正月にごろごろ Twitter を見ていたらわっきゃいさんのこのツイートが目に留まってめちゃくちゃいいなと思ったので作りました。

作成手順

  1. Vue.js で表示部分のアプリを作りました。
  2. Google Apps Script でスプレッドシートに記録されたタスクをjson形式で返すAPIを作成しました。
  3. 表示アプリからAPIにGetリクエストを投げれば完成です!!

感想

電車っぽい見た目でタスクが表示されるとモチベーションが上がった気がする…?

タスクの追加方法ががスプレッドシートに直接記入なので、いい感じに追加できるように改良したいと思った!

返信を残す

メールアドレスが公開されることはありません。