フロントエンド開発

jQueryプラグインの基本構造をコードで理解する

jQueryプラグインは「特別な仕組み」ではない 最小のjQueryプラグインを書いてみる $.fnとは何か なぜ(function($){ })(jQuery)で囲むのか return this が必要な理由 eachを使う理由 オプションを受け取るプラグイン 実際に起きやすかったトラブル 最後に jQ…

パッケージ管理ツールは今後どう進化していくのか

パッケージ管理ツールの役割はどう変わってきたのか 「依存関係を入れる道具」から「開発体験の基盤」へ なぜ進化が求められているのか 今後進化しそうなポイント インストールと実行の高速化はさらに進む ランタイムやビルドツールとの統合 セキュリティと…

モノレポ時代のフロントエンドのパッケージ管理ツール事情

モノレポ時代のパッケージ管理は「速度と整合性」が最優先になる なぜモノレポになるとパッケージ管理が難しくなるのか リポジトリ規模が一気に大きくなる 依存関係の衝突が表面化しやすい チーム人数が増えるほど差が出る モノレポでよくある「パッケージ管…

npm・yarn・pnpmの違いをざっくり理解する

はじめに:npm・yarn・pnpmは「何が違う」のか npmとは何者か npmの立ち位置 npmを実際に使うとこうなる yarnとは何者か yarnが生まれた背景 yarnを使うと感じやすい違い pnpmとは何者か pnpmの最大の特徴 pnpmを使うと驚きやすいポイント lockファイルの違…

Astroが本領を発揮するサイト構成と実装例

Astroとは何が特徴なのか Astro向きのサイト構成 情報提供型サイト ランディングページ・コーポレートサイト 多言語・大量ページ構成のサイト 実際のコードで見るAstroの考え方 部分的に動きを入れる場合 向いていないケースと注意点 状態管理が複雑なWebア…

ReactのuseEffectで迷う本当の理由と正しい考え方

結論:useEffectで迷う原因は「ライフサイクル思考」と「依存配列の誤解」 Reactを学び始めてしばらくすると、多くの人が同じ壁にぶつかります。 それがuseEffectの使い方がよく分からない問題です。 動いてはいるが、なぜ動くのか説明できない ESLintに言わ…