ゆっくりしたい日曜日
作業記録の共有 今週の振り返りと来週の確認 discord巡回 シゴタノ！ツイート ツイートの処理 8:00 おはようございます。本日は来週の予定を設定して、後はゆっくりしたいと思います。 publish:知的生産の技術書097~099『これからのエリック・ホッファーのために』『知的生活の設計』『考える生き方』 | シゴタノ！ 今週の振り返りと来週の確認 まず、先週の振り返りを読み返し、その後今週の振り返りを書きます。 ＊ ＊ ＊ ごく簡単に書くようにしました。まずは、そこからですね。 あとで読む:「イベント割 ムビチケ作品共通券」販売サイト あとで読む:治具 - Wikipedia ツイート処理: 昨日pickupしたツイート群を主題ノートに割り振りましょう。この作業も少し変えていきたいのですが、変更先のイメージがまだ固まりません。 ＊ ＊ ＊ 現状は以下のように主題ノートが並んでおり、+ボタンを押すことでモーダルのダイアログが立ち上がり、そこにテキストを貼りつけると、各主題ノートにペーストされるようになっています。 それぞれの+ボタンは、各主題ノートが生成するようになっていて、インテグレートページではそれらすべてのボタンが表示されるので、いちいち各主題ノートに「降りなくても」追加できるようになっています。カードボックスにカードを放り込むような、そんなイメージです。 コードを変えて、各種主題ノートはそのままにして、このインテグレートページにおいて「要素がDragされたら、そのテキストを対象のノートにappendする」のような機能に書き換えてもいいでしょう。おそらくそれぞれのページで+ボタンを生成するよりは処理が速くなると思います。 が、問題は、そもそもこの処理でよいのかどうか。あるいは、この処理の後に何かいれた方がいいのではないか、という論点です。 これについてもう少し考えてみましょう。
メルマガを仕上げる土曜日
作業記録の共有 Textbox+リファクタリング 一週間の振り返り メルマガ「はじめに」「おわりに」 メルマガ配信予約セット 7:00 おはようございます。本日はメルマガを仕上げます。あと、再び妻の病院の付き添いです。 Textbox: JavaScript経由で要素を増やしてそのHTMLをコピーすると、すべてが一行につながってしまっていて、マークダウンへの逆変換時に不具合を起こしていました。なので保存する前にHTMLを切断する処理を入れていたのですが、そもそも要素を増やすときに改行を入れておけばいいのではないかと思いつきました。 テキストノードを作り、中身を改行にする。でもってそれを追加する。 そうしておけば、あらゆる切断作業から開放されます。ちょっとやってみましょう。 ＊ ＊ ＊ うまくいきました。これで保存処理がかなりすっきりするはず。 8:00 一週間の振り返り: ツイートを読み返します。 ＊ ＊ ＊ publish:2022年12月17日までのツイートノート - Addless Letter ＊ ＊ ＊ メルマガ: 「はじめに」と「おわりに」を書きます。 ＊ ＊ ＊ 書けました。時間を置いてから全体を読み返します。 あとで読む:コーヒードリッパーを知らなかった四十代男が、火傷せずにコーヒーを淹れるまで | Books&Apps 10:00 病院の付き添い。 14:00 どうやら大したことはなかった模様。一安心です。 『ライフハックの道具箱』: 新しく頂いた画像を差し替える作業。 ＊ ＊ ＊ だいたいできました。 17:00 『ライフハックの道具箱』: プロローグを書きます。
シゴタノ！を書く金曜日
作業記録の共有 シゴタノ！+097,98,99（2000字の原稿） 『ライフハックの道具箱』+ボードの原稿 『ライフハックの道具箱』+プロローグの原稿 TH BCB PT 7:00 おはようございます。本日はシゴタノ！です。午後からは心療内科に。 あとで読む:[css] textareaタグをノート風にする方法-MYNT blog あとで読む:エクスポートとインポート これを使えば同種のページで使うスクリプトをまとめておける。 あとで読む:Electron + React + TypeScript の開発環境構築 やはり自分がやろうとしていることに比べると、かなり環境が大げさな気がする。 8:00 シゴタノ！ まずはシゴタノ！から。 ＊ ＊ ＊ 2000文字ほどの原稿が書けました。これで99まで。あと一冊で100です。 9:00 『ライフハックの道具箱』: ボードツールについて書きます。 14:00 あとで読む:小説家・橋本治の、よくわかる美文講座。歴史上の作家に学ぶ、美しく綴るための掟 | ブルータス| BRUTUS.jp 16:00 『ライフハックの道具箱』: ボードツールについて書けました。あとは、プロローグとエピローグを残すだけです。
うちあわせCastの収録の木曜日
作業記録の共有 8:00 おはようございます。本日はうちあわせCastの収録と、たぶん妻の病院の付き添いです。
h-noteの作成
作業記録の共有 Textbox+horizonnote 『ライフハックの道具箱』+指示の反映 うちあわせCastの確認→実施 7:00 おはようございます。本日は昨日プロトタイプを作った、横に並ぶノートを作ってみます。 あとで読む:効果的な UI とゲームデザインでプレイヤーを没頭させる方法 | Unity Blog Textbox: 安直な名前ですが、横に並ぶノートは「horizonnote」と名付けました。 で、一応新しいものがどんどん右に追加されるようにしました。 問題はスクロールです。普通にdivを並べてスクロールさせるのか、それとも一定個数だけ表示しておいて、何かしらの操作でその表示を切り替えるのか、という点。 保存データがテキストだけで、そこからJavaScriptでdivを生成するならば後者のやり方が取れます。その場合、仕組みは非常にややこしくなりますが、ページのすべての要素にイベントを設定する、みたいな大掛かりな処理が不要になるので、要素が増えたときに重たくならない、というメリットがありそうです。 さて、どうするか。 単純スクロール方式とちがって、描写方式だと循環できるのが一番のポイントでしょう。一番最後まで言ったら最初に戻る、ということができる。これはデジタルっぽくて魅力的です。 単純なスクロールではこれが実現できません。最後までスクロールした後に、ボタンを押せば冒頭に戻る、ということはできますが、それは循環とは異なるものです。 ＊ ＊ ＊ 描写方式だと、「一気のスクロール」ができませんね。たとえば、2/3くらいをぎゅっと移動するのは、専用のUIを作らないと難しそうです。 ＊ ＊ ＊ とりあえず、+ボタンにクリックイベントを設定して、新しいdivを生成することができるようになりました。 ＊ ＊ ＊ さらにheaderをクリックしたら中身が保存できるようになりました。 ここまでは簡単です。 ＊ ＊ ＊ 現状はdivでやっていますが、これをul/liでやることを考えたいです。あるいは、divでやるなら自由配置を可能にする何かを考えてもいいかもしれません。 順番の入れ替えは、特に必要性は高くないですが、代わりに削除ボタンが欲しいですね。あとナンバリング。ナンバリングはafterで疑似的に作りますか。 ＊ ＊ ＊ noteのdivに「data-num」という属性を付け、そこに番号を振り、cssのafterで、「content: attr(data-num)」を指定することでnumberを表現します。 あとは削除ボタン。noteの中にウィンドウっぽく削除ボタンをつけてもいいですが、divの中身がややこしくなるのが問題です。ダブルクリックで削除するのが一つの手。 あとは、+ボタンの下に削除ボタンを付けるのが一手。 ＊ ＊ ＊ +ボタンの下に−ボタンをつけました。それを押せば右側のdivが消える格好です。 これで基本的な機能は実装できました。しばらく使ってみましょう。 ＊ ＊ ＊ 朝からだいぶ疲れましたが、ずっと気になっていた機能を実装できたので満足です。 9:00 『ライフハックの道具箱』: メールで頂いた修正を反映するのと、もらった画像を差し込む作業をしましょう。これで原稿はかなり進みました。 ＊ ＊ ＊ 画像ダグの修正は、正規表現の置換で一発でした（さすがに強力）。 つづいて頂いた画像をリネームして配置します。 ＊ ＊ ＊
ブックカタリストな火曜日
作業記録の共有 燃えるゴミ出し メルマガ+main稿（3700文字の原稿） 結城メルマガを読む 『ライフハックの道具箱』+ボードツール原稿 13:30~ ブックカタリスト収録 8:00 おはようございます。本日はブックカタリストの収録です。今年最後の収録になります（配信は来年の分です）。 午前中は、メルマガと『ライフハックの道具箱』を進めましょう。 メルマガ: まずはmain稿から。 ＊ ＊ ＊ 3700文字の原稿を書きました。 13:00 ブックカタリスト 収録です。 17:00 Textbox: divの作り方を変えたので、pinboardの保存のロジックが崩れてしまいました。考えます。 ＊ ＊ ＊ 崩れたロジックに対抗するために新しいロジックを作る、ということをやっていると延々と複雑になるので、少し考えました。 大本のdivを作るときに起きていたのは、divにmdファイルの中身をすべてつっこむので、styleタグもscriptタグもそこに含まれてしまい、scriptがうまく動かないことがある、でした。 なので、scriptタグがある場合は、その直前にdivの切り込みを入れることで強制的にdivの範囲を狭めることでした。styleタグは、divに含まれていても問題なく動作するので放置していました。 それが保存のためのロジックをややこしくしていた（styleタグがあるときに切り分けが必要となる）ので、そもそも最初のdivを作るときに、styleがあればそこに切り込みを、scriptがあればそこに切り込みを、という形に分けました。これで保存のロジックそのものはシンプルにできます。 ＊ ＊ ＊ ついでに付箋をドラッグするときに、付箋のサイズが小さいと非常にドラッグしにくいので、hover時にサイズを大きくするようにしました。cssで簡単にできます。 1 2 3 .draggblebox:hover{ transform: scale(1.2); } これでずいぶんドラッグしやすくなりました。
準備を進める月曜日
[-] 缶ゴミ出し 作業記録の共有 メルマガツイート メルマガ+ファイル準備 R-style+デスクトップについて 『ライフハックの道具箱』+自分の原稿のタスクの整理 『ライフハックの道具箱』+自分の原稿のタスクの整理 メルマガ+main稿 8:00 おはようございます。本日はいろいろ準備を進めましょう。 昨日は、Textboxのサジェスト機能に加えて、owlCommandを実装しました。 owl君をクリックして入力するコマンドです。これでさらにさまざまなことができるようになります。 あと、weekのテンプレートを修正しました。項目を削ってすっきりさせた格好です。その代わり「今週の三つの目標」を書く場所がなくなりました。どうにかしないといけません。 エディタの実験: Evergreen notes | Evergreen notes should be atomic | Evergreen notes should be densely linked | Evergreen note maintenance approximates spaced repetition | Testing effect こういうページで、エディタの実験を。 たとえばこういう感じでどんどん右に新しい領域が開いていくエディタはどうか。Obsidianっぽいですが。 今のObsidianはスライダーがない？ メルマガ: まずはファイルの準備を ＊ ＊ ＊ 何を書くのかもおおまかに決めておきました。 9:00 『ライフハックの道具箱』: 自分が何を書く必要があるのかを整理しておきます。 ＊ ＊ ＊ ついでに原稿を一つ書きました。この感じでとりあえず書き進めましょう。 ＊ ＊ ＊ もう一つ書きました。予定ではあともう一つです。 15:00 Textbox: 読書日記のページを改造しておりました。 これまではdivでテーブルを組んでいましたが、ul/liに置き換えました。でもって、二階層目以降は普段は隠しておき、hoverしたときに表示するように。しかも、位置を変えて横に表示させるようにしました。 あとは、どの形でここに記述するようにするか。今までのように直接記述するか。〈今日のノート〉から転記するか、あるいはモーダルから入力できるようにするか。
ゆっくりしたい日曜日
作業記録の共有 今週の振り返り discord巡回 シゴタノ！ツイート 7:00 おはようございます。本日は来週やることの整理をして、後はゆっくりしようと思います。 あとで読む:川添愛 文章がもっと上手になる 言語学者のノウハウを公開 | 日経BOOKプラス
メルマガを仕上げる土曜日
作業記録の共有 一週間の振り返り メルマガ「はじめに」「おわりに」 メルマガ配信予約セット Textbox+サジェスト機能（文字列の取得) 7:00 おはようございます。本日はメルマガを仕上げます。 あとで読む:icon-suggestion - Scrapboxカスタマイズコレクション 一週間の振り返り: まずは一週間分のツイートの読み返しから。 ＊ ＊ ＊ OKです。 publish:202212月10日までのツイートノート - Addless Letter 8:00 メルマガ: 「はじめに」と「おわりに」を書きます。 ＊ ＊ ＊ 書けました。時間を置いて全体を読み返します。 9:00 Textbox: サジェスト機能を作ります。まずは、ダブルブラケットで囲まれた文字列の取得から。 ＊ ＊ ＊ だいぶ面倒でしたができました。 publish:ContentEditableの中でダブルブラケットに囲まれた文字列を取得する - 倉下忠憲の発想工房 あとは、この文字列を使ってサジェストを起こすだけです。 ページタイトルの検索はすでにindexで実装しているのでそれを使えばいいでしょう。liなどを作ってくれたように思います。それを使い回すか、似た機能を作ります。 問題はそれをどう表示するか。かーそる位置の近くに何かを作るのがよいでしょう。 行の上か下に表示されるように、fixかアブソリュートで固定表示。あらかじめ用意していた要素かJSで作成する。 検索結果に合わせて内容が変わる。それが表示されているときはtabを優先的に受け取る？ 要素を縦に並べるか、横に並べるか。Scrapboxのような表示の方が配置がスマートとは思う。どこかに追加して、blurになったらそれを削除する。いや、blurは使えないか。そもそもフォーカスが当たっているわけではない。 13:00 メルマガ: 全体の読み返しを。 ＊ ＊ ＊ 読み返しが終わりました。 14:00 メルマガ: 配信予約作業に移ります。 ＊ ＊ ＊
シゴタノ！を書く金曜日
作業記録の共有 シゴタノ！ 『ライフハックの道具箱』+修正反映 9:00 おはようございます。本日はシゴタノ！です。その他の原稿作業も進めましょう。 シゴタノ！: 書きます。 11:00 シゴタノ！: 書き上がりました。 14:00 疲れの蓄積がひどい感じ。とは言え、ぼちぼちとでも進めないと。 『ライフハックの道具箱』: 頂いた修正を原稿に反映させます。 vivaldi emacs ＊ ＊ ＊ 紙面構成について提案を頂いたので、それを踏まえて調整します。 15:00 Textbox: sidebarからboardにdropしたらカードとして追加し、outlineにdropしたらアウトラインとして追加するように変更しました。 こうすると、〈今日のノート〉の残りを別のファイルに移動させて、そのファイルの中身をsidebarに載せておけば、カードでもボードでも使えるようになります。 あとで読む:知的営為の舞台裏 宮崎哲弥『教養としての上級語彙 知的人生のための500語』 | レビュー | Book Bang －ブックバン－