2/3

日記

2026/02/03

行列

  • 2次正方行列Aに対して, a11a22 - a12a21をAの行列式という。||で囲ったように表す。
    行列式は行列ではないので注意
  • n次正方行列でも定義できる
  • 転置(transpose) - 行列の成分を対角線で折り返す。
    webGLでは、法線は逆行列の転置で表せる。

デザイン

  • 見出し+内容の中身を変えて内容のみ、見出しを背景の大きなあしらいにしたっていい。
  • 四角が並びすぎてないか、ブラウザいっぱいを使ったっていい。
  • どこかが不自然に「重たく」なっていないか。
  • タイトル大文字黒色は重いかも、なんか別の色に。

自分のと見本を見比べてわかったこと

wideの差が激しい。1280と800だったかな?だとページ全体をスクリーンショットしてみると、ガタガタしていた。

あと、自分のやつは横に細長いセクションやブロックが多かった。真四角に近いほうがどっしりと安心感が増して見える。

セキュリティ

HTTPの弱点

  • 通信データが外から見られる(盗聴)
  • 通信相手が本物かわからない(なりすまし)
  • 通信内容が正しいかどうか検証する仕組みがない(改ざん)

→TLSという通信プロトコルで解決

TLS

  • 盗聴防止 → 公開鍵暗号方式・共通鍵暗号方式
  • なりすまし防止 → 電子証明書
  • 改ざん防止 → 事前にチェック

著書 24 Twenty four

  • マルチタスクは短期的に気持ちよくなるだけで悪。
    脳は一つのことしかできず、高速で切り替えているだけ。
  • やはり集中力低下が激しい。
  • 不安の対処法は声に出す、体を指タッピング、不安を書き出す、移るので、ネガティブな顔をしている人を見ない。

Three.js

ずっとどうやって実装するんだろうと思っていたaether1さんのサイト、本人の解説記事が見れてすごいじゃん。