Vol.302
In Critical Defense of Frontend Development · Jens Oliver Meiert Jump to heading
フロントエンド開発の役割と在り方 Jump to heading
wikipediaによると、フロントエンド開発は"HTML/CSS/JavaScriptを使用してGUIを実装する方法"とある。しかし実際の所フロントエンド開発は非常に大きな担当範囲を持っており、それぞれについて理解が必要であること、実際にはHTML/CSS/JavaScriptの技術ががはるかに複雑になっているという現実がある。この記事では、昨今のフロントエンドエンジニアをどのような環境が取り巻き、それにどう向き合っていけばよいのかを語る。
TDD (Test-Driven Development) - My personal journey | Alabê’s Blog Jump to heading
TDDについて私がどのように学んできたのか Jump to heading
Alabê氏はTDDを取り入れた開発を行っている。この記事では彼がTDDをを行うようになるまで、どのような軌跡を辿ったのかを解説する。参考にしたブログや、なぜTDDが良いと考えるようになったのかについて解説を行う。
✋🏼🔥 CS Visualized: CORS - DEV Community Jump to heading
CORSを可視化する Jump to heading
クロスドメインでのfetchを行った際に、CORSポリシーエラーで通信がブロックされてしまうのはフロントエンドエンジニアなら誰でも経験があるだろう。この記事では、CORSの仕組みについて詳しく解説し、どのようなことが問題になり、それをどのように解決できるのかを非常にわかりやすいビジュアルを用いながら紹介する。
Recognizing Constraints | CSS-Tricks Jump to heading
あなたが2020年、ウェブサイトを構築することについて学んだことは何か、という質問に対して、Jeremy氏は、制約を認識したと回答した。Web開発には、ネットワーク、デバイス、ブラウザなどの制約が存在すること、そしてそれらが変動していくことを改めて認識し、適応可能なWebが求められていると、自信のアイディアを展開していく。
Let Me Tell You A Story | Find the thread Jump to heading
プレゼンテーションの際に役立つ、SCIPABと呼ばれる手法がある。SCIPABは以下の単語の頭文字を取って、名付けられている。
- Situation
- Complication
- Implication
- Proposal1
- Action
- Benefit
この記事では、この手法について分かりやすく解説する。
In Brief Jump to heading
The key points of Beyond Legacy Code | Understand Legacy Code: Beyond Legacy Codeの書評と所感をまとめている
“Fixing” Lists | scottohara.me: リストとアクセシビリティ、各ブラウザの動作の違いについて
Advanced Async Patterns: Singleton Promises - Blog by Jon Mellman: シングルトンパターンを利用したPromiseの実装について
Two Issues Styling the Details Element and How to Solve Them | CSS-Tricks:
タグをスタイリングする際に起きる2つの問題とその解決方法についてA mostly complete guide to error handling in JavaScript.: JavaScriptのエラーハンドリングについて詳しく解説する