Archive

All posts

1. Vol.295

   Kota Furusawa 2nd December 2020

   WebサイトパフォーマンスをWebPageTestを使って改善する方法、Webプラットフォームにおける設計の原則、CSS関数を駆使したコンテナクエリライクな実装、ほか計10リンク

2. Vol.294

   Kota Furusawa 25th November 2020

   コンテキストについて考慮する、デザインとコピーの関係、デザインにおけるグッドプラクティス、ほか計10リンク

3. Vol.293

   Kota Furusawa 18th November 2020

   空間メモリがなぜUXデザインにとって重要なのか、情報アーキテクチャの解放、フロントエンド開発者のように考える方法、ほか計10リンク

4. Vol.292

   Kota Furusawa 11th November 2020

   ソフトウェアエンジニアリングにおける4つの原則、フロントエンド開発者の責任の拡がり、エンジニアが知っておくべき普遍的なメンタルモデル、ほか計10リンク

5. Vol.291

   Kota Furusawa 4th November 2020

   認知バイアスを回避することでより良いデザインを、Face ID と Touch IDをWebで利用する、開発者ツールで視力障害をエミュレートする、ほか計10リンク

6. Vol.290

   Kota Furusawa 28th October 2020

   DHH氏が語るソフトウェア開発の方法論、なぜ経験豊富な開発者が「時と場合による」と頻繁に言うのか、Webの歴史、ほか計10リンク

7. Vol.289

   Kota Furusawa 21st October 2020

   開発者キャリアにおける優先事項の推移、ブラウザがどのようにリソースの優先順位をつけるのか、ログではなくイベント、ほか計10リンク

8. Vol.288

   Kota Furusawa 14th October 2020

   マルチプラットフォームに対応したデザインシステム、私達の新しい開発プロセス、ユーザーフローの作り方、ほか計10リンク

9. Vol.287

   Kota Furusawa 7th October 2020

   ソフトウェア開発における8つの認知バイアス、デザインシステム運用における所有権の分散のメリット、宣言的なWeb Share API、ほか計10リンク

10. Vol.286

    Kota Furusawa 30th September 2020

    Web標準に貢献する方法、コンポーネント駆動UI、システム思考とは何か?、ほか計10リンク

11. Vol.285

    Kota Furusawa 23rd September 2020

    フォームデザインのベストプラクティス、Webの変遷とこれからのWebについて考える、デザイナーのためのオブジェクトモデリング入門、ほか計10リンク

12. Vol.284

    Kota Furusawa 16th September 2020

    すべてのデザインはGoogle Docから始まる、タスクフローの作り方、コードの読み方、ほか計10リンク

13. Vol.283

    Kota Furusawa 9th September 2020

    アイランドアーキテクチャ、ドキュメントがどのようにデザインを改善するのか、デジタル組版の未来、ほか計10リンク

14. Vol.282

    Kota Furusawa 2nd September 2020

    Facebookのアクセシビリティを改善した方法、プロダクトデザインビギナーズガイド、意思決定をサポートするためのデザイン原則、ほか計10リンク

15. Vol.281

    Kota Furusawa 26th August 2020

    誰のためのデザイン？、ライティングを学べば人生が変わる、デザインにおける北極星を形成する、ほか計10リンク

16. Vol.280

    Kota Furusawa 19th August 2020

    CSSの歴史と変遷、可読性を向上させるためのモダンなCSSテクニック、ソフトウェアエンジニア初心者の頃の自分へ送りたいアドバイス、ほか計10リンク

17. Vol.279

    Kota Furusawa 12th August 2020

    エンジニアにとっての重要なスキル、Googleの設計文書、コードは背景を示せない、ほか計10リンク

18. Vol.278

    Kota Furusawa 5th August 2020

    Shape Up を実行する方法、現段階でのプリフェッチングについて、JavaScriptではなくHTML、ほか計10リンク

19. Vol.277

    Kota Furusawa 22nd July 2020

    たった2行のコードを追加するのに時間がかかる理由、機械的なアクセシビリティ判定と実際のアクセシビリティ、プロダクトの存在価値を明確にする、ほか計10リンク

