ゆっくりしたい日曜日

9:00

おはようございます。昨日の夜の配信番組へのゲスト出演で、とりあえずの仕事まわりのイベントはだいたい終わりました。ちょっとゆっくりしたいところです。

【出版記念!ゲスト夜会/倉下忠憲】シン・ノートの哲学〜『思考を耕すノートのつくり方』 | 工藤拓真の「商売の哲学」 | シラス

一応、Evernoteで上記のイベントページの記録を残しておきました。こういう小さいログも残していきたいところ。

来週のSTL確認:

では、来週の予定を確認しましょう。

* * *

だいたいOKです。ちょっとTextboxでの予定管理のやり方も再検討したいところです。落ち着いてきたのでそれも考えてみましょう。

10:00

Textbox:

現状、一週間の予定を表示させるものは素のHTML(マークダウン)を使っている。

Image from Gyazo

リスト形式で記述したものを、CSSをいじることで横並びのテーブルにしている。

一つのイメージはこれをJSONベースに移行して、自動的に新しい日付のデータを生成すること。

もう一つは、このビューを「折りに触れて見る」ようにすること。現状は、「dais-board」の2ページ目として表示されるのだが、どうしても閲覧頻度が低い。もうちょっとそれをなんとかしたい。

データをJSONに移すこと自体は難しいことではないし、そのJSONから「同じような」テーブルビューを作ることも手間はかかるが不可能ではない。ただ、単にそうして移行しただけでは使い勝手は上がらないだろうと想像する。

ビューの在り方そのものをラディカルに検討しなければならない。

* * *

以前「シャッター」という機能をつけた。ボタンを押すとページが降りてくるもの。それでカレンダー(というかウィークリー)を表示させる、という手はある。

シャッターページで、現在2ページと3ページ目になっている、ウィークリーとテーマを一緒に表示させたらいいのでは?

とりあえず、その方向性で検討しよう。

* * *

最終的なシャッターへの実装は最後でいいので、まずはJSONの生成と、そこからのビューの作成。

どんな感じでJSONを作るのか?

一年分のJSONを先に作っておくのか、それとも任意のボタンやコマンドなどからデータが毎回追加されていくのか。

あらかじめ作っておくスタイルだと、一週間分を表示させるときに「表示させるべき週はどこなのか」の判定が必要になる。逆に、毎回追加するならば、最新のデータ7日分を表示させればいい、とロジックが簡単になる。

差はそれくらいだろうか。

本のデータやメモのデータは、その度ごとに生成している。そりゃそうだ。しかし、デイリーは日付そのものはすでに確定的に存在している。だから先に作っておくことができるし、そうするとデータ生成のプロセスは一度だけで済む。

もちろん、「一年間のデータを作る」というプロセスを来年もできるようにルーチン化しておく必要はあるが、それ自体はたいしたことではないだろう〔本当に?)。

「2023年1月1日」のような引き数を与えたら、そのとしの日付をすべて生成する。うるう年を加味するか、あるいは一日足した日付が2024年になるまで、のような条件を加味したらいい。これはまあ問題ない。

そうやって一年分のJSONを作る。で、どうする?

一週間ごとのデータを表示して、「次の週」ボタンを推せば、データを次のセットに移動させる。そういう感じだろうか。

となると、表示しているインデックスを保持しておくか、その日の日付が表示させる週を判断するロジックが必要になる。

* * *

一週間単位で適宜作っていく場合、先の日付は表示できない。あるいは呼び出されたそのたびに作る、という手もないではない。

どうするか。

ウィークリービューで、先の予定を表示させることはほとんどないと思う。そういう機能はGoogleカレンダーで十分。

とは言え、別のデータで未来の日付を使うことはありえる(たとえば気になっている本の発売日など)。それと関連させるためには先の日付データもあった方がいい。

ただ、そこまで必要なのかはわからない。

13:00

Textbox:

まずは、jsonを作るところからやっていきましょうか。

IDの生成が特に必要ではないので、別途コードを書きましょう。

* * *

Image from Gyazo

まずはこういうJSONを作りました。

14:00

Textbox:

続けましょう。

このjsonをベースに一週間分のカレンダーを表示する機能を作ればまずは第一段階です。

* * *

データをfetchするところは書けましたが、365日分のデータが読み取られてしまいますね。

まあ、いいか。

カレンダーの描写は、その週の日曜日からスタートの方法と、その日から7日分の方法の二種類がありますが、どうしましょうか。

日曜日の場合は、表示しているその日をチェックして、日曜日でないなら一日引き算、を繰り替えすやり方があります。週番号を取得するやり方もあるかもしれません。

* * *

Image from Gyazo

とりあえず、今日の日付から一週間分を表示することにしました。もし日曜日固定ならば、今日の日付から最短の日曜日まで遡って同じことをすればOKです。

あとは、週表示の移動処理と、クリックして中身を編集する機能ですね。

* * *

クリックイベントの設定は終わり。

あとは、モーダルを準備して、それを表示し、その中身を変更して、Jsonに書き込むところまでできたらGoodです。ちょっと道のりは遠いですね。

* * *

中身を表示するモーダルのモックアップができました。保存はまだこれからですが、とりあえず中身の詳細は表示できます。

* * *

機能も書き足しました。デザインはまだまだですが、最低限の編集機能はOKです。