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

Поділитися
Вставка
  • Опубліковано 15 вер 2024
  • #入門 #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 роки тому +5

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

  • @user-vw3pn8zi1b
    @user-vw3pn8zi1b 7 місяців тому +2

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

  • @user-qv4de2uv8e
    @user-qv4de2uv8e 2 роки тому +3

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

    • @programming_tutorial_youtube
      @programming_tutorial_youtube  2 роки тому

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

  • @user-ng9mi4fi9q
    @user-ng9mi4fi9q Рік тому +2

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

  • @takuro99837
    @takuro99837 2 роки тому +1

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

  • @コンデンサー
    @コンデンサー 4 місяці тому +1

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

  • @COROCK99
    @COROCK99 2 роки тому +2

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

  • @jianyaaaa
    @jianyaaaa 2 роки тому +2

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

  • @user-xo2pg3wz2h
    @user-xo2pg3wz2h 2 роки тому +2

    ありがたや

  • @kuroisan2698
    @kuroisan2698 Рік тому +1

    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 роки тому +1

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

  • @hatiman_80000
    @hatiman_80000 Рік тому +1

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

  • @propane-gf3cz
    @propane-gf3cz Рік тому +3

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

  • @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 Рік тому +1

    18:50

  • @mashudggd
    @mashudggd Рік тому +1

    2:56