20. Vol.276

    Kota Furusawa 15th July 2020

    文字でのコミュニケーションの力、デザインシステムは地図から始めよう、WebPは本当にJPEGよりも優れているのか、ほか計10リンク

21. Vol.275

    Kota Furusawa 8th July 2020

    プログレッシブ・エンハンスメントの美しさ、Notionのパフォーマンス、すべての技術は政治的である、ほか計10リンク

22. Vol.274

    Kota Furusawa 1st July 2020

    Webプラットフォームへの貢献ガイド、デザイナーがキャリアアップするための方法、プロダクトを改善する3つのシンプルな方法、ほか計10リンク

23. Vol.273

    Kota Furusawa 24th June 2020

    UXにおける効率的フロンティア、コードをコピーするということ、Cube CSS、ほか計10リンク

24. Vol.272

    Kota Furusawa 17th June 2020

    HTMLフォームの正しい作り方、プロダクト思考をデザインシステムに活かす、グレーアウトされたボタンはアリか、ほか計10リンク

25. Vol.271

    Kota Furusawa 10th June 2020

    タッチに最適なデザイン、フレームワークではなくライブラリ、ライティングはより良いデザイナーになるために役立つのか、ほか計10リンク

26. Vol.270

    Kota Furusawa 3rd June 2020

    モダンWebについての考え、モダンWebを守る、TwitterからCSSのテクニックを学ぶ、ほか計10リンク

27. Vol.269

    Kota Furusawa 27th May 2020

    どのようにUIを設計するか、フロントエンドディベロッパーという肩書は時代遅れ、技術的負債のために機能実装を止める必要はない、ほか計10リンク

28. Vol.268

    Kota Furusawa 20th May 2020

    ボタンUIの構造、画面サイズでなく振る舞いを考える、より良い抽象化、ほか計10リンク

29. Vol.267

    Kota Furusawa 13th May 2020

    技術仕様を書くための技術、広告ブロッカーをリバースエンジニアリングする、Webサイトパフォーマンス改善の基本から応用まで、ほか計10リンク

30. Vol.266

    Kota Furusawa 29th April 2020

    デザイナーとディベロッパーが効率的なコラボレーションをするための5つの原則、技術的負債とその妥協点、システム設計とビジネスへの理解

31. Vol.265

    Kota Furusawa 22nd April 2020

    パフォーマンスをメンテナンスする、悪いデザインシステムの作り方、AppleとSafariとservice worker、ほか計10リンク

32. Vol.264

    Kota Furusawa 15th April 2020

    1fpsのWebアプリを60fpsまで改善した話、見出しとアクセシビリティ、CSSの半透明について、ほか計10リンク

33. Vol.263

    Kota Furusawa 8th April 2020

    バリデーションエラーからユーザーを復帰させる、決定に対して自信を持つ方法、なぜ私がClassを使わないのか、ほか計10リンク

34. Vol.262

    Kota Furusawa 1st April 2020

    シニアエンジニアとそれを超えるエンジニアの違い、技術的負債はテトリスと似ている、画像に高さと幅を設定することの重要性、ほか計10リンク

35. Vol.261

    Kota Furusawa 25th March 2020

    isLoadingを使うのを止めよう、カスタマインタビューにおける効果的なアプローチ方法、わずか20行のCSSでレスポンシブなマガジンレイアウトを作る、計10リンク

36. Vol.260

    Kota Furusawa 18th March 2020

    適切なアニメーションを使用するために、ドラッグ・アンド・ドロップのUIデザイン、なぜGOV.UKのデザインシステムチームはinputのtype="number"を使用しないのか

37. Vol.259

    Kota Furusawa 11th March 2020

    カラーコントラストガイドライン、レスポンシブ要素に向けて、ソフトウェア開発における要求ボラティリティの問題、ほか計10リンク

38. Vol.258

    Kota Furusawa 4th March 2020

    HTML-in-JSの利点、Shopifyにおけるコードレビューの原則、ブラウザの仕組みを紐解く、ほか計10リンク

39. Vol.257

    Kota Furusawa 26th February 2020

    プログレッシブエンハンスメントとそれにまつわる技術について、Gatsbyのパフォーマンスに対する見解について、デザインシステムのサブタスク、ほか計10リンク

