議事録

• before と after って結局なんだろう

  • 📝 https://developer.mozilla.org/ja/docs/Web/CSS/::before external_link
  • 📝 https://developer.mozilla.org/ja/docs/Web/CSS/::after external_link
  • 選択した要素の最初の子要素、最後の子要素か
  • → 時間的な前後ではなく、空間的な前後
    • 名前に騙されてはならぬ
  • 疑似要素の一種
    • 規定ではインライン要素

• comment と editor 以外にも他にもありそう

• ID が同じ dom が存在する時にバグるというのは別のケースでもよくある

  • 最近だと Copy Dropdown のバグ(PRが今見つからない…)

• 以前 ryuichi-e がModel の radio ボタンが動かなかったと言っていたのは Id の重複...?

• custom-controlはbootstrapで汎用的な知識

GROWIマスターからの紹介

• ライトモード/ダークモードについて
• HTMLはエクスプレスサーバによってDOMを返す
• 昔は。
  • カラースキーマがAPPコンテナで行われていた
  • これだとDOMが全て読み込まれてから、色が変わる
  • defarを使うとbodyが書き込まれた時に読み込まれる
• 現在は。
  • boot.jsでカラースキーマを呼び込む
  • headが読み込まれた時に処理する場所に書いた
  • webpack.commonにてappjsからbootjsだけ先に読み込まれるように設定
• 参考Qiita
  • 実際のところ「ブラウザを立ち上げてページが表示されるまで」には何が起きるのか external_link

分からないことが出てきた時の対処法

• 話についていけなかったら分からなかった単語をメモっておいて家に帰って調べる！（yuki-t談）

今日出てきたよくわからないワード

• cookie
• session
  • 昔は session id を url query で引き回してた時代があったらしい
• session store
  • Rails はデフォルト file store らしい
• KVS
  • memcached
  • redis
• MongoDB も KVS?
• express-session での genid
  • healthcheck 対策のワークアラウンド
• HTML header
  • async, defer
• Media Query (prefer dark mode の判別)