の作業記録
pinBoardを作る月曜日
- 作業記録の共有
- Textbox+pinBoard実装
- メルマガツイート
- メルマガ+ファイル準備
- トンネルChannel+アウトラインの指向性
- メルマガ+main
- R-style+ブログとは別の仕方で
- ブックカタリスト+053回の下書き
- Textbox+pinBoard用ページ調整
7:00
おはようございます。本日は昨日作っていた、pinBoard機能を仕上げます。
Textbox:
ためしに作ってみたところ、なかなか良い感触なので、pinBoard機能を使えるレベルにまで仕上げてみます。
- sidebarの背景色→そもそも読み込んだページの背景が表示されるので気にしても仕方がない
- sidebarに読み込むページを変えるロジック
- dropして要素を生成した後、それをdraggbleにする
- dropした要素のlinkbtnを機能させる
- textContentではなくinnerHTMLにしたらどうなるか
- modalパネルからカードを生成できるようにする
＊ ＊ ＊
現在はsiderbarはprojectだけを表示させている。これを変えたい。
すべてのページを対象とする必要はない。せいぜい
- 本
- イベント
- 細かいタスク
- アイデア（一行、カード）
でいい。今後爆発的に増やすことも考えにくい。
あらかじめ選択肢を容易しておくのと、自分でページ名を入力して呼び出す方法があるが、前者でもよいのではないか。
前者ならセレクトボックス、後者ならテキストボックスを設置することになるだろう。検索ボックスと同じものを設置すれば事足りる。
上部の検索バーからの操作でサイドバーの表示を変える、という選択肢は一応残っているか。shift + enterでサイドバーを変える、という風に。
セレクトボックスを置く場合は、それをどこに置くのか、というのが問題になる。上部に設置するのか、それとも。
現在はnavbarのピッタリ下にくるようにsidebarを設置しているが、セレクトボックスなどを配置する分を少し上に重ねてもいいかもしれない。
＊ ＊ ＊
とりあえずselectボックスを設置して、その中身によってsiderで呼び出すページを変えるようにしました。
＊ ＊ ＊
boardのページで定義していた付箋を動かすための関数をindexに設置して、どのページからでも呼び出せるようにしました。これでdropした要素にその関数を適用できます（以前は一時的な関数の実行だったので、初期読み込みが終わった後では利用できなかった）。
＊ ＊ ＊
現在commad + mで、カード型のモーダルが開く。ここに入力したら、現在表示さているボードに追記するようにしたい。
＊ ＊ ＊
瞬時にできました。で、一つの入力をしたらモーダルが消えるのか、それとも連続入力を可能にするのかの二択があります。
新しい付箋を画面のどこに設置するのか。モーダルを移動できるようにするか。
＊ ＊ ＊
- 付箋の削除
- 付箋テキストの編集
編集が少し面倒。htmlがあるから。一般的にはダブルクリックなどをして、inputを表示させるという感じだろうか。
付箋要素をダブルクリックしたら、その真上にinputを表示する。その入力内容を受けて、中身を書き換える。
＊ ＊ ＊
だいたいできました。付箋側のUIはだいたいOKです。
あとは、サイドバーに表示するようのページデザインです。先ほど上げた要素をli要素で列挙すればOKとなります。
いったん休憩して別の作業をしましょう。
9:00
メルマガ:
ファイルの準備をしておきます。合わせて今週何を書くのかの検討を。
＊ ＊ ＊
何を書くのかの検討をする際に、Textboxの「次のメルマガ連載で書くこと」を自然と開くことが増えてきました。よい傾向です。何かを思いついたらここに書き、考えるときにここを開く。そういう循環が出来れば「ネタ帳」はうまく使えるようになっていきます。
トンネルChannel:
10:00
Textbox:
sidebarで表示するようのページ作りについて。
projectはたまたまul/liの単純なページになっていたが、その他のページはそうなっていない。スケジュールのページは一応そうなっているか。あとHottextはそうなっている。
しかし、bookとアイデア台帳はul/li形式になっていない。これをどうするか。
一つの案は、ul/li用にページを再構成すること。もう一つの案は、もともとのページとは別にul/li用のページを作ること。でもって、現状のh3と本文で構成されているページを、何らかの手段でul/li形式に変換することがある。三つ目はかなり大掛かりになりそう。
bookは、読書日記のページがあり、そのタイトル部分だけをドラッグ可能にしてもいい。
読書日記のページはよいが、感想などの部分はわりと邪魔である。画像とタイトルだけが欲しい。ここでは特定のtextコンテンツは表示させない、としてもいい。
＊ ＊ ＊
読書日記は、漫画なども多数あり、知的生産の用途に関してはノイズが多いように感じられる。だとすれば、別途用意するか、あるいはライトノベルなどを除外するか。あるいはそういうことができる抽出機能を付けて、そこでデフォルトではライトノベルと漫画は除くようにしておく？
12:00
Textbox:
まずは、こういうのだったらいいな、というモデルページを作ってみましょう。
＊ ＊ ＊
イメージしているのはこういう感じ。
表紙画像はどうするか。
＊ ＊ ＊
こういう形式になると、今度は絞り込みがやっぱりやりたくなりますね。どうやるか。
15:00
Textbox:
検索で絞り込めるようにしました。
17:00
Textbox:
読み込まれるのが見出し+本文のようなファイルだったらどうするか。ごく単純に見出しは一階層目、次の本文は二階層目としてulを構成する、ということはできなくはない。