できたもの
機能
- カレンダー画像を背景にXY座標でピン立て
- 空き・予約済み・公開済みのピン色分け
- 予約のキャンセル
- 当日朝8時にURL自動公開(0時でよかった何故8時にしたのかわからん)
- コメント機能
経緯
アドベントカレンダー好きです。
Qiitaのようなジャンルを技術に絞るでもなく、Adventarほど公開されない、個人利用で自由なものが欲しいと思って実装してみた。
GWSユーザーならCoreライセンスが割り当てられているので社内で使うに良さそう。
日付のカレンダービュー表示でもよかったんだけど視覚的に面白そうなのでXYで画像マッピングを採用
構成
ソースはスプレッドシート
毎年使えたらと思って日付に年(YYYY)を持ちたくなかったのでDateはTEXT型 美しくない気もする…
[Done]が公開済みかどうかのステータスになっている。
XY型
背景画像はGCSに置き、XY型の設定Background image for the XY coordinatesに使用することで画像にピン立てが可能
画像への直リンクが必要なのでDriveに置いた画像は使えない。注意
画面
冒頭のカレンダー表示とあわせて、一覧画面も用意した。
スマートフォンだと画像が大きいかもしれないので一覧が優しいかも
ピンのFormat rules
募集中・公開前(予約済み)・公開済([Done]=True)で3色に分けられた。
マップピンはサイズが変えられないのが不便 もっと大きくしたい。communityでも要望スレッド立っていた。
コメント機能
せっかくなので何らかのリアクションをつけられたらと思い追加実装。
コメント_Inlineはカードビュー(Large)を使って分離して表示。カードビューは使いやすい
[Date]をTEXT_ICON()でアイコン画像にすることでちょっとかわいいワンポイントに使える。
(余談)コメントではなく、いいね機能でワンクリックの簡易リアクションでもよかったかもしれない
自動公開
Automationで当日に[Done]をTrueに更新することでURLが公開されるようにした
西暦を持ちたくなくて[Date]が日付型でないのであまりFilter Conditionが綺麗じゃない感想…
Time zoneはTokyoにすること。
その他
おわり
XYでの画像マッピング楽しい。
汎用的なカレンダーではないけど、スタンプカードとか可能性が見えた気がする。