準備を進める月曜日
[-] 缶ゴミ出し 作業記録の共有 メルマガツイート メルマガ+ファイル準備 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 －ブックバン－
インタビューな木曜日
ビニールゴミ出し 作業記録の共有 メルマガ+sub1（3300文字） メルマガ+sub2（3400文字） 13:00 zoomインタビュー TH+進捗共有 『ライフハックの道具箱』+メールの返信 『ライフハックの道具箱』+修正原稿の反映 8:00 おはようございます。本日は午後からインタビューです。それまでにまずはメルマガの原稿を書き上げておきましょう。 メルマガ: まずは、メルマガから。昨日途中まで書いておいたsub1を書き上げましょう。 ＊ ＊ ＊ 3300文字の原稿を書きました。 9:00 メルマガ: 続いてsub2を。 あとで読む:無料で日本語版Macintosh用OS「漢字Talk」をブラウザ上で体験できる「kanjitalk7.app」 - GIGAZINE 13:00 取材です。 16:00 メルマガ: sub2を続けます。 ＊ ＊ ＊ 3400文字の原稿が書けました。次に行きましょう。 TH: とりあえず、ここまでの分を編集者さんに共有しておきます。 『ライフハックの道具箱』: まずはメールの返信を。 17:00 『ライフハックの道具箱』: 原稿修正版のepubを作りましょう。
原稿を進める水曜日
作業記録の共有 インタビューの質問確認 メルマガ+sub1 メルマガ+sub2 TH BCB 7:00 おはようございます。なんだかんだで、昨日もpinBoard作りに時間を使ったので、今日こそは原稿を進めます。 ちなみに、おかげでpinBoard周りの昨日はずいぶん使い勝手が向上しました。日常的に使っていけそうです。 あとで読む:【css】display: none から block に切り替わった時にフワッとアニメーションさせる 8:00 インタビューの質問確認: 明日zoomでインタビューを受けるので、その質問を確認しておきます。 ＊ ＊ ＊ インタビュー時は口頭で返答しますが、とりあえずはテキストで答えを考えておきました。事前準備は結構大切です。こういう準備をするからこそ、アドリブが活きてくるところがあります。
原稿を書く火曜日
作業記録の共有 燃えるゴミ出し Textbox+開発の課題を整理しておく メルマガ+Main稿（3000字の原稿） メルマガ+Sub01稿 結城メルマガを読む 7:00 おはようございます。昨日はがっつりとpinboardを作ったのでなんとか形になりました。今日は原稿を進めましょう。 Textobox: 昨日はpinboardの基本的なコードを書き、board用のページを整えました。 ついでに、AmazonのAPIを叩いて、ISNBを投げたら書誌情報がbooks.mdに追記されるスクリプトを書きました。このように情報の流れを少しずつ整えていきましょう。 Textbox上からそのAPIが叩けたら面白い？ あとで読む:[書評] 存在消滅（高村友也）: 極東ブログ とりあえず、これからのやることを整理しておきましょう。 まずAmazonAPI周り。Textboxからこのコマンドラインを叩ければ面白い。通常もパスを通して、簡単にターミナルからコマンドを叩けるとヨロシイです。 また、ブクログからフィードを取得していますが、その際にこのコマンドを経由することで自動的に書誌情報を追記してもよさそう。あるいは、「気になっている本」など買った本ではないものも書誌情報を追加しておくと後々便利かも。 で、他には？ 現状はISBNだけで、テキストキーワードを入れたときに検索結果が一つしか表示されない上に自動的にそれが書誌情報として追記されてしまう。検索結果が複数あれば、それを選択する、というやり方を為たほうがスムーズ。その場合は、Textboxから叩くのはかなり面倒になりそうです。inputを使えば対話型も可能？ この辺はやってみないとわかりませんね。 既存の本の書誌情報も追加したいので、コマンドラインで複数のISBNを記述する方式に対応してもいいかもしれません。その辺はコードの整理が必要ですね。 これがbooks周り。あとは、アイデア、タスク、イベント、プロジェクト。プロジェクトはそんなに増減するものではないので、そのままでもよい。タスクとイベントとアイデア。イベントはまだ固まっていないので保留。タスクは、追加だけでなく、終了の扱いがあるのが問題。 アイデアはどういう書式でどの対象を管理するのか、そこに追記されるまでの流れをイメージする必要あり。 sideboardでは、現状本体にdropしかできないが、順番の並び替えと削除に対応してもいい。削除に対応するならば、タスクの運用に使える。順番の入れ替えはdropイベントで対応すればいけるだろう。削除は「選択状態」を作れば、デリートキーでいけるし、ダブルクリックを許容するならば簡単に実行できる。 問題はそうして内容を変更したあとの保存をどうするか。箇条書きに統一するならば、マークダウンへの逆変換も難しくないので、Hatchと同じ仕組みで保存はできるかもしれない。まあ、できそうな気はする。 以上がsidebarとpinboardの開発課題。 これまで作ってきた機能はだいたい「便利」の範疇だったが、このpinboardとsidebarは使い方を根本的に変える可能性を持っている。 ＊ ＊ ＊ 考えたことをアウトラインとして整理しておきました。 でもって、このときsideberでideaを開いておくと、結構便利だと気がつきました。textboxについて書いたものがいくつかあったからです。 一つの方向として、Textboxという項目で書いたものは、自動的にこのプロジェクトのページに追記する、という方向を考えていましたが、このサイドバーに表示しておいて、あとはそれを見ながら編集する、というのでも良さそうです。ふむ。 問題は、現状のdropは平面配置を前提としていること。機能させるには、drop先がアウトラインなのかboardなのかを見分ける必要があります。が、現状はどちらも同じdivの中に入っているので、それだけでは見分けるのは困難です。 今表示しているページから判断してもいいですが、そのためにはあらかじめ所定のページを配列に入れておくか、あるいはページタイトルに記法的工夫が必要となります。 とりあえず、アウトラインにドラッグしたときのイベントを覗いてみましょう。 ＊ ＊ ＊ それぞれでdropしたときの、e.originalTargetが違っていますね（そりゃそうだ）。pinboardの場合はどれもdivになり、アウトラインの場合はliになっています。これで処理を分けられそう。 ul/liがcontentEditableになっていれば、テキストとしてタグが追加され、falseになっていればHTML要素として変換されて追加されます。 dropの瞬間だけfalseにする手はありますね。 9:00 メルマガ: 昨日書かなかったmain稿を書きましょう。 12:00 メルマガ: main稿が書けました。約3000字。
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を表示させるという感じだろうか。
ゆっくりする日曜日
作業記録の共有 discord巡回 シゴタノ！ツイート 来週やることの設定 8:00 おはようございます。本日はゆっくりと過ごします。その前の今週の振り返りと来週やることの整理を。 あとで読む:PFU、WebアプリにScanSnap連携機能を組み込める開発キット「ScanSnap Web SDK」を提供開始 - ITmedia PC USER あとで読む:9 Fabulous Python Tricks That Make Your Code More Elegant | by Yang Zhou | TechToFreedom | Nov, 2022 | Medium あとで読む:MS-DOS用Mastodonクライアント「DOStodon」が登場 - GIGAZINE あとで読む:pnpm の特徴 あとで読む:Warp Terminal — a reimagined terminal experience! - YouTube あとで読む:画像生成AIツール「DALL•E 2」の使い方–入力したフレーズを絵に変換 - ZDNet Japan
メルマガを仕上げる土曜日
作業記録の共有 一週間の振り返り メルマガ+「はじめに」「おわりに」 ニュースレター+11月の活動履歴 メルマガ+配信予約セット PT+メールの返信 ツイートの処理 8:00 おはようございます。本日はメルマガを仕上げます。 一週間の振り返り: ツイートを読み返します。 ＊ ＊ ＊ publish:2022年12月03日までのツイートノート - Addless Letter メルマガ: 「はじめに」と「おわりに」を書きます。 ＊ ＊ ＊ 書けました。少し休んでから読み返します。 9:00 ニュースレター: publish:2022年11月の倉下のActivity - by 倉下忠憲@rashita2 メルマガ: 読み返しを進めます。 ＊ ＊ ＊ 終わりました。では、配信予約作業に移りましょう。 ＊ ＊ ＊ まぐまぐOKです。 ＊ ＊ ＊ noteOKです。 というわけで予約作業完了です。 10:00 PT: 編集者さんからメールが来ていたので、返信しておきましょう。 17:00 Textbox: とりあえず、pinboardを実装してみました。 ドラッグで移動できるようになっています。移動後の配置もきちんと保存されるので再読み込みしても配置がキープされます。 以下、追加したい機能。 ボードの色を変える、ボードを消す、ボードのテキストを変更する。新しいカードを追加する。 配置の場所によって、色を変える？ クリックしたら選択状態にする。 ＊ ＊ ＊