の作業記録
ゆっくりしたい日曜日
- 作業記録の共有
- メルマガ読み返し
- メルマガ配信予約
- カレンダーについて検討する
- シゴタノツイート
- Discord巡回
9:00
おはようございます。本日は午前中にメルマガを仕上げて、午後からはゆっくりする予定です。「カレンダー」問題にけりをつけたいところ。
publish:シゴタノ！:デジタルノート・トランスフォーメーションのススメ | シゴタノ！
あとで読む:
- 見た目に加えて、操作感も見返したさに影響する〜うちあわせCast第85回を聞いて考えたこと〜 - iPhoneと本と数学となんやかんやと
- sosuisenさんはTwitterを使っています 「開発中のアウトライナー付箋紙 TreeStickies です。ようやくちょっとお見せできます。 Tak. さん @takwordpiece が仰っているアウトラインの「シェイク」を付箋紙でも使いたくて、以前開発したHTML付箋紙アプリを Markdown + アウトライナー型へ改修しています。 https://t.co/z7cUHX45wG」 / Twitter
- Noratetsu Lab: ブログの書き方ド下手問題②～自己の言語化を意味あるものにするには～
- 『 英語のハノン 』紹介&使い方説明 文法学習のパラダイムシフト! - 陰glish BLOG
- かくして〈インターネット例外主義〉の時代の幕は開けた：『ネット企業はなぜ免責されるのか』池田純一書評 | WIRED.jp
メルマガ読み返し:
はじめましょう。
＊ ＊ ＊
読み返しが終わりました。配信予約作業に移ります。
10:00
メルマガ配信予約:
まずはまぐまぐから。
＊ ＊ ＊
続いてnote。
＊ ＊ ＊
終わりました。無事終了っと。
fragment:懐かしきHTMLページ:
fragment:ページの分割:
スクロールすると画面分割した左右がそれぞれ動く | 動くWebデザインアイディア帳
スクロールすると画面分割した右側が動く | 動くWebデザインアイディア帳
「position: sticky;」なるものがあるらしい。
CSS Gridの現状と12分割グリッド | エビスコム - EBISUCOM
左右に区切る < レイアウト ｜ HTML+CSSまとめページ
CSSで実装するレスポンシブに対応したスプリットスクリーンレイアウト - ガジェット・テクノロジー・暮らしの情報サイト/ライフハック『MONO365 -Color your days-』
16:00
TextBox:
カレンダーページの模索。
まず二段組みにして、左をリストを書き込む場所、左をタイムライン的に日記を書き込む場所としてみた。
ここに「スケジュール」の情報を組み込んでいきたいが、どうなるか。左ではさすがに枠が小さすぎるように感じる。
もともとスケジュールの数自体が少ないので、問題ないかもしれない。
19:00
TextBox:
JavaScriptによる拡張について。
現状は、テキストファイルを読み込みマークダウンにして、HTML要素として流し込んでいる。この場合、cssをstyleタグに入れておけば、そのスタイルが反映される。
しかし、javascriptの場合はそうはいかない。読み込んだだけでは、そのコードは動かない。
では、どうするか。
Scritpタグで、scriptタグを読み込む指示ができないか。つまり、おおもとのindexページのscriptに「これこれこういうscritpを読み込みなさい」と書いておくわけだ。
HTMLElementの中でScriptタグを追加し、実行する - Qiita
HTMLElementの中でScriptタグを追加し、実行する - Qiita
読んで見ると「innerHTML ではなくcreateElement 」という感じらしい。今はまさにinnterHTMLでやっている。
まず、ファイルの読み込みのときに、正規表現でscriptタグを拾い、その要素でcreateelementする手はある。これは真っ当なやり方。
あるいは、ファイルを読み込んだあとに、実行するスクリプトを一つ追加し、そこでどうにかする。
どうにか？
読み込み先のファイルのscriptタグにidを与えておき、そのidのスクリプトを取得して、エレメントを生成する、というやり方。たぶん、ScrapboxのUserScriptに近いのでないか。
ただし、その場合、ファイルを読み込んだときにScriptタグも読み込まれていることが前提となる。DOMではないのだとしたら、この方法は使えない。
＊ ＊ ＊
一応表示されたhtmlを解析すると、Scritpタグは存在している。あとは、そこから要素を拾えるのかどうか。
＊ ＊ ＊
読み込みと処理のタイミングのズレなのかうまくいかない。
＊ ＊ ＊
非同期での読み込みを同期に変えたらできた。
どうせ短いテキストファイルしか読み込まないから今のところはこれで大丈夫。
＊ ＊ ＊
もし、動的にせずに、HTMLだけで開閉を実装するなら以下。
open属性 ≪ details要素 ≪ インタラクティブ要素 ≪ 要素 ≪ HTML5入門
＊ ＊ ＊
とりあえず、scriptの読み込みができました。
やりたかったのは「2021年10月のカレンダー」の見出しをホバーすると、他の月のページへのリンクが出てきて、ホバーを外すと、消える、というようなこと。
21:00
本日の振り返り:
今日は、メルマガを仕上げた後、ずっと「カレンダー」と遊んでおりました。だいたい方向性は見えてきたかな、というところで、あとは細かい機能改修と、実際の試運転ですね。使いながら、必要なものを作っていきましょう。
それ以外にもいろいろアイデアがあるのですが、さすがに原稿に着手しないといろいろマズイので、来週はがっつり原稿に取りかかりたいと思います。
というわけで、本日はそろそろ閉店がらがらです。
お疲れさまでした。仕事終わりの妻を迎えに行ってきます。