강의

멘토링

로드맵

BEST
Programming

/

Front-end

フロントエンド開発者向け、実践的なWebパフォーマンス最適化(feat. React) - Part. 1

React で作成された Web サービスのパフォーマンスを測定し、より高速で効率的に最適化する方法を学びます。

  • hackurity01
3시간 만에 완강할 수 있는 강의 ⏰
React
Chrome DevTools

学習した受講者のレビュー

こんなことが学べます

  • Web サービスのパフォーマンスを分析する方法

  • さまざまな Web パフォーマンス最適化手法

  • ブラウザ動作原理

  • Chrome devtools の使い方

  • フロントエンドのパフォーマンス最適化

Webフロントエンドのパフォーマンス最適化、自信がありますか?
最適化手法をまとめてきちんと学びましょう!

この講義の鮮やかな受講評! ✨

この講義は?

Inflearnのベスト!
本番Webパフォーマンス最適化シリーズ🎲

Part.1 現在の講義

  • ブログサイトの最適化
  • オリンピック統計サイトの最適化

Part.2

  • 一般ホームページの最適化
  • イメージギャラリーの最適化

Part.3 予定講義

  • 準備中!

さまざまな例を通して、 Webサービスの分析と最適化技術を学ぶことができる講義です。
一般的に理論だけを伝える無責任な一般的な最適化講義とは異なり、
実例では、直接分析と最適化を学ぶことができます
国内初のパフォーマンス最適化エキス講義です!


講義に関する質問
確認してください🙋‍♂️

Q. 講義の難易度はどのくらいですか?

基本的にはWebに関する知識が必要です。しかし、性能最適化の部分では基礎から詳しく説明をしましたので、性能最適化を初めてご利用の方でもご理解いただけます。

Q. このレッスンではどのプログラム(またはツール)を使用しますか?

Chromeの開発者ツール(devtools)を主に使用します。その他に必要に応じて追加のライブラリを使用しますが、使い方や簡単な説明を一緒にするので学習するのに困難はないでしょう。

Q. この講義だけの特別な利点がありますか?

Web パフォーマンスの最適化を学習することは困難です。なぜなら当然の資料もなく、ほとんど断片的な理論だからです。しかし、このレッスンでは、そのような断片的な最適化技術を集めて、直接学習し訓練することができるいくつかのWebサービスを用意しました。そのため、どのようにサービスを分析し、何に基づいて、どの最適化技術を適用すべきかを学ぶことができます。


この講義を作った
知識共有者を紹介します。

流動菌

  • (現)ハッチラプスフロントエンド開発者
  • (前)ラインファイナンシャルフロントエンド開発者
  • サムスンSSAFY、プログラマスなどのフロントエンド開発講義
  • Webパフォーマンス最適化プロジェクトと講義制作
  • マイクロソフト393号(JSテーマ)、392号(ブロックチェーンテーマ)寄稿

パフォーマンスの最適化ということを「どのように」学ぶのが良いかについての原論的な悩みをしてこの講義を作ることになりました。以前に複数のWebサービスの性能を分析し、最適化してみた経験を振り返ってみると、理論から多くお知らせするよりもサンプルサービスを直接分析して実習してみれば、Web性能の最適化について確実に学習できると思いました。

実は性能最適化というのは状況によって変わることができ、方法も多様だが、その中核となるものを集めておき、単に最適化技法だけではなくブラウザの動作原理性能の分析方法など、ウェブフロントエンド開発に骨となって肉がなることも教えてくれますので、一生懸命学習してください。質問はいつも歓迎です。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • Web パフォーマンスの最適化に関心のある開発者

  • より高速で軽量な Web サービスを作成したい開発者

  • Chrome devtools をさらに活用したい開発者

  • 競争力を身につけたいWebフロントエンド開発者

前提知識、
必要でしょうか?

  • HTML5、Javascript、CSS

  • React.js

こんにちは
です。

3,773

受講生

210

受講レビュー

107

回答

4.9

講座評価

3

講座

  • (전) 해치랩스 프론트엔드 개발자

  • (전) 라인 파이낸셜 프런트엔드 개발자

  • 삼성 SSAFY, 프로그래머스 등 프런트엔드 개발 강의

  • 웹 성능 최적화 프로젝트 및 강의 제작

  • 마이크로소프트웨어 393호(JS 주제), 392호(블록체인 주제) 기고

カリキュラム

全体

24件 ∙ (2時間 54分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

148件

4.9

148件の受講レビュー

  • yung66990014님의 프로필 이미지
    yung66990014

    受講レビュー 1

    平均評価 5.0

    5

    96% 受講後に作成

    It has been a great help in optimizing my work in the real world. I am looking forward to Part 2. I hope it comes out soon.

    • hackurity01
      知識共有者

      Hello, Taeyoung Yoon, this is Donggyun Yoo from the web performance optimization lecture. I'm glad it was helpful! I'll come back with another great lecture next time. Thank you. :)

    • hackurity01
      知識共有者

      Part 2 I'm here to tell you some news! If you check the notice, you'll get a discount coupon for existing students! (~9/13)

  • wjdtksdk6889님의 프로필 이미지
    wjdtksdk6889

    受講レビュー 1

    平均評価 5.0

    5

    42% 受講後に作成

    I want to listen to the next lecture soon! I think it is a valuable lecture because it is a necessary but hard to find lecture.

    • hackurity01
      知識共有者

      Hello, this is Yoo Dong-gyun from the web performance optimization lecture. Thank you for thinking this was a valuable lecture! I will come back with more helpful content in the next lecture. Thank you.

    • hackurity01
      知識共有者

      It's been almost a year.. I'm here to tell you about Part 2! If you check the notice, you'll get a discount coupon for existing students! (~9/13)

  • youmejung1826님의 프로필 이미지
    youmejung1826

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    I liked that you explained the content that I had been wondering about while studying on my own!^^

    • hackurity01
      知識共有者

      Hello, Unijjajang, this is Yoo Dong-gyun from the web performance optimization lecture. I'm glad it was helpful! I'm preparing the next lecture, so I'll come back soon with more content. Thank you.

    • hackurity01
      知識共有者

      Part 2 I'm here to tell you some news! If you check the notice, you'll get a discount coupon for existing students! (~9/13)

  • baldongdongdong9902님의 프로필 이미지
    baldongdongdong9902

    受講レビュー 9

    平均評価 5.0

    5

    100% 受講後に作成

    It was a helpful lecture! If I had seen it before the interview, I would have passed... ㅠㅠ

    • hackurity01
      知識共有者

      Hello, Lee Chung-man, this is Yoo Dong-gyun from the web performance optimization lecture. I'm glad it was helpful! There's nothing we can do about the previous interview, but I hope you have a good result in the next interview. I'll come back with more helpful content in the next lecture. Thank you.

    • hackurity01
      知識共有者

      It's been almost a year.. I'm here to tell you about Part 2! If you check the notice, you'll get a discount coupon for existing students! (~9/13)

  • junsushin45461566님의 프로필 이미지
    junsushin45461566

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    It's hard to find good material on web performance, so I'm really glad that this is organized into a lecture. I'm looking forward to Part 2!

    • hackurity01
      知識共有者

      Part 2 We have news for you! If you check the notice, there are discount coupons for existing students! (~9/13)

期間限定セール

¥33

23%

¥6,505

hackurity01の他の講座

知識共有者の他の講座を見てみましょう!

似ている講座

同じ分野の他の講座を見てみましょう!