· 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)とミュート(mute)
フロントエンドとセキュリティ
- フロントエンドとセキュリティ
番外編
- 良いコードとは何か?
- 再考:Redux
応用編
- Functional Reactive Programming
- GraphQL
- フロントエンドができる SEO
- フロントエンドとバックエンド
- ライブ配信アプリ開発で知っておくべきこと
- Universal Link
- エラーハンドリング
上記のトピックに興味があれば、鉄人レースや GitBook のリンクをぜひチェックしてみてほしい:
関連記事
- Three.js で僕の部屋を表現する 僕が React Three Fiber を使って実際の自分の部屋をブラウザ上に再現し、実世界のオブジェクトを目録に見立て、空間の記憶を通してここ数年の生活と仕事について語った話。
- フロントエンドで画像を扱う際に注意すべきこと Jake Archibaldの記事を起点に、現代のレスポンシブ画像の書き方を整理する。なぜwidth/heightを付ける必要があるのか、CSSのaspect-ratioはいつ使うべきか、AVIFとWebPの選び方、そしてpicture/source/srcsetを使ったモバイル向け画像の切り替えについて。
- CSS field-sizing — たった1行のCSSでフォーム要素を自動リサイズする かつてtextareaの自動高さ調整は、JavaScriptでscrollHeightを監視するしかなかった。しかしCSSのfield-sizing: contentなら、わずか1行で代替でき、textarea、input、selectに対応している。本記事では従来のやり方のペインポイントと、field-sizingの使い方をまとめる。
- リンクの下線をもっと見栄え良くする:text-underline-offset デフォルトでは下線と文字が近すぎて、このスタイルを好まないデザイナーもいるし、僕自身もあまり綺麗ではないと感じていた。