40. Vol.256

    Kota Furusawa 19th February 2020

    デザインシステム総括、CSSの変遷、コードレビュー文化における悪い行動、ほか計10リンク

41. Vol.255

    Kota Furusawa 12th February 2020

    大いなるテクノロジーには大いなる責任が伴う、CSSのカスケード、組織が抱える問題とそれを改善する組織デザイン、ほか計10リンク

42. Vol.254

    Kota Furusawa 5th February 2020

    EdgeのBlink採用とWebの健全さ、ソフトウェアアーキテクトという職業、技術ドキュメントのベストプラクティス、ほか計10リンク

43. Vol.253

    Kota Furusawa 29th January 2020

    誰もがリーダーであるエンジニアリングチーム、コードとシステムにおけるメンタルモデル、Basecampのコミュニケーションガイド、ほか計10リンク

44. Vol.252

    Kota Furusawa 22nd January 2020

    Containプロパティを用いたブラウザの最適化、クリーンなコードが全てではない、Webにおけるフォントサイズの変遷、ほか計12リンク

45. Vol.251

    Kota Furusawa 15th January 2020

    デザインシステムの本質とは、プログラマとして20年働いて分かった5つのこと、現代のソフトウェアに幻滅した、ほか計11リンク

46. Vol.250

    Kota Furusawa 8th January 2020

    今、CSSを教えるということ、意志決定のための貨幣: トレードオフ、フロントエンドについて改めて考えてみる、ほか計12リンク

47. Vol.249

    Kota Furusawa 25th December 2019

    Webディベロッパーのためのアクセリビリティ基礎、優秀なフロントエンドエンジニアに求められるものとは、焦げたピザを提供しないで(そして、愛されるプロダクトデザインの開発のために)、ほか計10リンク

48. Vol.248

    Kota Furusawa 18th December 2019

    Webがまだ持ち続けている特性、平時の生産性と戦時の生産性、デザインAPI: デザインシステムの進化、ほか計10リンク

49. Vol.247

    Kota Furusawa 11th December 2019

    Firefox開発者ツールによるアクセシビリティの問題の調査、制御の反転、自分のReactを実装する、ほか計10リンク

50. Vol.246

    Kota Furusawa 4th December 2019

    ボタンを無効化するのはアプリのロジックではない、Chrome Developer Summit 2019: あなたが知るべきパフォーマンスに関するアップデート、正しいパレートの法則、ほか計10リンク

51. Vol.245

    Kota Furusawa 27th November 2019

    良いPRの作り方、instagram.comのパフォーマンス改善、nullとundefinedをハンドリングする、ほか計10リンク

52. Vol.244

    Kota Furusawa 20th November 2019

    UIの学習可能性を計測する方法、ソフトウェアプロジェクトの見積もりの重要性、テクニカルリーダーシップを育む、ほか計10リンク

53. Vol.243

    Kota Furusawa 6th November 2019

    テクノロジー業界の自動化・パワー・正義・労働、なぜ見積もりが求められるのか、Progressive Enhancementの「P」は「Pragmatism」のP、ほか計10リンク

54. Vol.242

    Kota Furusawa 30th October 2019

    デザインシステムにおける重要な要素とは、25周年を迎えたW3C、ドロップダウンフィールドの問題とそれにどう対処するべきか、ほか計10リンク

55. Vol.241

    Kota Furusawa 23rd October 2019

    ユーザーへの理解を深め、UIパフォーマンスを向上させる、高速なWebアプリのためのパフォーマンスメトリクス、アクセシブルなカラーシステムを設計する、ほか計10リンク

56. Vol.240

    Kota Furusawa 16th October 2019

    Code Splittingにおけるキャッシュの最適化、スクラップブックのデザインをCSS Gridでスタイリングする、 アイトラッキングで明らかになったユーザー4つの走査パターン、ほか計10リンク

57. Vol.239

    Kota Furusawa 9th October 2019

    モダンなCSSリセット、コードレビューを改善する、インターコムにおける良いインタラクションデザインの基礎、ほか計10リンク

