Archive

All posts

1. Vol.270

   Kota Furusawa 3rd June 2020

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

2. Vol.269

   Kota Furusawa 27th May 2020

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

3. Vol.268

   Kota Furusawa 20th May 2020

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

4. Vol.267

   Kota Furusawa 13th May 2020

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

5. Vol.266

   Kota Furusawa 29th April 2020

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

6. Vol.265

   Kota Furusawa 22nd April 2020

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

7. Vol.264

   Kota Furusawa 15th April 2020

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

8. Vol.263

   Kota Furusawa 8th April 2020

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

9. Vol.262

   Kota Furusawa 1st April 2020

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

10. Vol.261

    Kota Furusawa 25th March 2020

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

11. Vol.260

    Kota Furusawa 18th March 2020

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

12. Vol.259

    Kota Furusawa 11th March 2020

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

13. Vol.258

    Kota Furusawa 4th March 2020

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

14. Vol.257

    Kota Furusawa 26th February 2020

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

15. Vol.256

    Kota Furusawa 19th February 2020

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

16. Vol.255

    Kota Furusawa 12th February 2020

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

17. Vol.254

    Kota Furusawa 5th February 2020

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

18. Vol.253

    Kota Furusawa 29th January 2020

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

19. Vol.252

    Kota Furusawa 22nd January 2020

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

20. Vol.251

    Kota Furusawa 15th January 2020

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

21. Vol.250

    Kota Furusawa 8th January 2020

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

22. Vol.249

    Kota Furusawa 25th December 2019

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

23. Vol.248

    Kota Furusawa 18th December 2019

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

24. Vol.247

    Kota Furusawa 11th December 2019

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

25. Vol.246

    Kota Furusawa 4th December 2019

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

26. Vol.245

    Kota Furusawa 27th November 2019

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

27. Vol.244

    Kota Furusawa 20th November 2019

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

28. Vol.243

    Kota Furusawa 6th November 2019

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

29. Vol.242

    Kota Furusawa 30th October 2019

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

30. Vol.241

    Kota Furusawa 23rd October 2019

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

31. Vol.240

    Kota Furusawa 16th October 2019

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

32. Vol.239

    Kota Furusawa 9th October 2019

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

33. Vol.238

    Kota Furusawa 1st October 2019

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

34. Vol.237

    Kota Furusawa 25th September 2019

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

35. Vol.236

    Kota Furusawa 18th September 2019

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

36. Vol.235

    Kota Furusawa 11th September 2019

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

37. Vol.234

    Kota Furusawa 4th September 2019

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

38. Vol.233

    Kota Furusawa 28th August 2019

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

39. Vol.232

    Kota Furusawa 21st August 2019

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

40. Vol.231

    Kota Furusawa 14th August 2019

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

41. Vol.230

    Kota Furusawa 7th August 2019

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

42. Vol.229

    Kota Furusawa 31st July 2019

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

43. Vol.228

    Kota Furusawa 24th July 2019

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

44. Vol.227

    Kota Furusawa 17th July 2019

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

45. Vol.226

    Kota Furusawa 10th July 2019

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

46. Vol.225

    Kota Furusawa 3rd July 2019

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

47. Vol.224

    Kota Furusawa 26th June 2019

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

48. Vol.223

    Kota Furusawa 19th June 2019

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

49. Vol.222

    Kota Furusawa 12th June 2019

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

50. Vol.221

    Kota Furusawa 5th June 2019

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

51. Vol.220

    Kota Furusawa 29th May 2019

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

52. Vol.219

    Kota Furusawa 22nd May 2019

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

53. Vol.218

    Kota Furusawa 15th May 2019

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

54. Vol.217

    Kota Furusawa 24th April 2019

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

55. Vol.216

    Kota Furusawa 17th April 2019

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

56. Vol.215

    Kota Furusawa 10th April 2019

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

57. Vol.214

    Kota Furusawa 3rd April 2019

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

58. Vol.213

    Kota Furusawa 27th March 2019

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

59. Vol.212

    Kota Furusawa 20th March 2019

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

60. Vol.211

    Kota Furusawa 13th March 2019

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

61. Vol.210

    Kota Furusawa 6th March 2019

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

62. Vol.209

    Kota Furusawa 27th February 2019

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

63. Vol.208

    Kota Furusawa 21st February 2019

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

64. Vol.207

    Kota Furusawa 13th February 2019

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

65. Vol.206

    Kota Furusawa 6th February 2019

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

66. Vol.205

    Kota Furusawa 30th January 2019

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

67. Vol.204

    Kota Furusawa 23rd January 2019

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

68. Vol.203

    Kota Furusawa 16th January 2019

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

69. Vol.202

    Kota Furusawa 9th January 2019

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

70. Vol.201

    Kota Furusawa 19th December 2018

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

71. Vol.200

    Kota Furusawa 19th December 2018

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