開発中 / Chrome Extension

Glance

新規タブを、一日の見通しに変える。

時計、Googleカレンダー、Google Tasks、天気を一画面にまとめるChrome拡張機能です。ブラウザを開いた瞬間に、その日に必要な情報を確認できます。

種類
Chrome新規タブ拡張
できること
予定、ToDo、天気、時計の表示
公開状況
開発者モード向けに公開
時計、カレンダー、予定、天気を表示したGlanceのダッシュボード

新規タブのダッシュボード

今日の情報を、別々の場所へ見に行きたくなかった。

予定はカレンダー、タスクはToDo、天気は天気予報と確認先が分かれていました。 日に何度も開く新規タブにまとめれば確認するための操作そのものを減らせると考え、開発しました。

これまで

  1. カレンダーで予定を見る
  2. ToDoアプリで残りのタスクを見る
  3. 天気予報を開いて外出時間を考える

Glanceなら

  1. Chromeで新規タブを開く
  2. 予定、タスク、天気を一画面で確認する
  3. 必要な作業へそのまま移る

一日を見渡すための情報を、一画面へ。

01

時計

デジタルとアナログ、それぞれ5種類のデザインから選べます。

02

月間カレンダー

Google Calendarと連携し、予定のある日をマーカーで示します。

03

日間スケジュール

その日の予定を時間順のタイムラインで表示します。

04

ToDoリスト

Google Tasksと連携し、残っているタスクを確認できます。

05

5日間の天気

OpenWeatherMapから、設定画面で選んだ都市の予報を取得して表示します。

06

背景の変更

画像や配色を設定し、新規タブの見た目を調整できます。

推しスケの予定も、Googleカレンダー経由で表示する。

推しスケ GAS版でスケジュール画像を解析し、Googleカレンダーへ同期しておけば、Glanceの日間スケジュールにも配信予定が並びます。

  1. 予定画像を用意する公開された配信スケジュール画像をGoogle Driveへ置きます。
  2. 推しスケが解析するGASとGeminiで日時を読み取り、Googleカレンダーへ登録します。
  3. Glanceで見る新規タブを開くと、ほかの予定と一緒に配信予定を確認できます。

ブラウザだけで動く、個人用ダッシュボード。

フレームワークを使わず、Chrome Extension Manifest V3とVanilla JavaScriptで構成しています。Googleアカウント連携と天気APIは設定画面から行います。

Vanilla JavaScript
画面制御、時計、カレンダー、設定
Chrome Extension
Manifest V3で新規タブを置き換え
Google Calendar API
月間カレンダーと日間予定
Google Tasks API
ToDoリスト
OpenWeatherMap
5日間の天気予報

NEXT PROJECT

yp-signage

次の制作物を見る →