58. Vol.238

    Kota Furusawa 1st October 2019

    Webサイトがバッテリーに与える影響とその対策、スタイルガイド・デザインシステム・コンポーネントライブラリ、デザインシステムにおけるバックログの作り方、ほか計10リンク

59. Vol.237

    Kota Furusawa 25th September 2019

    より良いデザインプロセスをあなたのチームに、フォームのどこにボタンを置くのか、私がプロのソフトウェアエンジニアとして1週間の間にグーグルしたすべて、ほか計10リンク

60. Vol.236

    Kota Furusawa 18th September 2019

    より良い検索結果を求めて、埋め込み画像プレビューを用いた画像読み込みの高速化、効果的なボタンデザインに関するベストプラクティス、ほか計10リンク

61. Vol.235

    Kota Furusawa 11th September 2019

    命名は難しいが、それでも私達は向き合っていかなければならない、問題を受け入れる、上司とより良い関係を築く5つの方法、ほか計10リンク

62. Vol.234

    Kota Furusawa 4th September 2019

    私がどのようにShape Upを執筆したのか、ドキュメンテーションに関する私の考え、3種類のいい技術的負債、ほか計10リンク

63. Vol.233

    Kota Furusawa 28th August 2019

    大きな境界とさらなる枝分かれ、直感的なUXのための4つのルール、テストを書く。多すぎず。そしてインテグレーションテスト、ほか計10リンク

64. Vol.232

    Kota Furusawa 21st August 2019

    早いソフトウェア、最高のソフトウェア、ケーススタディファクトリー、大規模においても信頼できるテストを実現する、ほか計10リンク

65. Vol.231

    Kota Furusawa 14th August 2019

    50MBだけで1日ネットサーフィンしてみた、ポータブルパターンを実現するためのテクニック、本当に必要だった道と現実的なUX、ほか計10リンク

66. Vol.230

    Kota Furusawa 7th August 2019

    擬似コードは素晴らしい、FT.comチームはたった7時間でどのようにドキュメントを95%改善したのか、ユーザーフレンドリーなカルーセルをデザインするための9つの条件、ほか計10リンク

67. Vol.229

    Kota Furusawa 31st July 2019

    プロのフォームデザインをするためのコツ、スキルアップのためのソースコードリーディングの方法、デザインジェネラリストの定義、ほか計10リンク

68. Vol.228

    Kota Furusawa 24th July 2019

    フロントエンドデザインという領域、ユーザビリティタスクを作るためのアイディア、BDDと機能テスト、ほか計10リンク

69. Vol.227

    Kota Furusawa 17th July 2019

    自分の仕事に責任をもちなさい、サイレントミーティング、エッジケースのデザインとどのようにそれらを見つけるか、ほか計11リンク

70. Vol.226

    Kota Furusawa 10th July 2019

    マイクロフロントエンド: そのメリット、デメリットとは、デザインシステムを利用して、どのように35時間の節約ができたのか、良いコードレビュー、悪いコードレビュー、Web Components特集、ほか計12リンク

71. Vol.225

    Kota Furusawa 3rd July 2019

    JavaScriptのコスト 2019、30年のソフトウェア開発のキャリアから学んだこと、喜びは最後に、ほか計10リンク

72. Vol.224

    Kota Furusawa 26th June 2019

    HTMLこそがWebである、CSSの考え方、持続可能なWebのマニフェスト、ほか計10リンク

73. Vol.223

    Kota Furusawa 19th June 2019

    仮想DOMは純粋なオーバーヘッドになる、Lighthouseで100点をとりながら、最もアクセシブルでないサイトを作る、キーボードユーザーとスクリーンリーダーユーザーのナビゲーションの違い、ほか計10リンク

74. Vol.222

    Kota Furusawa 12th June 2019

    なぜ私が共感デザインを信用していないのか、アクセシブルなアイコンボタン、問題解決のための8つのアドバイス、ほか計10リンク

75. Vol.221

    Kota Furusawa 5th June 2019

    あなたは手に入れた、テクノロジーではなくワークフロー、AMPとWebのパワーダイナミクス、ほか計10リンク

76. Vol.220

    Kota Furusawa 29th May 2019

    フロントエンドデベロッパとデザイナのギャップを埋める方法、ネィティブ遅延読み込みとハイブリッド遅延読み込み、“モード”というUI、ほか計10リンク

