学習方法

メンター情報

料金

対応時間帯

返信スピード

学習方法

メンター情報

料金

対応時間帯

返信スピード

React.js Slack チュートリアル 環境構築 初心者歓迎

【超実践的】独自のReactチュートリアルとSlackでのサポート!

受講生:1
【超実践的】独自のReactチュートリアルとSlackでのサポート!-image1
【超実践的】独自のReactチュートリアルとSlackでのサポート!-image2
【超実践的】独自のReactチュートリアルとSlackでのサポート!-image3
【超実践的】独自のReactチュートリアルとSlackでのサポート!-image4

できること

React + TypeScript を使った超実践的なアプリケーション開発を学べるチュートリアル!

このチュートリアルでは React と TypeScript を使用して、実際に実務で使われるような構成のアプリケーションを構築する方法を学ぶことができます。
React のアプリ自体は簡単な Todo アプリですが、実務で使用するツールや環境構築を一通り網羅した内容となっており、linter, formatter, test, Storybook などを組み合わせた開発方法を学ぶことができます。

課題を順番に進めていくことでアプリの作成方法と環境構築の進め方を学ぶことができます。

私が今まで学んだあらゆるノウハウのエッセンスを詰め込んだ内容になっています。

Slack での簡単な質問も受け付けるので、一人で学習するよりも効率的に学ぶことができます。

React + TypeScript を使ったアプリケーション開発に興味がある方や実務レベルの環境構築の方法を知りたい方は、このチュートリアルをぜひご契約くださいませ。

他の React チュートリアルとの違い

このチュートリアルは実践的なアプリケーションの開発方法に触れることを目的としています。

世の中に様々な React のチュートリアルがありますが、それらの多くは React の基本的な使い方を学ぶためのものです。
しかし、実際にアプリケーションを開発する上で必要な知識やスキルは、React の基本的な使い方だけでは不十分です。

実務では、React や TypeScript などのアプリケーションの開発が出来ればいいだけでなく、
ESLint, Prettier, Stylelint などでコードの質を担保したり、
husky, lint-staged などで常にコードの品質を維持したり、
Storybook でコンポーネントのカタログを作成したり、
テストを書くことでバグを防止したりする必要があります。

このチュートリアルではそれらのツールを一通り導入することで、実務での開発体験の一端を体験することができるようにしました。

前提

  • このチュートリアルではご自身で調べながら進めていただくことを前提としています。
    • 「書いていることを上から順番に実行するだけで完了する」ようなチュートリアルではありません。
  • わかりづらい部分は質問していただくことで適宜拡充していきます!

このチュートリアルで学べること・含まれること

  • 学べること
    • React + TypeScript でのアプリケーションの開発方法
    • ロジックやコンポーネントのテスト方法
    • Storybook によるコンポーネントのカタログの作成及びテストの方法
    • ESLint, Prettier, Stylelint などの各種 linter, formatter の導入方法
    • husky, lint-staged によるコードの品質担保のための環境構築方法
  • Slack での簡単な質問も受け付けます!
    • ※ 個別の対応が必要だったり、解決が難しい問題の場合は別途質問のコースを契約することをお願いする場合がございます。

このチュートリアルでは学べないこと

  • アプリケーションのデプロイ方法
  • 大規模な React アプリの作成方法
  • git や GitHub の使い方などの基礎的な知識
    • できる範囲でサポートいたします...!

対象者

  • フロントエンド開発を学びたい方
  • React を使ったアプリケーション開発を学びたい方
  • 実務レベルの開発環境の構築環境を学びたい方
  • 網羅的に整った環境を構築したい方

推奨環境

  • 特に指定はなし
    • ただし、私の手元にある PC が M1 Mac なのでそれ以外の環境での動作確認はしておりません。
    • (おそらく)どの環境でも問題なく動作すると思いますが、それぞれ追加での設定や対応が必要な可能性がございます。

おわりに

プランをご覧いただき誠にありがとうございます。

ここまで網羅的に且つ必要最低限の環境構築を学べるチュートリアルは中々ないのではないか?と我ながら思っています。

私自身が今まで数年かけて学んだことのエッセンスを簡潔にまとめているので、
React を学びたい方・実務レベルの環境構築方法を知りたい方はぜひご契約くださいませ!

メンタープロフィール

ひろ@フルスタックWebエンジニア

最終ログイン:10時間前
契約実績:5
評価: 5.0

コースメニュー

レビュー

