ChatGPTで爆速でWebアプリ開発する方法【ChatGPT拡張機能まで解説】

Поділитися
Вставка
  • Опубліковано 6 вер 2024
  • #入門 #プログラミング #chatgpt #web制作 #webアプリ開発 #エンジニア #独学
    【さらに詳しく学びたい方へ。Udemy90%割引クーポン発行中🚀】
    ↓↓↓↓↓
    shincode.info/2...
    \ShinCode_Camp開校しました/
    プログラミング講座&副業・起業&就職・転職が学べるプラットフォーム🚀
    🎁月額2500円で全講座が見放題
    🎁分からない箇所は質問し放題
    🎁7日間無料キャンペーン実施中
    🎁コミュニティ機能付き
    🎁いつでも解約可能etc...
    ↓↓↓↓↓
    code-s-school-...
    -----------------------------------------------------------------------------------------------------------------------------
    【この動画を視聴するメリット】
    ・ChatGPTでプログラム開発の効率を上げる方法が学べる
    ・実際にNext.jsとExpressを利用して掲示板アプリケーションが作れる
    ・SuperpowerChatGPTの拡張機能の導入方法と使い方が学べる
    【信頼性】
    ・Udemy講師
    ・講師レビュー評価94.6%
    ・Udemy受講生延べ3000人突破
    ・Webアプリ/サイト開発数:200以上
    ・生きがい:プログラミングでサイトやアプリを作ること
    ★チャンネル登録はこちらから★
    / @programming_tutorial_...
    ★今回のソースコード★
    ★運営者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
    ※アフィリエイトリンクになります。

