Reactを使ったポートフォリオサイトの作り方【Bootstrap5を使用】

#入門 #React #Bootstrap5 #ポートフォリオ #ウェブサイト #HTML #CSS
【さらに詳しく学びたい方へ。Udemy90%割引クーポン発行中🚀】
↓↓↓↓↓
shincode.info/2...
＼ShinCode_Camp開校しました／
プログラミング講座＆副業・起業＆就職・転職が学べるプラットフォーム🚀
🎁月額2500円で全講座が見放題
🎁分からない箇所は質問し放題
🎁7日間無料キャンペーン実施中
🎁コミュニティ機能付き
🎁いつでも解約可能etc...
↓↓↓↓↓
code-s-school-...
-----------------------------------------------------------------------------------------------------------------------------
【この動画を視聴するメリット】
・Reactを使って簡単なポートフォリオサイトが構築できる
・Reactにおけるルーティング設定ができる
・React×Bootstrap5を組み合わせる手法を学ぶ
・レスポンシブに対応したポートフォリオサイトが作れる
【信頼性】
・Udemy講師
・講師レビュー評価94.6%
・Udemy受講生延べ300人突破
・Webアプリ/サイト開発数：150以上
★チャンネル登録はこちらから★
/ @programming_tutorial_...
★今回のソースコード★
github.com/Shi...
★運営者SNS★
Twitter： / shin_engineer
★この動画で使用している機材★
キーボード(Keychron K6 赤軸)：amzn.to/3F4zca5
マウス(Logicool G ロジクール G ゲーミングマウス)：amzn.to/3DZaaYB
マイク(サンワダイレクト USBマイク PCマイク)：amzn.to/30AVwJF
マイクスタンド(Luling Arts マイクスタンド マイクアーム スタンド)：
amzn.to/3se5onZ
※アフィリエイトリンクになります。

[@Kimi-xp2th]

僕は日本人ではないんですけど、Reactにも日本語にも興味があるので、この動画はとても勉強になりました。しんさんの言ってることを大体聞き取れたことが嬉しいです。

[@KentaroxKondo]

本当におもしろいですー！リアクト、なんか簡単そうに思えました。解説がわかりやすいからですねー！

[@NANA-KUN]

Reactチャレンジでポートフォリオ作ろうとした時に参考にさせていただきました！ 速度落とさないとついて行けませんでしたが、丁寧な解説でコンポーネントの理解も少し出来ました！ ありがとうございます！

[@デュクシ-i1s]

10:34 ここまでずっと見てきて「簡単です」でなんか笑ってしまった俺のような木端エンジニアおる？

[@nodulose-quid-barrow]

すばらしい！すごく勉強になりました。ありがとうございます。

[@programming_tutorial_youtube]

良かったです。ご参考までにご覧くださいませ。

[@コンデンサー]

内容マジでいい。 ラウトゥに引っかかるけど笑

[@COROCK99]

自分用 17:02 React-Bootstrapの使い方

[@user-qv4de2uv8e]

あなたは駆け出しの救いです😭 メモ帳アプリの作り方とかよかったらお願いします🙏

[@programming_tutorial_youtube]

Aさんご視聴ありがとうございます。 メモ帳アプリですね。動画のネタとしてストックしておきます。 出せるかどうかは未定です。

[@ハナ差さなか]

ありがたや

[@たどちゃん-r4u]

ヘッダーに隠れてしまうことの対処としてpasition: fixed;をコメントアウトすることを説明してくださりましたがpasition: fixed;のままヘッダーに文字が隠れない方法を教えてください！！ CSSの解説動画ですでにしていたらリンクだけでも大丈夫です！ どうぞよろしくお願いします。

[@kuroisan2698]

From Anime to Tutorials in Japanese. Damn.

[@jianyaaaa]

この動画を参考にしてreactでポートフォリオ作るのができました！　 ありがとうございます！ 😢サーバーにアップルロードまでやってみたのですが、更新したらページをpage not found 404エラーが出るのですが、これはどうすれば良いのでしょうか？

[@propane-gf3cz]

これが無料で見れるってやばい笑

[@marugaohousoukyoku]

失礼致します。 こちらの動画を参考にログイン機能を実装しているのですがログイン後に例えばホーム画面に遷移させたい時に Home,jsにimport from 〜login.jsとApp.jsでreact router dom設定のようにRouter設定をしないといけないのでしょうか? プログラミング初心者で説明が分かりずらくてすいません。

[@hatiman_80000]

rafceすると；がつかないのですが、どうしたらつきますか？

[@shiki7271]

18:50

[@dollaga1988]

大変参考になります。ありがとうございます。 大変不躾で恐縮なのですが、ご質問させて下さい。 Reactのアプリを公開する時は、どのサーバーやサービスを使用して行うのが最適でしょうか？ お答え頂けると幸いです。

[@mashudggd]

2:56

[@yy-iz8rb]

App.Jsのこの中に入れると文字が出てこず この外のdiv内に別のコンポーネントを入れると画面に文字が反兵されるのですが原因はなんでしょうか？

[@ijnihs0608]

npm runコマンド実行してると、ERROR in Plugin "react" was conflicted between "package.json » eslint-config-react-app » C:\Users…というERRORがでます。原因はわかりませんが、windows固有の問題であるとのことで、対処としてpackage.jsonをCtrl+Sで解消するのですが、jsファイルを編集するたびにやらないといけないので、治ってるのかどうなのかが不安です。これってローカルからリモートに公開した際に問題になるのでしょうか？