人物写真のトリミングのコツ
関節部分で切り取らない 関節部分で切り取ってはいけず、上記の部分で切り取るのがよいらしい。
Webサイトで使用する写真の選定方法について
下記を意識するとだいたいハズレはなくなる。 よく見かける写真は使わない 自然なシーンの切り抜きを使用する（変に作り込まれたり、CGがかった写真を使うとサイトのイメージが疑わしくなる） 日本人をターゲットにする場合は、日本 …
Chrome89 で Lighthouse が日本語化。あとCWVについて。
よりパフォーマンスが計測しやすくなって何より。 Lighthouse で計測することができるCWV（コアウェブバイタル） 2021年よりページエクスペンスシグナルとして Google のランキング要因になる。Google …
コントラストの小話
公的サイトにおいて、お国からのお達しである JIS のアクセシビリティ規程の等級AAに到達するためには、Web上のコントラストを「4.5：1」以上の割合にしなければいけない。 1.4.3 コントラスト (最低限) : テ …
ワニとジャンプー
コンテンツの内容をわかりやすく手法として、強調したい要素とそうでない要素を区別するために 大きさを変える 色を変える 密度を変える という手法が使用される。 このうちの、「大きさを変える」ことのそれぞれの要素の比率をジャ …
なぜエンジニアはSEO対策に興味がないか
結論、良いコンテンツを作ることこそが、SEOの向上につながると思っているから。 一端のエンジニアであれば header とか nav とか、構造化データとかそういうマークアップレベルでやるべきことはすべて理解していて当た …
「とりあえずやってみる」ことの大切さ
行動してから考えるのが先か、考えてから行動するのが先か、どちらがいいかというお話。 考えてから行動すると、考えていたときの予想しか行動で復習できずにすべてを完全に学ぶことが難しい。行動してから考えると、行動での不明点をす …
続・帰ってきたシェーダー男
シェーダー学習周りについてのメモ。 開発環境 VSCode の Shader Toy（必須） Shader Toy VSCode で GLSL 開発を補助する機能拡張。リアルタイムプレビューしてくれる。 グラフ電卓 De …
帰ってきたシェーダー男
久々のシェーダーのため、復習をば。 シェーダー 3DCGレンダリングをするプログラムのこと。shade は「次第に変化させる」「陰影・グラデーションをつける」などの意味があり、「shader」は頂点色やピクセル色などを次 …
PHPでサーバー監視
下記のプログラムをcronで定期的に実行する。 HTTPヘッダーを取得する方法 ping 送信する方法 データベースの死活監視