Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Next.js V15：電話番号・SMS2段階認証！UpstashでRate Limiting！安全ななセキュリティー
Rating: 5.0 out of 5(4 ratings)
43 students

Next.js V15：電話番号・SMS2段階認証！UpstashでRate Limiting！安全ななセキュリティー

Next.jsのバージョン15で、電話番号・SMS二段階認証を導入したアプリケーションをフルスタックで開発!!Vonageの利用方法！Upstashでのレートリミット！セキュリティー実装！DoS攻撃,DDoS攻撃,EDoS攻撃の対策について
Created bylone programmer
Last updated 6/2025
Japanese
Japanese [Auto],

What you'll learn

  • Vonageを駆使した、SMSメッセージの送信方法を、実践的に学ぶことが出来ます。 堅牢な、SMS二段階認証を導入した、Reactベースのアプリケーションの構築手順を学べます
  • NextJs V15、かつ、React19で正式に導入された、useActionStateを使いこなすことが出来る様になります。 また、Server Actionsの、重要なseculityアップデートについてもレクチャーさせていただきます。
  • DoS攻撃,DDoS攻撃,EDoS攻撃、7といったハッキング攻撃について徹底解説！汎用的な対策～AWSやVercelでの対策方法についてレクチャーさせていただきます。
  • Upstashを駆使した、Rate Limiting(レートリミット)の導入方法を、実践的に学ぶことが出来ます。ブルートフォース攻撃の対策として、有効です。
  • 正規表現を駆使した、堅牢な、バリデーション機能の構築方法を学ぶことが出来ます。

Explore related topics

Course content

4 sections • 29 lectures • 3h 48m total length

  • プロモーション9:21
  • アプリケーションのクローン～ライブラリのインストール3:45

    「
    2 vulnerabilities (1 high, 1 critical)

    To address issues that do not require attention, run:

      npm audit fix

    To address all issues, run:

      npm audit fix --force

    Run `npm audit` for details.
    」

    「npm i」実行時に、上記の様な脆弱性に関するログが出力された場合は、以下のコマンドを実行して下さい。

    「npm audit fix --force」

  • ライブラリインストール時の、脆弱性のログについて・・・0:26
  • DockerでDBの準備～prismaの初期設定3:01

    この動画では、Dockerを用いて、でPostgreSQLのデータベースを準備したのち、

    prismaと連系するための初期設定を行っていきます。

  • Vonageとは?料金コスト,登録,apiKeyの取得,資金の追加方法まで徹底解説6:37

    この動画では、Vonageについて、解説させていただきます。

    利用コスト,API KEYの取得方法,資金の追加方法まで徹底解説いたします。

  • Vonage APIを用いて、SMSを送信するための関数を定義5:42

    この動画では、VonageのAPIを用いて、SMSで認証メッセージを送信する関数について、解説します。

    公式ページでAPIの使用方法を確認した後、コードについて解説いたします。

  • DoS,DDoS,EDoS攻撃と、その対策について9:06

    この動画では、従量課金型サービスを利用する際に注意すべきDoS攻撃,DDoS攻撃,EDoS攻撃といったハッキング攻撃について詳しく解説していきます。

    また、汎用的な対策方法から、VercelやAWSでの対策方法についても解説いたします。

  • Upstashでレートリミット(Rate Limiting)を実装11:23

    この動画では、UpstashとRedisについて解説した後、Upstashの機能を用いて、リクエスト数の制限・レートリミットを設けるための関数を定義していきます。

Requirements

  • 本講義を受講する上では、以下の4つのことが必要となってきます。 ①Nextjsの使用経験。フロントエンドとバックエンドを、NextJsで開発していきます。NextJsを全く触ったことが無い初心者の方は、ご購入をお控え頂けると幸いです。 ②Tailwind CSSについての理解。Tailwind CSSを用いますが、解説は行っていません。 ③予め、githubアカウントと、AWSアカウンを作成しておいて下さい。④Dockerが使用可能な環境。予め、ドッカーコマンドを、使用可能な状態にしておいて下さい。

Description

Next.js V15で、電話番号・SMS2段階認証を導入したアプリケーションをフルスタックで開発!!

Server Actionsや、useActionStateを使用しながら、構築していきます。


正規表現を駆使して、高度なvalidation(バリデーション)を導入し、

クロスサイトスクリプティング・XSSの対策もします。


また、DoS攻撃,DDoS攻撃,EDoS攻撃といったハッキング手法についての解説と、対策もレクチャーさせていただきます



■この講義を受講するメリット：

　①vonageを駆使した、SMSでの2段階認証の導入方法を学べる:

　②Next.js V15,React V19で導入された、useActionStateでのServerActions関数の制御：

　③DDoS,DDoS,EDoS攻撃についての理解が深まる

　　AWS,VercelでのDoS系統の対策についても解説。

　④Upstashを駆使した、Rate limitの導入方法を学べる

　⑤フォームから入力された値の無害化＆バリデーション：

　⑥middleware.ts＋JWTトークンを組み合わせた、Edge Runtime上の認証システムを1から構築可能に：


■[ 最後に ]:

至らない点もあるかもしれませんが、丁寧な解説を心がけますので、是非とも最後まで、ご受講いただければ幸いです。

よろしくお願いいたします。

それでは、本講義でお会いできることを、楽しみにしています。


Who this course is for:

  • Vonageを駆使した、SMSメッセージの送信方法をマスターしたい方。
  • 堅牢なSeculity(セキュリティー)！SMS二段階認証を導入した、Reactベースのアプリケーションの構築手順を学びたい方。
  • Upstashを駆使した、Rate Limiting(レートリミット)の導入方法を、実践的に学びたい方。
  • NextJs V15、かつ、React19で正式に導入された、useActionState ＋ Server ACtions についての理解を深めたい方。
  • 正規表現をマスターし、自在にバリデーション(validation)を実装する力を身に着けたい方。
  • DoS攻撃,DDoS攻撃,EDoS攻撃、といったハッキング攻撃と、その対策方法を学びたい方。

Report abuse