レビューは投稿されていません。
このメンターの他のプラン
【未経験・初学者 歓迎】都内上場IT企業のWebエンジニアが転職や学習のサポートをします!
【未経験・初学者 歓迎】都内上場IT企業のWebエンジニアが転職や学習のサポートをします!
【未経験・初学者 歓迎】都内上場IT企業のWebエンジニアが転職や学習のサポートをします!
5.0 (4)
あなたにおすすめの人気メンター
クラス設計(Clean,DDDなど)をカリキュラムを使って教えます
クラス設計(Clean,DDDなど)をカリキュラムを使って教えます
クラス設計(Clean,DDDなど)をカリキュラムを使って教えます
4.8 (61)
デザインの学びを深めるデザイン添削します
デザインの学びを深めるデザイン添削します
デザインの学びを深めるデザイン添削します
5.0 (5)
フリーランス独立や転職、面接の相談
フリーランス独立や転職、面接の相談
フリーランス独立や転職、面接の相談
5.0 (16)
3Dアニメーターとしての就職・転職のサポート 必要技術の習得
3Dアニメーターとしての就職・転職のサポート 必要技術の習得
3Dアニメーターとしての就職・転職のサポート 必要技術の習得
5.0 (41)
データベースの設計相談、レビュー
データベースの設計相談、レビュー
データベースの設計相談、レビュー
データベースの設計と仕組み解説(SQLチューニングもあり)
データベースの設計と仕組み解説(SQLチューニングもあり)
データベースの設計と仕組み解説(SQLチューニングもあり)
5.0 (19)
Terraformの技術サポート・レビュー
Terraformの技術サポート・レビュー
Terraformの技術サポート・レビュー
5.0 (2)
【PC初心者OK】最高週6メンタリング🖥共有でPG99人以上輩出❗️面白さ引出し最短プログラマーに
【PC初心者OK】最高週6メンタリング🖥共有でPG99人以上輩出❗️面白さ引出し最短プログラマーに
【PC初心者OK】最高週6メンタリング🖥共有でPG99人以上輩出❗️面白さ引出し最短プログラマーに
4.8 (511)
【内定/案件獲得100件超🔥】未経験から3ヶ月でエンジニア内定/Web制作フリーランス案件獲得🔥
【内定/案件獲得100件超🔥】未経験から3ヶ月でエンジニア内定/Web制作フリーランス案件獲得🔥
【内定/案件獲得100件超🔥】未経験から3ヶ月でエンジニア内定/Web制作フリーランス案件獲得🔥
4.7 (1058)
【AIアプリ開発プラン🚩】未経験からAIアプリ開発🔥ChatGPTで生成AIアプリを開発
【AIアプリ開発プラン🚩】未経験からAIアプリ開発🔥ChatGPTで生成AIアプリを開発
【AIアプリ開発プラン🚩】未経験からAIアプリ開発🔥ChatGPTで生成AIアプリを開発
ロゴデザイン、ブランディングについて教えます。
ロゴデザイン、ブランディングについて教えます。
ロゴデザイン、ブランディングについて教えます。
5.0 (4)
初心者さん大歓迎🐣現役フリーランスデザイナーが、Webデザインを学ぶあなたをサポートします🔥
初心者さん大歓迎🐣現役フリーランスデザイナーが、Webデザインを学ぶあなたをサポートします🔥
初心者さん大歓迎🐣現役フリーランスデザイナーが、Webデザインを学ぶあなたをサポートします🔥
5.0 (32)
【Rails】オリジナルのロードマップを作成し、エンジニア転職に向けた学習と就職サポートをします🔥
【Rails】オリジナルのロードマップを作成し、エンジニア転職に向けた学習と就職サポートをします🔥
【Rails】オリジナルのロードマップを作成し、エンジニア転職に向けた学習と就職サポートをします🔥
4.8 (352)
PHP/Laravelの設計・技術サポート
PHP/Laravelの設計・技術サポート
PHP/Laravelの設計・技術サポート
5.0 (10)
サーバーサイド&Terraform,CI/CD,AWSインフラの技術サポート
サーバーサイド&Terraform,CI/CD,AWSインフラの技術サポート
サーバーサイド&Terraform,CI/CD,AWSインフラの技術サポート
4.9 (47)
【初心者歓迎】デザイン力を向上し案件獲得までサポート
【初心者歓迎】デザイン力を向上し案件獲得までサポート
【初心者歓迎】デザイン力を向上し案件獲得までサポート
5.0 (15)
【法人向け】サーバサイド&AWSの技術サポート
【法人向け】サーバサイド&AWSの技術サポート
【法人向け】サーバサイド&AWSの技術サポート
5.0 (2)
【案件獲得100件超🔥】未経験から90日でWebデザイン×Web制作フリーランスプラン🔥
【案件獲得100件超🔥】未経験から90日でWebデザイン×Web制作フリーランスプラン🔥
【案件獲得100件超🔥】未経験から90日でWebデザイン×Web制作フリーランスプラン🔥
4.8 (70)
【初心者大歓迎】🔥Web制作で案件獲得を目指す学習サポート+案件サポート
【初心者大歓迎】🔥Web制作で案件獲得を目指す学習サポート+案件サポート
【初心者大歓迎】🔥Web制作で案件獲得を目指す学習サポート+案件サポート
5.0 (34)
【未経験歓迎】累計100以上のエンジニアを輩出❗️オリジナルのロードマップを作成し、1on1で案件獲得や就職までをサポート
【未経験歓迎】累計100以上のエンジニアを輩出❗️オリジナルのロードマップを作成し、1on1で案件獲得や就職までをサポート
【未経験歓迎】累計100以上のエンジニアを輩出❗️オリジナルのロードマップを作成し、1on1で案件獲得や就職までをサポート
4.4 (923)

相談できます

ひろ@フルスタックWebエンジニア

10時間前

本人確認 秘密保持契約(NDA)
契約実績
5
評価
5.0

スケジュール

平日:連絡のみであれば日中も対応可能な場合あり
土日祝日:予定がなければ柔軟に対応可能

返信スピード

24時間以内

※あくまでも目安となります

スキル
PHP 〜3年
AWS 〜3年
Python 〜3年
WordPress 〜3年
Node.js 〜5年
すべて見る
このプランをシェアしよう!