· 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をチェックしてみてください:
関連記事
- フロントエンドで画像を使うときに注意すべきことJake Archibald の記事をもとに、現代的なレスポンシブ画像の書き方を整理する。なぜ width/height は今でも必要なのか、CSS の aspect-ratio はいつ使うのか、AVIF と WebP をどう選ぶのか、そして picture/source/srcset でモバイル向け画像を切り替える方法までまとめる。
- CSS field-sizing — 1行のCSSでフォーム要素を自動リサイズさせるtextarea の自動高さ調整は、以前は scrollHeight を監視する JavaScript が必要だった。CSS field-sizing: content なら1行で済む。textarea・input・select に対応。
- 超リンクの下線をもっときれいに見せる:text-underline-offsetデフォルトでは下線が文字にかなり近く、こういう見た目を好まないデザイナーもいる。僕自身も、あまりきれいだとは思っていない。
- なぜウェブは Pixel Perfect を追求すべきではないのかPixel Perfect が本当に重要なときだけそれを気にすべきであり、そうでなければ往々にして双方にとって損な結果になる。