КОМЕНТАРІ • 33

  • @mnbvgfer
    @mnbvgfer Рік тому +13

    shift押しながらcontinueボタンとかexplainボタンとかをポチると編集できるようになりますよ!

  • @navalley37
    @navalley37 Рік тому +5

    まさにちょうどこういう、生産性を上げるツールを探していたのでとてもためになりました!
    ありがとうございます!
    今後も、普段の開発動画の中でchatGPTを使いながらアプリケーションを実装していく動画を出してもらえたら嬉しいです!✨

  • @powerresolving5359
    @powerresolving5359 Рік тому +2

    今、一番欲しいGoogle拡張機能は、
    ・UA-camの音声をwhisperの様なAI文字起こし
    ・文字起こしした字幕文字をGPT4で日本語訳
    この2つの機能をGoogle拡張機能として作成するにはどの様な開発環境が必要でしょうか?

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

    お疲れ様です!...めちゃくちゃイケメンになってませんか..!?!?

    • @programming_tutorial_youtube
      @programming_tutorial_youtube  Рік тому

      髪型久しぶりに整えてみました、、笑
      ありがとうございます!
      ですが整えるの大変なのでニット帽に戻ると思います笑

  • @morebowmore
    @morebowmore Рік тому +6

    過去チャットの整理、検索ができたらいいのにね・・・
    19:16 過去のメッセージは変更できますよ。自分のメッセージにカーソルを載せると右側にペンマークが出ます。スペースも広く使えます。

    • @programming_tutorial_youtube
      @programming_tutorial_youtube  Рік тому +2

      過去メッセージ変更できるんですね!知りませんでした。右側にペンマークが出てくることも知りませんでした。
      ありがとうございます。参考にさせていただきます。

  • @mojajamaru
    @mojajamaru Рік тому +2

    動画、ありがとうございます。
    頭のいい人がAI を使うと性能を引き出せる事例ですね。
    自分で使った時は、ボヤッとした質問だったので、ボヤッとしたプログラムが返ってきました。
    エラーコードをそのまま張り付けるのも、次からやってみます。
    SuperPower ChatGPT も便利そう。よく使うプロンプトを使えば、既存文書の再利用もはかどります。

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

      思ったことをそのままChatGPTに尋ねると良い回答が返ってきますね。なるべく詳細に尋ねると良いと思います。

  • @javalkyr2402
    @javalkyr2402 Рік тому +13

    最後まで飛ばしてみたけど完成品の掲示板の画面が無かったから見るのやめた

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

    一人でペアプログラミング?出来そうなので、プログラミング学習にも良さそう

  • @JAPAN_TRIP_Tutorial_channel
    @JAPAN_TRIP_Tutorial_channel 3 місяці тому +1

    ご自身が写っている画面を右下に移すときに使っているソフトと機材を教えてください!

    • @programming_tutorial_youtube
      @programming_tutorial_youtube  3 місяці тому +1

      OBSですね。機材は概要欄に貼ってありますので、見て頂ければと思います!

  • @okojo_MK
    @okojo_MK 3 місяці тому +1

    僕も現在個人で同じような開発手法で開発しています…
    あと動画中で用いているOSが何か気になりました!
    見た目はwinライクだけどvscodeのターミナルはbashだしlinux系なのかな?と思いました

    • @programming_tutorial_youtube
      @programming_tutorial_youtube  3 місяці тому +1

      まさにその通りです!
      windowsでbash使ってます!!正直そこまで拘りはないですが笑

    • @okojo_MK
      @okojo_MK 3 місяці тому

      @@programming_tutorial_youtube winでもbash使えるんですね!初知り…
      pwshの次世代版はインストールしたことあるので、同じノリでbashもインストールしてそのまま使えるって感じなんですかね🤔
      あまりshell詳しくないので教えて欲しいです~

  • @user-rx1ih6wx3n
    @user-rx1ih6wx3n Рік тому +3

    Python勉強中のものなんですが、it 業界に転職しようと考えてます。
    チャットgptなどai が発達してますが、このまま進んでも大丈夫でしょうか?

    • @programming_tutorial_youtube
      @programming_tutorial_youtube  Рік тому +4

      AIが発達しても以前として職業は減る様子はあまり見られないので、大丈夫だと思います。僕も未来のことは良く分からないので、今できることをとりあえずこなすだけですね。

  • @JAPAN_TRIP_Tutorial_channel
    @JAPAN_TRIP_Tutorial_channel 4 місяці тому +1

    マイクは何を使っていますか?

    • @programming_tutorial_youtube
      @programming_tutorial_youtube  4 місяці тому

      概要欄の方に使用している機器はのせています!
      結構古めのタイプのマイクを使っています。

  • @user-ng3on3nf9f
    @user-ng3on3nf9f Рік тому +4

    僕と顔が似ている...
    一瞬自分かと思った

  • @user-jf4td5tk4e
    @user-jf4td5tk4e Рік тому +5

    いつもお世話になっております!
    お引越しされたんですね!?

  • @dmcreatorjapan
    @dmcreatorjapan Рік тому +2

    Superpower ChatGPTって有料のみ?

  • @nanakadog
    @nanakadog Рік тому +5

    OpenAIのロゴを手玉に取る人物

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

    5月から課金しようかな笑

  • @yuukirinon
    @yuukirinon Рік тому +4

    やはり、プログラムAIとは言え、「人」として「パートナー」として......
    指定してあげた方が良いですよね。
    (๑•̀ㅂ•́)و✧

  • @user-tv7rf9ow7q
    @user-tv7rf9ow7q Рік тому +3

    chatGPTは学習データの情報古いからいろいろ微妙なんだよね。特にエラーメッセージの内容とか、普通にぐぐったほうが解決できるし。

    • @oneone3976
      @oneone3976 Рік тому +2

      2年前くらいのデータだから、色んなフレームワークで構文が変わってるケースが多すぎてイライラするンゴー!!!!

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

    コメント失礼します。
    最近、主さんの動画を拝見しながらnode.jsの勉強をしております。
    MongoDBに接続する際に下記エラーが出てデータの書き込み等ができない状態です。
    対処法がわからないので、教えていただけないでしょうか?
    エラー内容
    MongooseError: Operation `blogs.updateOne()` buffering timed out after 10000ms