Inflearn brand logo image
Inflearn brand logo image
Inflearn brand logo image
Programming

/

Web Development

実習でマスターするOAuth 2.0:基本からセキュリティリスクまで

OAuth 2.0をGoogleやFetchのようなアカウントで簡単ログインを試してみて既におなじみに感じられるかもしれません。ソーシャルログインはOAuth 2.0を拡張して作成されたもので、コア技術はOAuth 2.0認定フレームワークにあります。 OAuth 2.0の原理を理解すれば、それに基づいて必要に応じて適切に実装および調整する能力を育てることができます。

  • hannut911327
3시간 만에 완강할 수 있는 강의 ⏰
이론 실습 모두
로그인
OAuth
Next.js
JavaScript

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

こんなことが学べます

  • OAuth2.0

  • ソーシャルログイン

OAuth 2.0をマスターする:基礎から実装、セキュリティまで

ソーシャルログインは現在、ほとんどのオンラインサービスに不可欠な機能となっています。ユーザーはこの機能を使用して簡単にログインでき、サービスプロバイダは重要なユーザー情報を簡単に収集できます。また、さまざまなログインオプションを提供することで、ユーザーに選択の幅を広げています。

しかし、これらのソーシャルログインシステムを実装して管理するプロセスは、単にKind文書に従うよりも必要です。重要な原理を正しく理解しないと、問題が発生したときに適切な対処が困難になります。特に、OAuth 2.0などのフレームワークを活用したログインには、セキュリティ上の脆弱性の理解と対処方法が必要です。

講義内容

  1. OAuth 2.0の基礎: OAuth 2.0フレームワークの基本原理を学び、この原理が実際のコードでどのように実装されているかを実践してください。

  2. セキュリティ上の脆弱性の対応: OAuth 2.0システムのセキュリティ上の脆弱性を特定し、それらを防御する方法を実践を通して学びます。

  3. 認証プロトコルの拡張: OAuth 2.0を拡張して、OpenID Connectなどの認証プロトコルを実装する方法を実践します。これは、特に認証を代行する需要が高まるにつれて、さらに重要になっています。

こんな方におすすめです

簡単ログイン機能
実装する必要がある方

ソーシャルメディアアカウントを介したログイン機能を自分のサービスに導入したい開発者

簡単ログインは実装しましたが、
原理が気になる方

すでにソーシャルログイン機能をサービスに統合していますが、その動作原理やセキュリティの側面を深く理解していない方

新しいスキルを学びたい方

OAuth 2.0のような認証プロトコルに初めて触れる開発者や、より深い理解を望む開発者

受講後は

  • OAuth 2.0の基本概念と原理を完全に理解し、さまざまなアプリケーションでこれをどのように活用するかを学びます。

  • OAuth 2.0の実装中に発生する可能性があるセキュリティの脆弱性を守るための戦略を立てることができます。

  • OAuth 2.0を拡張することで、OpenID Connectを理解し実装することができます。

この講義の特徴

重要な特徴と差別点を紹介してください。

スクリーンショット2024-04-19午後4.28.10

基礎概念について学ぶ

まず、技術の登場の背景と動作原理から学びます。この過程でおおよその絵を描くことが目標です。

概念がどのようにコードで実装されているかを直接試してください。

頭の中に描かれた絵がコードで直接実装されるのを見ながら、より明確な絵を描くことが目標です。

この講義を作った人

こんにちはハン・ユンソクです。
私は学んだことを他の人と共有するのが好きです。私が学んだ良い知識を他の人も一緒に学んでほしいという気持ちで講義を作ってからコードを呼び始めるほどでしたから。

そして一緒に学ぶのも好きです。お互いに聞いて知らせながら学ぶのがもっと楽しいようで、成長し続けるしかない状況に私を押し込むようです。そこでスタディを着実に運営しています。さらに、どうすればより良い相乗効果を生み出すことができるのか悩んでいます。

一生懸命学び、全力を尽くすために今日も頑張っています。いつか開発者がもはや不安に震えず、幸せに開発できる世界が来てほしいです。

質問がありますか?

Q. 実践環境はどうなりますか?

練習はNext.jsを利用します。クライアントとサーバーを1つのプロジェクトで作成できるので、もっと簡単に思えるので、Next.jsを使用しました。

Q. 必要な事前知識がありますか?

JavaScriptに関する知識とReactに関する知識があれば良いです。しかし、なくても理解できるほど単純な機能だけを使用するのでなくても関係ありません。

Q. OAuth 2.0はどこまで扱えますか?

OAuth 2.0を使用してサービスを作成するときに必要な知識だけをカバーします。 OAuth 2.0をサポートする認可サーバーを構築するか、リソースサーバーを構築することも重要です。ただし、自分で構築することは一般的ではないため、このレッスンではOAuth 2.0を使用して他のサービスを作成するために必要な知識だけを扱います。

受講前の注意

各講義は意図的に1.理論説明動画、2.講義資料テキスト、3.実習映像で構成されています。ですから、ぜひ次のような手順で学習することをお勧めします。

  1. 理論動画講義を見ながらおおよその概念を理解する。

  2. 次の講義資料テキストを読みながら動画講義で学んだことを思い出す。

  3. 実習を見て学んだ理論がコードでどのように実装されるかを確認します。特に理論的内容が実際に動作する過程を目指してみる。

  4. 実習を閉じて直接タイピングして作ってみる。この時実習映像をそのまま追いつくのではなく、動画を消して私が直接してよりもわかりにくいときに動画を少し参考だけして再び閉じて実習を進行する。

このように設計した理由は、ビデオ講義は私が言うスピードに合わせなければならず、内容を受け入れるという精神がなく、私が正しく理解したのかどうかを認識するのは難しいです。それで、まるで分かるような錯覚に陥ります。

一方、テキストはそれぞれ次第の速度で読んでしばらく止めて考えにロックすることもあり、いずれかの段落や文全体を再び読みながら考えることができるからです。

練習に従うのはあまり良くありません。私は直接思い出してコードを書くことができるはずです。これは簡単ではありませんが、それほど学ぶことはたくさんあります。ぜひこのようにしてみてください。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • ソーシャルログイン機能を実装する必要がある方

  • 認証認可プロトコルについて詳しく学びたい方

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

  • JavaScript

  • ネットワーク

こんにちは
です。

114

受講生

10

受講レビュー

4.9

講座評価

1

講座

カリキュラム

全体

10件 ∙ (1時間 15分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

10件

4.9

10件の受講レビュー

  • snowoods님의 프로필 이미지
    snowoods

    受講レビュー 5

    平均評価 5.0

    5

    60% 受講後に作成

    • smkim님의 프로필 이미지
      smkim

      受講レビュー 1

      平均評価 5.0

      5

      60% 受講後に作成

      • mho님의 프로필 이미지
        mho

        受講レビュー 1

        平均評価 5.0

        5

        60% 受講後に作成

        • neyo님의 프로필 이미지
          neyo

          受講レビュー 2

          平均評価 5.0

          5

          100% 受講後に作成

          최고!

          • seonggu.lee님의 프로필 이미지
            seonggu.lee

            受講レビュー 7

            平均評価 5.0

            5

            100% 受講後に作成

            도움 많이 되었습니다. 감사합니다.

            ¥2,696

            似ている講座

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