コース一覧

React講座優れたUI構築とWebアプリケーション開発を行う

Reactは「Facebook」や「Twitter」、「Instagram」などの代表的なSNSや、「Yahoo!」、「Netflix」、「Slack」、「Uber」などのWebサービスでも利用されている、Facebook社が開発した世界的に人気のJavaScriptライブラリです。Reactを用いれば、さまざまなUIパーツの構築ができ、優れたインターフェースを効率よく作成することができます。特にWebアプリケーション開発でよく使用され、導入の手軽さやコーディングの手間を抑えられる、パーツの管理や改修がしやすいなどもReactならではの特長です。本講座では、実際にWebアプリケーションを開発しながらReactの機能や他フレームワーク、Web APIとの連携方法など実務で必要な技術を習得することができます。

講座内容

  • Reactの基本を理解する

    • フロントエンド開発とReact
    • CDNでReactを使う
    • Reactによる表示作成の仕組み
    • Node.jsとnpm
    • Npmを使用したReactアプリケーションを作成する
    • npmプロジェクトの仕組み
  • クラスコンポーネントとJSX

    • クラスコンポーネントの基本
    • コンポーネントクラスの定義
    • コンポーネントを利用する
    • propsによる属性の利用
    • ステートを利用
    • イベントの利用
    • JSXの構文的利用
  • 関数コンポーネントとフック

    • 関数コンポーネントの基本
    • ステートフック
    • 副作用フック
    • 独自フック
    • メッセージ管理アプリの作成
  • Next.jsによる機能拡張

    • Reactの機能を拡張する
    • Next.jsプロジェクトを作成する
    • ファイルシステムルーティング
    • スタイルシートの利用
    • styled-jsxの利用
    • スター付きメッセージ管理アプリの作成
  • API利用とネットワークアクセス

    • APIルートについて
    • Web APIとは
    • Fetch APIを使用する
    • SWRとは
    • パラメータを利用する
    • SWRを使ったテキスト出力
    • POST・PUT・DELETEメソッドへの対応
    • アドレス検索アプリを作る
  • Firebaseとの連携

    • データベース
    • Firestoreデータベースの利用
    • データベースとコレクション
    • Authとユーザー認証
    • Authenticationの利用
    • 認証ユーザーのみアクセスを許可する
    • ユーザー認証を使ったメッセージボード

React講座のポイント
Next.jsやFirebaseとの連携までマスターできる

React講座では、Reactベースのフレームワークである「Next.js」やGoogleのモバイルプラットフォームである「Firebase」のデータベース連携の方法も学びます。 React単体では実現できないWebアプリケーション開発を実際にコードを記述しながら学習できます。

React講座講座データ

カスタマイズコースをつくる

インターネット・アカデミーの講座なら、組み合わせ方は自由自在。本講座と必要な他の講座を組み合わせ、希望の期間や予算も考慮してカスタマイズコースをつくることができます。

カスタマイズコースをつくる

キャリアサポート

専門スクールならではの充実のキャリアサポートが付きます。また、お客様一人ひとりに専任のキャリアプロデューサーがつき、受講中も受講後も、皆さまの就職や転職、在宅ワーク、副業などのサポートを担当させていただきます。

※サポート3、4、7、8には開催期間、応募期間や申込条件がある場合があります。詳しくは担当キャリアプロデューサーにご相談ください。

受講スタイル全授業をオンラインで提供中!

LIVE & ONLINE

インターネット・アカデミーは決してあなたの学びを止めません。
今なら母体制作会社の実践ノウハウを、すべてオンライン上で学ぶことができます。

ご自身のキャリアプランを相談したい方へWebのプロフェッショナルが
お待ちしています

「インターネット・アカデミーの歴史まるわかり年表」プレゼント

まずは無料カウンセリング
無料体験レッスンからスタート!

インターネット・アカデミーでは、毎日無料体験レッスンを開催しています。授業の体験をしていただくのはもちろん、お一人おひとりのニーズにぴったりのコースや学び方を選ぶお手伝いをします。ぜひお気軽にお越しください。

このページの上へ

Webを学びたいすべての方へ無料カウンセリングを開催中

インターネット・アカデミーは、Webデザインやプログラミングなど、Web・ITが学べる日本初の専門スクールです。一人ひとりのご要望に合わせて、キャリアカウンセリングやレッスンを無料で体験して頂けます。

無料でカウンセリングをする