Skip to content

Vol.215

The Action Pattern: Clean, Obvious, Testable Code by Ryan Glover permalink

https://ponyfoo.com/articles/action-pattern-clean-obvious-testable-code

アクションパターン: きれいで、明白で、テスト可能なコード permalink

一つのAPIで複数のステップを持つ処理を行うことはよくあること。この記事では、サインアップのAPIをリファクタリングする過程にActionsと呼ばれるデザインパターンを適用する例を紹介する。初期の段階では、エラーを追ったり、追加の修正を加えたりすることが難しい状態であったが、Actionsを適用することで、非常に単純でかつ柔軟性があり、メンテナブルな状態へと改善していく。

Eight CSS fundamentals no one teaches us by Josh Tumath permalink

誰も教えてくれないCSSの8つの原理 permalink

CSSの基礎的な原則を紹介する。CSSを学び始めたときにつまづきそうなポイントを抑え、CSSがどのように振る舞うのかを理解する際のに役立つ内容。

  • すべてはbox
  • すべてのboxはフローの中でレイアウトされる
  • すべてのboxはBox Modelに従う
  • 横幅と縦幅はコンテンツに従う
  • マージンは上書きされる
  • 絶対配置の基準は指定できる
  • 疑似要素はコンテンツがない場合、現れない
  • ブラウザにはデフォルトのスタイルシートがある

Why We Need Storytellers at the Heart of Product Development by Sarah Doody permalink

プロダクト開発の中心にストーリーテラーが必要な理由 permalink

Sarah氏はプロダクト開発において、プロダクトストーリーテラーが非常に重要な役割を持つと話す。製品は単なるアイデアや実際のWebサイトではなく、ユーザーのニーズを満たすことであり、誰かの生活に付加価値を与えるサービス自体のことを指す。それはしばしば、実際のデザインや開発よりもないがしろにされることがあると指摘し、その重要性を説く。

Sophisticated Partitioning with CSS Grid by Rob Weychert permalink

ショーリストのデザインをCSS Grid Layoutを利用して作成する。CSS Grid Layoutを利用することによって、シンプルなマークアップに対して、自由度の高いレイアウトを適用させることができる例を示す。

How to simplify your design by Taras Bakusevych permalink

単純さをテーマとしたデザインの原則をイラスト付きで解説する。下記の内容に加え、計21個のアイディアを紹介。

  • 値に着目してプロダクトを作る
  • 不必要なものをすべて削除する
  • データを意味のある形に変える
  • 素早い決定を手助けする
  • 多すぎる選択肢はカスタマを追い払ってしまう

In Brief