77. Vol.219

    Kota Furusawa 22nd May 2019

    UXのポジション、なぜフロントエンドのパフォーマンスにフォーカスするのか、なぜ、どのように、そしていつセマンティックHTMLとARIAを使うのか

78. Vol.218

    Kota Furusawa 15th May 2019

    技術的負債に関する神話、データの視覚化によくある失敗、構造の検査、ほか計10リンク

79. Vol.217

    Kota Furusawa 24th April 2019

    Webフロントエンドの2つの側面、Webサイトは”車”であり、”本”ではない、WebAssemblyを使用して、Webアプリを20倍高速にした、ほか計10リンク

80. Vol.216

    Kota Furusawa 17th April 2019

    単純さと退屈さ、不便なデザインの価値、柔軟で壊れないコンポーネントを書く、ほか計10 リンク

81. Vol.215

    Kota Furusawa 10th April 2019

    アクションパターン: きれいで、明白で、テスト可能なコード、誰も教えてくれないCSSの8つの原理、プロダクト開発の中心にストーリーテラーが必要な理由、ほか計10リンク

82. Vol.214

    Kota Furusawa 3rd April 2019

    IE8で一日ネットサーフィンしてみた、学ぶことを学ぶ、ローディングアニメーションに関して知っておくべきこと、ほか計10リンク

83. Vol.213

    Kota Furusawa 27th March 2019

    “リファクタリングトンネル”という考え方、スクリーンリーダーのためのセマンティクス、F1で一番早いのはどのサイト？、ほか計10リンク

84. Vol.212

    Kota Furusawa 20th March 2019

    “退屈”であることの意味と価値、カオスに秩序をもたらすデザインシステム、プロトタイプを学ぶことは、コードを学ぶことよりも重要、ほか計10リンク

85. Vol.211

    Kota Furusawa 13th March 2019

    キャッシュコントロールの基本、アプリケーションデザインの間違いトップ10、ユーザビリティのテストをデザインのコツ、ほか計10リンク

86. Vol.210

    Kota Furusawa 6th March 2019

    デザインシステムアーキテクチャダイアグラム、帯域幅と遅延の最適化について、JavaScriptオブジェクトを深く理解する、ほか計10リンク

87. Vol.209

    Kota Furusawa 27th February 2019

    ルールに基づいたUXの評価 - 低コストな方法、ナビゲーションは退屈であるべき、複雑なログインフォームにするな、ほか計10リンク

88. Vol.208

    Kota Furusawa 21st February 2019

    コードの可読性、Webでのレンダリング、View SourceのあるWeb、ほか計10リンク

89. Vol.207

    Kota Furusawa 13th February 2019

    私は素手でWebサイトを作る、その大きな境界、TypeScript税、ほか計10リンク

90. Vol.206

    Kota Furusawa 6th February 2019

    Web業界のエントリポイント、Web標準について、一人で働くエンジニアのグッドプラクティス、ほか計10リンク

91. Vol.205

    Kota Furusawa 30th January 2019

    CSSの学び方、私が知らないこと 2018、CSSは悪くない、ほか計10リンク

92. Vol.204

    Kota Furusawa 23rd January 2019

    技術的負債の問題について、UI工学、Webパフォーマンスに対する倫理的な考え、ほか計10リンク

93. Vol.203

    Kota Furusawa 16th January 2019

    フレームワークを学習するのは止めにしよう、技術に対する洞察力の必要性、セマンティックHTMLの実用価値、ほか計10リンク

94. Vol.202

    Kota Furusawa 9th January 2019

    乗り遅れた人のためのモダンJavaScript、Shadow DOMとは、prefetchingについて、ほか計10リンク

95. Vol.201

    Kota Furusawa 19th December 2018

    優秀なフロントエンドデベロッパーに必要な要素、ドキュメントに関するベストプラクティス、同質的なWebの危険性、ほか計10リンク

96. Vol.200

    Kota Furusawa 19th December 2018

    フロントエンドの開発は解決すべき問題ではない、2019年のUXトレンド、フルスタックの問題、ほか計10リンク