Vol.262

How to break the “senior engineer” career ceiling | theburningmonk.com Jump to heading #

シニアエンジニアとそれを超えるエンジニアの違い Jump to heading #

oYan 氏はこれまでに多くのキャリアアップがシニアエンジニアで止まっているエンジニアに会ってきたことから、彼らがなぜ次のキャリアへと向かうことができないかを考察する。シニアエンジニアとプリンシパルエンジニアの大きな違いは、アウトプットではなくインパクトを最大化することであると述べ、
より多くのコードを書いたり、より多くの機能をリリースしたりしただけでは、優れたシニアエンジニアにはなることができず、重要なのは、行動を通して意味のあるビジネスインパクトを提供できるかどうかだと指摘する。

Technical Debt Is like a Tetris Game - Fluent C++ Jump to heading #

技術的負債はテトリスと似ている Jump to heading #

技術的負債は、ソフトウェア開発者であれば誰でも既に聞いたことがあり、直面しているであろう。しかしながら、この仕組や難しさを開発者でない人に伝えるのは非常に難しく、コミュニケーションの障害となることも多くある。Jonathan 氏はこの技術的負債はテトリスのアナロジーで説明ができるとし、その解説を行う。
穴が残っていたり、突き出たブロックがある状態、それをそのまま置いておいてブロックを積み上げていくこと、それを解消すること、など誰しもが知っているゲームのルールと重ね合わせることでコミュニケーションが円滑になると話す。

Setting Height And Width On Images Is Important Again Jump to heading #

画像に高さと幅を設定することの重要性 Jump to heading #

img タグはサイズを指定しないで使用することもできるが、Barry 氏は height と width を設定することで非常に大きなメリットを得ることができるという。ユーザー視点では、読み込み前と後のレイアウトの動きを防ぐことができ、ブラウザ視点においては、パフォーマンスを向上させるのに非常に大きなインパクトがあると解説する。
また、実際にサイズを設定した際に起こりうる不都合な点においても、CSS を組み合わせることで解決できると説明する

Feedback Ladders: The Code Review System We Follow at Netlify Jump to heading #

Netlify チームで行われているコードレビューでは特殊な、山、玉石、小石、砂、ほこりといった表現を用いてフィードバックコミュニケーションを円滑にしている、その仕組を解説

Accessible SVGs: Inclusiveness Beyond Patterns — Smashing Magazine Jump to heading #

アクセシブルな SVG をデザインするために、色やコントラストといった点から考察を行う

In Brief Jump to heading #

• Learn Box Alignment: CSS Grid と Flexbox をグラフィカルに解説し、インタラクティブなデモを用いて実際に試すことができる

• A NodeJS Dual Module Deep Dive - Andrea Giammarchi - Medium: Dual Module の内容と経緯、Dual Package Hazard と呼ばれる問題とその解決策について

• Modal vs Page: A Decision Making Framework: モーダルにするか、別ページにするかを判断するためのアイディアを紹介

• CSS Viewport Units: ビューポート単位について、その挙動を図を用いながら分かりやすく解説する

• Should I useState or useReducer?: React hooks を使用して状態を管理する際に、useState と useReducer どちらを使用するべきか、その判断基準を解説する