Vol.267

A practical guide to writing technical specs Jump to heading #

技術仕様を書くための技術 Jump to heading #

ソフトウェアエンジニアの役割は、技術的問題を解決することであるが、すぐにコードを書き始めてしまい、設計を怠ってしまえば、ひどい結果を招くことがある。この問題を解決するためには、技術仕様を準備する方法が有効である。これは難しい技術的な問題を解決の助けとなり、リリース後の継続したメンテナンスをサポートしてくれる。
この記事では、技術仕様という分野にフォーカスを当て、強力にプロダクト開発を支援し、またその後のスムーズなメンテナンスをサポートする、技術仕様の作成方法について解説する

How an anti ad-blocker works: Reverse-engineering BlockAdBlock Jump to heading #

広告ブロッカーをリバースエンジニアリングする Jump to heading #

広告ブロッカーブロッカーの 1 つ、BlockAdBlock をリバースエンジニアリングし、こういったツールがどのように広告を検出しブロックするのか、その動作を探る。

How to Improve Page Speed from Start to Finish (Advanced Guide) Jump to heading #

####　 Web サイトパフォーマンス改善の基本から応用まで

Web サイトパフォーマンスをテストするためのツールは多く存在し、また対象となる指標も多く存在する。これらのどの指標がどのように Web サイトに影響を及ぼしているかを理解することが Web サイトパフォーマンス改善のために重要となってくる。
この記事では、それらに関わる、ツールの紹介、計測方法、読み解き方、それにまつわる Web の技術などについて詳しく解説をしていく。

Image Techniques On The Web Jump to heading #

HTML と CSS を組み合わせて画像 jpg png svg といった画像ファイルを様々な形で Web サイトに表示する方法をサンプルコードと共に紹介する

How They Fit Together: Transform, Translate, Rotate, Scale, and Offset Jump to heading #

CSS のtransformのプロパティである、translate rotate scale といったプロパティについて、それが相互にどのように影響を及ぼし合うか、詳しく解説する

In Brief Jump to heading #

• About “Zero Dependencies”: Web として理想的な状態としては、ツールセットを使わず、純粋な HTML/CSS/JavaScript というブラウザ以外の依存関係が無い状態のことであり、簡単なツールを組み合わせることでそれに近い状態を作り出すことができることを紹介する

• Managing Remotely: リモートワークを成功させるためのコツを紹介する

• Cleaning up form UI: IntelliJ IDEA のダイアログ例にとり、どのようにビジュアルを改善できるかステップ・バイ・ステップで紹介する

• How to create fancy corners with CSS: CSS でユニークな形を作るための方法を紹介

• An introduction to Lambda Calculus, explained through JavaScript: 関数型プログラミングのラムダ計算の考え方について解説する