
Next.jsとyolov11で火災検知システム構築
ludgi
Next.js, YOLOv11, FastAPIを活用してリアルタイム火災検知システムを構築する方法を学びます。
초급
Next.js, yolo, Python
再利用性が高く、保守しやすいコンポーネント構造設計能力
コンポーネント設計時に適切なパターンを素早く選択・適用する
多くの人々がReactをどうすればもっとうまく使えるか、より良い方法はないかと悩んできました。
そして、Reactを使いながらぶつかる繰り返しの問題に対する解決策を出したのです。
この講義では、その7つの解決策、Container & Presentation、Compound、Custom Hooks、Data Provider、HOC、Render Props、State Reducerについて扱います。
単にこのようなデザインパターンがある〜と紹介するのではなく、そのデザインパターンがどのような長所と短所を持っているのか、どのような特徴を持っているのか、コンポーネントをどのように捉えてどのように活用するのかを学んでいきます。
デザインパターンを難しく考える必要はありません。
簡単な例題とシンプルな説明で素早く学びましょう!
🔍 各パターンの核心概念とパターンの活用例
🔍 パターン別の長所と短所、適用時に考慮すべきトレードオフ
🔍 どのパターンをいつ選択するかの基準提示
📌7つのパターンを短く明確な例題で素早く学習してみましょう
📌単純な暗記ではなく、コンポーネントを見る視点を学びましょう
📌 再利用性・テスト性・パフォーマンスの観点からの比較と判断基準を立ててみましょう
🤔 Reactの基本は知っているけど、コンポーネント設計が散発的でメンテナンスが大変な方
😎 デザインシステム/ライブラリ制作を目標とする方
メンテナンス性と再利用性の高いコンポーネントを設計・実装できます
状況に合ったパターン選択でコードの一貫性と拡張性を改善できます
コンポーネントを見る新しい視点を持つことができます。
Reactの基礎知識が必要です
Reactを使用して小さなプロジェクトでも作ってみた経験が必要です
TypeScript + React を使用するため、TypeScript を知っている必要があります
学習対象は
誰でしょう?
Reactでコードは書けるけれど、より構造的で拡張可能なコードを書きたい方
Reactの基礎はあるが、構造的設計とパターン活用が不足している方
前提知識、
必要でしょうか?
React
TypeScript
全体
15件 ∙ (51分)
講座資料(こうぎしりょう):
¥2,093
同じ分野の他の講座を見てみましょう!