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

  Рет қаралды 30,722

Shin Coding Tutorial

Shin Coding Tutorial

Күн бұрын

#入門 #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
※アフィリエイトリンクになります。

Пікірлер: 20
@NANA-KUN
@NANA-KUN 2 жыл бұрын
Reactチャレンジでポートフォリオ作ろうとした時に参考にさせていただきました! 速度落とさないとついて行けませんでしたが、丁寧な解説でコンポーネントの理解も少し出来ました! ありがとうございます!
@user-vw3pn8zi1b
@user-vw3pn8zi1b 7 ай бұрын
10:34 ここまでずっと見てきて「簡単です」でなんか笑ってしまった俺のような木端エンジニアおる?
@user-qv4de2uv8e
@user-qv4de2uv8e 2 жыл бұрын
あなたは駆け出しの救いです😭 メモ帳アプリの作り方とかよかったらお願いします🙏
@programming_tutorial_youtube
@programming_tutorial_youtube 2 жыл бұрын
Aさんご視聴ありがとうございます。 メモ帳アプリですね。動画のネタとしてストックしておきます。 出せるかどうかは未定です。
@user-ng9mi4fi9q
@user-ng9mi4fi9q Жыл бұрын
ヘッダーに隠れてしまうことの対処としてpasition: fixed;をコメントアウトすることを説明してくださりましたがpasition: fixed;のままヘッダーに文字が隠れない方法を教えてください!! CSSの解説動画ですでにしていたらリンクだけでも大丈夫です! どうぞよろしくお願いします。
@takuro99837
@takuro99837 2 жыл бұрын
すばらしい!すごく勉強になりました。ありがとうございます。
@programming_tutorial_youtube
@programming_tutorial_youtube 2 жыл бұрын
良かったです。ご参考までにご覧くださいませ。
@コンデンサー
@コンデンサー 4 ай бұрын
内容マジでいい。 ラウトゥに引っかかるけど笑
@COROCK99
@COROCK99 2 жыл бұрын
自分用 17:02 React-Bootstrapの使い方
@jianyaaaa
@jianyaaaa 2 жыл бұрын
この動画を参考にしてreactでポートフォリオ作るのができました!  ありがとうございます! 😢サーバーにアップルロードまでやってみたのですが、更新したらページをpage not found 404エラーが出るのですが、これはどうすれば良いのでしょうか?
@user-xo2pg3wz2h
@user-xo2pg3wz2h 2 жыл бұрын
ありがたや
@kuroisan2698
@kuroisan2698 Жыл бұрын
From Anime to Tutorials in Japanese. Damn.
@user-uh9ri5bl9o
@user-uh9ri5bl9o 10 ай бұрын
失礼致します。 こちらの動画を参考にログイン機能を実装しているのですがログイン後に例えばホーム画面に遷移させたい時に Home,jsにimport from 〜login.jsとApp.jsでreact router dom設定のようにRouter設定をしないといけないのでしょうか? プログラミング初心者で説明が分かりずらくてすいません。
@dollaga1988
@dollaga1988 2 жыл бұрын
大変参考になります。ありがとうございます。 大変不躾で恐縮なのですが、ご質問させて下さい。 Reactのアプリを公開する時は、どのサーバーやサービスを使用して行うのが最適でしょうか? お答え頂けると幸いです。
@hatiman_80000
@hatiman_80000 Жыл бұрын
rafceすると;がつかないのですが、どうしたらつきますか?
@propane-gf3cz
@propane-gf3cz Жыл бұрын
これが無料で見れるってやばい笑
@yy-iz8rb
@yy-iz8rb Жыл бұрын
App.Jsのこの中に入れると文字が出てこず この外のdiv内に別のコンポーネントを入れると画面に文字が反兵されるのですが原因はなんでしょうか?
@ijnihs0608
@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ファイルを編集するたびにやらないといけないので、治ってるのかどうなのかが不安です。これってローカルからリモートに公開した際に問題になるのでしょうか?
@shiki7271
@shiki7271 Жыл бұрын
18:50
@mashudggd
@mashudggd Жыл бұрын
2:56
gsapアニメーションでお洒落なテキストアニメーションを実装してみよう
19:00
プログラミングチュートリアル
Рет қаралды 10 М.
React × TailwindCSSでポートフォリオサイトを構築してみよう
1:00:05
プログラミングチュートリアル
Рет қаралды 12 М.
Bike vs Super Bike Fast Challenge
00:30
Russo
Рет қаралды 23 МЛН
escape in roblox in real life
00:13
Kan Andrey
Рет қаралды 62 МЛН
【Auth.js/NextAuth】NextAuth v5で認証機能を作って、Cloudflare Pagesにデプロイする
25:01
TypeScriptでフルスタックエンジニアになる
Рет қаралды 1,3 М.
Please stop using px for font-size.
15:18
Coder Coder
Рет қаралды 157 М.
Next.js 13入門 - App Router対応
37:03
たにぐち まことのともすたチャンネル
Рет қаралды 8 М.
All useEffect Mistakes Every Junior React Developer Makes
22:23
Award Winning Animation With Only 20 Lines Of CSS?
6:59
Hyperplexed
Рет қаралды 1,8 МЛН
Bike vs Super Bike Fast Challenge
00:30
Russo
Рет қаралды 23 МЛН