· 2分で読了
ディープフロントエンド開発
# フロントエンド この記事は中国語から自動翻訳されたものです。翻訳によりニュアンスが失われている場合があります。
以前からフロントエンド開発に関する情報を記録したいと思っていましたが、なかなか手を付けられずにいました。しかし、アイアンマン大会の期間中に一気に整理することができました。 このシリーズは大きくいくつかの部分に分かれており、将来的にはさらに続けて書いていくつもりです。
JavaScript 基礎
- JavaScriptとECMAScriptについての簡単な解説
- JavaScriptの一般的な操作の紹介
- == と ===、浮動小数点演算
- もう一度 Event Loopについて
- jQueryを再考する
- JavaScriptとメモリ管理
- 即時実行関数（IIFE）
フロントエンドエンジニアリング
- なぜフロントエンドにエンジニアリングが必要なのか？ — webpack
- Babelの登場をもたらしたもの
フロントエンド UI 開発
- UIを実装する際に考慮すべきこと
- フロントエンドはAPIをどう管理するか（上）
- フロントエンドはAPIをどう管理するか（中）
- フロントエンドはAPIをどう管理するか（下）- いくつかの経験談
- CSSにまつわる100の悩み
- CSS管理について - タイポグラフィで注意すべきこと
- キャッシュについての簡単な考察
フロントエンドフレームワークについて
- ReactとVue - jQueryがあるのにxxxはなぜ必要か？
- fluxとredux（未完成）
ブラウザJavaScript
- 空き時間を有効利用 - requestIdleCallback
- Browser APIの探求（中）
- Browser APIの探求（下）
- Autoplayとミュート
フロントエンドとセキュリティ
- フロントエンドとセキュリティ
番外編
- 良いコードとは何か？
- Reduxについて再考
上級編
- Functional Reactive Programming
- GraphQL
- フロントエンドができるSEO
- フロントエンドとバックエンド
- 開発ライブアプリケーションで知っておくべきこと
- Universal Link
- エラーハンドリング
上記のテーマに興味がある方は、ぜひアイアンマンのリンクやGitbookをチェックしてみてください：
関連記事
- CSS field-sizing — 1行のCSSでフォーム要素を自動リサイズさせるtextarea の自動高さ調整は、以前は scrollHeight を監視する JavaScript が必要だった。CSS field-sizing: content なら1行で済む。textarea・input・select に対応。
- 超リンクの下線をもっときれいに見せる：text-underline-offsetデフォルトでは下線が文字にかなり近く、こういう見た目を好まないデザイナーもいる。僕自身も、あまりきれいだとは思っていない。
- なぜウェブは Pixel Perfect を追求すべきではないのかPixel Perfect が本当に重要なときだけそれを気にすべきであり、そうでなければ往々にして双方にとって損な結果になる。
- CSS の HSL で色を書こう！（そしてより良い方法）Web開発において、従来の HEX や RGB の色表現は広く使われているものの、読みやすさや直感性に欠ける問題があり、P3 のような広色域では表現力にも限界がある。HSL（色相、彩度、明度）は、より直感的に色を定義できる方法であり、開発者が色を理解し調整しやすくしてくれる。HSL は色相・彩度・明度の3つの軸で色を表すため、特にデザインシステムにおいて、カラーパレットの明度変化をより自然に扱える。