Shin Coding Tutorial

Shin Coding Tutorial

このチャンネルでは、ウェブサイト/アプリ等の実践的なチュートリアルをコーディング形式で分かりやすくレクチャーするチャンネルです。Udemyに投稿するような有益な動画を定期的に配信しています。気になる方は、ぜひチャンネル登録お待ちしております。最新の情報を受け取ることができます。

★扱っているプログラム言語
・HTML
・CSS
・Javascript
・Python

★扱っているフレームワーク
・React

Пікірлер

  • @user-mr2pw9uq8e
    @user-mr2pw9uq8e5 сағат бұрын

    とても分かりやすく最高でした!! ありがとうございます。

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k4 сағат бұрын

    こちらこそ、ご視聴ありがとうございました

  • @samedaysameshit
    @samedaysameshit21 сағат бұрын

    Drizzleの解説動画を拝見したいです。

  • @user-ec5iu2tp1b
    @user-ec5iu2tp1bКүн бұрын

    文字数は18ではなく16ですね。

  • @KM-ot3dr
    @KM-ot3drКүн бұрын

    IMGをイミジと言わない方がよい。 一応英語なんで、こういう省略の場合は、アイエムジーと言ってぬださいね。

  • @dmcreatorjapan
    @dmcreatorjapan3 күн бұрын

    Vercelってマネタイズする場合、有料プランにしないとだめじゃなかったっけ? 例えばアドセンスやアフィリエイトなどを入れたサイトの場合、Vercelのhobbyプラン(無料)では規約違反では?

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k2 күн бұрын

    商用利用であればHobbyだとダメみたいですね。 申し訳ありませんでした。 であればコストを抑えるのであればAWSかGCP等の従量課金の方が良さそうですね。 動画でお伝えできずにいました。概要欄にもその旨を記載しておきます🥲

  • @brb72144
    @brb721443 күн бұрын

    面白い動画でした。主さんの動画を参考にnext.js勉強します!😆

  • @mozart-2003
    @mozart-20033 күн бұрын

    ご紹介されていたNotionPressの場合テストはどこまで自動化していますか?

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k3 күн бұрын

    ご質問ありがとうございます。 テストの実装はまだしていません...🙂

  • @user-em3ix9wi2l
    @user-em3ix9wi2l3 күн бұрын

    考え方が素敵です 頑張る気になりました! ありがとうございます!

  • @user-qd7yl7fe4t
    @user-qd7yl7fe4t4 күн бұрын

    Backend: Hono, Cloudflare D1, Drizzle Frontend : Next or Remix とかのスタックも紹介して欲しい!

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k3 күн бұрын

    リクエストありがとうございます! Campの方ではバックエンドのスタックはそれらで1つリリース予定ではありますね。

  • @masanorishin381
    @masanorishin3814 күн бұрын

    NOTION PRESSヒットすると良いですね。一人で開発されたんでしょ。さすがですね😅

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k3 күн бұрын

    ありがとうございます! ヒットすればいいんですけどね笑 最後まで作れるまでがんばります!

  • @tikawa710
    @tikawa7104 күн бұрын

    めちゃくちゃわかりやすいです!

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k4 күн бұрын

    うれしいです!ご視聴ありがとうございます!

  • @0312zico
    @0312zico4 күн бұрын

    いつも神動画ありがとうございます😊

  • @nanohana_vlog
    @nanohana_vlog4 күн бұрын

    9:28

  • @user-nv2em1gu9k
    @user-nv2em1gu9k4 күн бұрын

    まさかですが、うまくいかなかったんですか。。。 何がとは言いません、少し悲しい目をしていて、動画の最後にさらっとやさぐれる発言が。。。

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k4 күн бұрын

    いえ!笑 お気になさらずに!多分言いたいことは分かりますが、大丈夫ですよ

  • @5ee1e
    @5ee1e4 күн бұрын

    Vercelへのロックイン、最近かなり白い目で見られてる印象がありますね... 自分は最近Remix(+ Cloudflare Pages)を使っていますが、Next.jsが如何に"黒魔術"がされているかがなんとなく感じられました。

  • @ztsE7NKQ
    @ztsE7NKQ4 күн бұрын

    すっげー わけわかんねーやw

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k4 күн бұрын

    僕もまだまだなので、学習がんばります!

  • @google_admin1
    @google_admin14 күн бұрын

    とても参考になります。いつも楽しみにしています!

  • @chatarou4864
    @chatarou48644 күн бұрын

    あっ、天才。👇下にも卵が。

  • @jhoanmiguelescobararboleda8547
    @jhoanmiguelescobararboleda85474 күн бұрын

    I think this approach is good for small apps, big apps will be very expensive

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k4 күн бұрын

    Nice Comment! Oh..Do you know which services will be the most expensive? Is it still Supabase or Vercel?

  • @user-em3ix9wi2l
    @user-em3ix9wi2l4 күн бұрын

    先生が神々しく見えます いつも見てます。 応援してます

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k4 күн бұрын

    最近は窓からの光をそのまま撮影のライトに使っていまして..😢 応援うれしいです!

  • @onigiriJRuchiBoost
    @onigiriJRuchiBoost6 күн бұрын

    5:32 htmlの裏技だ

  • @onigiriJRuchiBoost
    @onigiriJRuchiBoost6 күн бұрын

    2:30 普通は、灰色のバックグラウンドとボーダーがあります。

  • @onigiriJRuchiBoost
    @onigiriJRuchiBoost6 күн бұрын

    作ってみる

  • @xcvqwe3665
    @xcvqwe36656 күн бұрын

    最後のuseが記述もスッキリするしめちゃくちゃ便利ですね 解説ありがとうございます

  • @mmmm-wz3dc
    @mmmm-wz3dc6 күн бұрын

    kzread.info/dash/bejne/a6akwZONiafSm7w.html この動画だと、バリデーションエラーが起きていても送信ボタンが押下できています。 バリデーションエラーが起きていてもボタンを押下できる・できないはどこで制御しているのでしょうか?

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k5 күн бұрын

    react-hook-formではエラーが出る場合は送信できないようになっているはずです。formタグのonSubmit属性にhandleSubmit関数を付与する必要がありますね。

  • @HEEMYUNGKANG
    @HEEMYUNGKANG6 күн бұрын

    エンジニア転職準備してるんですが、 とても役に立って助かりました。 ありがとうございます。

  • @user-ei7dg6dw6i
    @user-ei7dg6dw6i6 күн бұрын

    俺web制作経験ゼロの状態でいきなりnext.js触り始めたけど、意外と戦えそう

  • @naga4127
    @naga41277 күн бұрын

    マジックナンバーは慣れてない方にきついっぽいです。 初学者に良い動画だよ~って見せたら、パニックになってました。 やっぱり、名前でわかるような物がいいかもしれませんね、、、、、

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k7 күн бұрын

    マジックナンバー使ってしまって申し訳ないです。分からない箇所があれば、ご質問下さると回答しますので。

  • @naga4127
    @naga41277 күн бұрын

    皆様教えていただければ幸いなのですが、34分12秒あたり、、、marignを指定してカメラロゴとテキストの間をあけてますよね? あそこ、なぜ画像の方が左によるのかわかりません。 私が同じような感じで作ると、テキストが右に寄ります。 テキストが動かず、画像が左によるのはなぜでしょうか? これでずっと悩んでいます。 宜しくお願いします。

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k7 күн бұрын

    具体的なコードを貼りつけていただくことはできますか?回答いたしますので!

  • @naga4127
    @naga41276 күн бұрын

    @@user-hl9uv6cv7k ご親切にありがとうございます。助かります。 HTML <div class = "circle">   <div class = "feature one">    <img src = "./images/camera.png" alt = "">     <div>      <h1>Camera</h1>      <p>Beautiful lens.</p>    </div>   </div> </div> CSS .feature div {  margin-left:20px; } このスタイルを付与すると、カメラロゴ画像が左に移動します。 逆にカメラロゴ画像に「margin-right:20px」としても、カメラロゴが移動します。 ですが、自作すると、なぜか「h1」「p」が入ったdivタグが右に移動します。 原因調査のため、2週間程経ちましたが原因がわからず、、、、 御多忙とは存じますが、お手すきの際にご回答いただければ幸いです。宜しくお願いします。

  • @nanams5
    @nanams57 күн бұрын

    解説がとてもわかりやすいです。いつも感謝しています!!

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k5 күн бұрын

    こちらこそ、ご視聴うれしいです! これからも地道に投稿しますね

  • @JAPAN_TRIP_Tutorial_channel
    @JAPAN_TRIP_Tutorial_channel8 күн бұрын

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

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k8 күн бұрын

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

  • @iamnekodearu
    @iamnekodearu8 күн бұрын

    いらんくなった非同期処理用のライブラリいくつか消せそうです。記述変えていかないとだけどメンテ楽になるー(*ˊᵕˋ*)

  • @one-ws7im
    @one-ws7im9 күн бұрын

    再生速度0.75にするとちょうど聞き取りやすい

  • @norohaguki
    @norohaguki9 күн бұрын

    24:24 useStatusに初期値を設定してもブラウザのTodoListの表示がTodo1 Todo2に変わりません… ターミナルにずっと「 'setTodos' に値が代入されていますが、使用されていません」ってエラーが出てしまいます コードは目を皿にして確認したので違うところはなさそうなんですが…🤔

  • @user-ot2cn1co6d
    @user-ot2cn1co6d9 күн бұрын

    うぽつです!いつも拝見しております! Remixについての解説聞きたいです!

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k8 күн бұрын

    今度出すかもです! リクエストありがとうございます☺

  • @user-qd7yl7fe4t
    @user-qd7yl7fe4t10 күн бұрын

    useめっちゃ便利ですね! react query入れるよりもシンプルになりそう!

  • @okojo_MK
    @okojo_MK11 күн бұрын

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

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k11 күн бұрын

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

  • @okojo_MK
    @okojo_MK11 күн бұрын

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

  • @nonbilly77
    @nonbilly7712 күн бұрын

    いつもありがとうございます✨

  • @dangomushi983
    @dangomushi98313 күн бұрын

    情報共有ありがとうございます!カーレントって伸ばす人初めて聞き新鮮でしたw

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k13 күн бұрын

    英語の発音もまだまだでしたね...笑

  • @dangomushi983
    @dangomushi98313 күн бұрын

    いえいえ、、自分も英語まだまだです笑 解説細かくていつも助かってます!

  • @masanorishin381
    @masanorishin38113 күн бұрын

    英語の発音でこれだけ嫌味言われる方初めてで新鮮でした^_^

  • @user-tw3ge3on2n
    @user-tw3ge3on2n13 күн бұрын

    まずなんとかこの動画についていけたことが嬉しい! フックスをフィールドに、ReactかNextのcかsかをカラムにして、使える使えない使うならこう書くみたいなチートシートあったらいいな、、

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k13 күн бұрын

    たしかに! 基本useが付くHooksはccでしか使えないんですよね。use()のAPIはちょっと特別かもですが

  • @kenta6415
    @kenta641513 күн бұрын

    わかりやすい!!

  • @masanorishin381
    @masanorishin38113 күн бұрын

    いち早い情報いつもありがとうございます。No.1!

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k13 күн бұрын

    ありがとうございます!

  • @XLEGT
    @XLEGT13 күн бұрын

    MERNスタックでSNS作るやつ完走したお~('ω')

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k13 күн бұрын

    おお!結構長めの教材でしたが、完走おめでとうございます。 いろいろ応用してアプリ開発等がんばってくださいね

  • @ktml_o.O
    @ktml_o.O15 күн бұрын

    めちゃくちゃわかりやすくて感動餃子🥲

  • @tnnetwork5958
    @tnnetwork595816 күн бұрын

    windowsでvenvの仮想環境作りからスタートして5時間くらいかけて最後までできました! Djangoシリーズもっとみたいです😊

  • @nktkz
    @nktkz16 күн бұрын

    59歳。おかげさまで、はじめてのスクレイピングできました。ありがとうございます。 楽天のタグが変更されたようでつまづきましたが const title = $(this).find(".title-wrapper--9O5ff").text(); const price = $(this).find(".price--2paZL").text(); クラス名を上記に変更でうまくいきました

  • @Y19250def
    @Y19250def17 күн бұрын

    なんかかっこよくなってて笑

  • @kurodamxx
    @kurodamxx17 күн бұрын

    初心者向けの動画にしては、 追加変更した箇所を見やすく表示されてないため、 画面に映らない間に変更された事に気づけずに、 まだ同じような動作を確認できていません。 30:00くらいの所で止まっています。 私が物わかりが悪いだけなのですが、 リストの全文を確認できるように表示してもらえると、 助かります。 本当の初心者の私には、 かなり難しいです。

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k17 күн бұрын

    申し訳ございませんでした。 もう少し分かりやすく解説ができるように、今後改善していこうと思います。 動画の方をみていただきまして、ありがとうございました。GraphQLを分かりやすく学びたい場合は、ブログ記事もしくはドキュメントの方を覗いていただけると良いかもしれません。 理解の手助けになれずに申し訳ございませんでした。

  • @kurodamxx
    @kurodamxx15 күн бұрын

    @@user-hl9uv6cv7k ソースコードのリンクの方を確認して、修正して、同じ動作になることが確認できました。 ありがとうございました。

  • @user-rw5bi7ec9v
    @user-rw5bi7ec9v18 күн бұрын

    プルリクエスト、マージプルリクエストは違う立場の人がすると思っていたのですが、同じアカウントでできるものなのですか??

  • @user-hl9uv6cv7k
    @user-hl9uv6cv7k18 күн бұрын

    PRはもちろん自分でも出すことはできます! 個人開発の場合でもブランチを切ってPRを出すときがありますね。

  • @user-ei7dg6dw6i
    @user-ei7dg6dw6i19 күн бұрын

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