Vol.269

Inside a dev’s mind - How do you plan a UI feature? Jump to heading #

どのように UI を設計するか Jump to heading #

デベロッパーは往々にして設計をする前にプログラミングを初めてしまう傾向があると Johannes 氏は指摘する。この記事では、プログラミングにおける設計の考え方を学び、どのようなアプローチでシステムを実装していくべきかを学ぶためのワークショップをメインのテーマとして進めていく。お題となる仕様を理解し、それを実装するためのバリエーションを上げながらそれぞれの手法について考察する、

“The title ‘Front-End Developer’ is obsolete.” Jump to heading #

フロントエンドディベロッパーという肩書は時代遅れ Jump to heading #

Benjamin De Cock 氏はフロントエンドディベロッパーという肩書の人はたいてい JavaScript に長けている人であって、JS エンジニアという呼び名がふさわしいのではないかというツイートをした。それに対する Chris 氏の考察を展開する。

You don’t need to stop shipping features to fix technical debt Jump to heading #

技術的負債のために機能実装を止める必要はない Jump to heading #

あなたがソフトウェアエンジニアであるならば、技術的負債の返済と機能実装を天秤にかけたことが何度もあるだろう。この記事ではこの技術的負債について再度明確に定義し、それとどのように向き合っていくべきかについてのアイディアを紹介する。

How does TypeScript work? The bird’s eye view Jump to heading #

TypeScript を使ったプロジェクトはどのように始めれば良いのか。ファイル構造から実際に配置されるファイルを一つ一つ丁寧に紹介する

A case study of complex table design Jump to heading #

James 氏は自身が制作するファイナンス管理アプリをアップデートした際に施したテーブル UI のリデザインについて記事にした。アプリでは非常に複雑なテーブル表示をされているが、それがどのように動作するのか、どのように機能的なのか、そして使いやすいのかを紹介する

In Brief Jump to heading #

• Everything I Learned About min(), max(), clamp() In CSS: CSS のmin()、max()、clamp()の挙動について実際のコードを交えながら詳しく解説していく

• A Complete Guide to CSS Functions: CSS 関数について詳細に解説する

• 100 Things a UX/UI Designer Should Know – Learn UI Design: UI/UX デザイナーが知っておきたい、100 のことを紹介

• Constrained CSS grids without max-width.: Grid レイアウトにおいて、max-width のプロパティを使わずに、calc と vw を活用して、横幅の制限を作るテクニックを紹介

• The Vanilla JavaScript Toolkit: Vanilla JavaScript で実装された関数群を紹介する