発行
前回は、制作時ではなくあとから脆弱性が見つかった場合、どのようにその脅威を評価すればよいかを解説しました。最終回となる今回は、その評価に基づいた対応策を考えます。
第1回目では、UIの使いやすさを大きく左右する「認知コスト」とは何かを解説します。人間がUIをどのように認識するか、その認知の特徴を理解しましょう。
Headless Chromeをより簡単に利用可能にするPuppeteerを紹介していきます。シンプルな記述でさまざまな処理を行えます。
発行
ここまで、DOM Based XSSについてさまざまなパターンを見てきました。最後に、実際に現場でどのようにXSS脆弱性に向き合えば良いのか、2回に分けて解説します。
フロントエンド・エンジニアがCSSのアニメーションの特性や仕組みを知っていると、適切に動作し、スムーズで、ブラウザに負荷をかけにくい実装ができるようになります。この記事ではその技法をいくつかご紹介します。
NetlifyではGitのリポジトリにpushするたびにビルドを行い、サイトを公開できます。シリーズではこのビルド機能を2回に分けて解説します。まずは基本的な設定から見てみましょう。
発行
エンジニアなど、PCに向かっての作業が多い職種は運動不足に陥りがちです。ピクセルグリッドではこれを会社の問題と捉え、改善する取り組みを始めました。今回はその内容と様子を紹介します。
CSS Transitionsなどを用いた小さな動きや変化を演出することで、コンテンツはより魅力的に、わかりやすくなります。前編ではCSS Transitionsなどのおさらいをしながら、実装の基礎をやさしく解説します。
Netlifyはごく簡単にHTMLページを公開できます。ファイルをドラッグ＆ドロップする方法から、GitHubのブランチと連携する実践的な方法までを解説します。
発行
後編ではAngular、React、Vue.jsなどのフレームワークやライブラリとTypeScriptや型定義との相性が話題になりました。また、型定義をどうやってメンテナンスするのかなど実際の案件での経験も語られました。
マージン・コラプスが起こる原因となるマージン隣接の3条件のうち、前回解説できなかった2条件を取り上げます。さらに条件を満たしてもマージン・コラプスが起こらないケースについても解説しましょう。
ブラウザのGUIを表示しない状態でChromeを実行するHeadless Chromeの基本機能を解説します。プログラムからHeadless Chromeを起動し、リモートで実行状態を確認したり、プログラムからWebページを操作してみたりしましょう。