Zen's Hermitage
Index Librorum
§ Artes Mechanicae· 開発

開発

— 開発関連記事一覧
CatalogusIndex
SchedæCards

チャレンジとプロジェクトの記録です。

フロントエンド関連の技術や学習記録です。

YouTubeとNetflix、SafariとChromeで異なる動作をする理由
DEV.001

YouTubeとNetflix、SafariとChromeで異なる動作をする理由

2025-07-14

Safariで4Kが再生できるNetflixは、Chromeでは1080pに制限されます。逆に、YouTubeはChromeでも4Kが可能です。その理由は何でしょうか？調べてみましょう。

イベント処理におけるオブザーバーとイベントハンドラーの違いを深掘りしてみよう！
DEV.002

イベント処理におけるオブザーバーとイベントハンドラーの違いを深掘りしてみよう！

2025-06-23

イベント処理におけるオブザーバーとイベントハンドラーの違いを見ていき、いつ何を使うべきか明確な根拠を提示します。

Reactはフレームワークなのか？：負債ではなく投資のための質問
DEV.003

Reactはフレームワークなのか？：負債ではなく投資のための質問

2024-12-24

Reactはフレームワークなのか？という疑問についての記事です。また、これを通じて技術負債ではなく技術投資になるよう根拠を整備する行為の重要性を述べます。

JavaScriptにおける循環参照問題
DEV.004

JavaScriptにおける循環参照問題

2024-11-18

JavaScriptにおける循環参照問題とは何か、その解決方法について学びましょう。

Reactエコシステムと技術に関する深い探求です。

実践して感じたReactパフォーマンス最適化に関する考察
DEV.001

実践して感じたReactパフォーマンス最適化に関する考察

2025-01-03

航海プラスを進めながらReactパフォーマンス最適化を行いました。その過程で、最適化する方法を学ぶことができました。最適化技法を導入した結果、パフォーマンスが向上した場合もありましたが、低下した場合もありました。これに関する記録です。

React開発者ツールの探求
DEV.002

React開発者ツールの探求

2025-01-02

最適化を行うためには、パフォーマンスを測定する方法を知る必要がある。同時に、どのようにレンダリングされ、どのような過程を経て変化するのかも把握する必要がある。これを助けてくれる開発者ツールについて学んでみよう。

React Hooksとは？
DEV.003

React Hooksとは？

2024-12-30

React Hooksとは何かを理解し、React Hooksがどのような問題を解決しようとしているのかを学びます。

合成パターン(Composition pattern)で見るReactコンポーネント設計の核心
DEV.004

合成パターン(Composition pattern)で見るReactコンポーネント設計の核心

2024-11-16

Reactで使われる合成という概念の核心であるため頻繁に接してきたが、関数ベースのReactを通じて日常的に使用していながらも、あまりピンとこなかったようだ。今回プロジェクトを進める中でいくつかのコンポーネントを直接実装しながら、この概念の意味が理解できるようになった。今から私が理解した概念を整理しようと思う。

Web開発に関する様々なチュートリアルを提供します。