このチャンネルでは、ウェブサイト/アプリ等の実践的なチュートリアルをコーディング形式で分かりやすくレクチャーするチャンネルです。Udemyに投稿するような有益な動画を定期的に配信しています。気になる方は、ぜひチャンネル登録お待ちしております。最新の情報を受け取ることができます。★扱っているプログラム言語・HTML・CSS・Javascript・Python★扱っているフレームワーク・React
とても分かりやすく最高でした!! ありがとうございます。
こちらこそ、ご視聴ありがとうございました
Drizzleの解説動画を拝見したいです。
文字数は18ではなく16ですね。
IMGをイミジと言わない方がよい。 一応英語なんで、こういう省略の場合は、アイエムジーと言ってぬださいね。
Vercelってマネタイズする場合、有料プランにしないとだめじゃなかったっけ? 例えばアドセンスやアフィリエイトなどを入れたサイトの場合、Vercelのhobbyプラン(無料)では規約違反では?
商用利用であればHobbyだとダメみたいですね。 申し訳ありませんでした。 であればコストを抑えるのであればAWSかGCP等の従量課金の方が良さそうですね。 動画でお伝えできずにいました。概要欄にもその旨を記載しておきます🥲
面白い動画でした。主さんの動画を参考にnext.js勉強します!😆
ご紹介されていたNotionPressの場合テストはどこまで自動化していますか?
ご質問ありがとうございます。 テストの実装はまだしていません...🙂
考え方が素敵です 頑張る気になりました! ありがとうございます!
Backend: Hono, Cloudflare D1, Drizzle Frontend : Next or Remix とかのスタックも紹介して欲しい!
リクエストありがとうございます! Campの方ではバックエンドのスタックはそれらで1つリリース予定ではありますね。
NOTION PRESSヒットすると良いですね。一人で開発されたんでしょ。さすがですね😅
ありがとうございます! ヒットすればいいんですけどね笑 最後まで作れるまでがんばります!
めちゃくちゃわかりやすいです!
うれしいです!ご視聴ありがとうございます!
いつも神動画ありがとうございます😊
9:28
まさかですが、うまくいかなかったんですか。。。 何がとは言いません、少し悲しい目をしていて、動画の最後にさらっとやさぐれる発言が。。。
いえ!笑 お気になさらずに!多分言いたいことは分かりますが、大丈夫ですよ
Vercelへのロックイン、最近かなり白い目で見られてる印象がありますね... 自分は最近Remix(+ Cloudflare Pages)を使っていますが、Next.jsが如何に"黒魔術"がされているかがなんとなく感じられました。
すっげー わけわかんねーやw
僕もまだまだなので、学習がんばります!
とても参考になります。いつも楽しみにしています!
あっ、天才。👇下にも卵が。
I think this approach is good for small apps, big apps will be very expensive
Nice Comment! Oh..Do you know which services will be the most expensive? Is it still Supabase or Vercel?
先生が神々しく見えます いつも見てます。 応援してます
最近は窓からの光をそのまま撮影のライトに使っていまして..😢 応援うれしいです!
5:32 htmlの裏技だ
2:30 普通は、灰色のバックグラウンドとボーダーがあります。
作ってみる
最後のuseが記述もスッキリするしめちゃくちゃ便利ですね 解説ありがとうございます
kzread.info/dash/bejne/a6akwZONiafSm7w.html この動画だと、バリデーションエラーが起きていても送信ボタンが押下できています。 バリデーションエラーが起きていてもボタンを押下できる・できないはどこで制御しているのでしょうか?
react-hook-formではエラーが出る場合は送信できないようになっているはずです。formタグのonSubmit属性にhandleSubmit関数を付与する必要がありますね。
エンジニア転職準備してるんですが、 とても役に立って助かりました。 ありがとうございます。
俺web制作経験ゼロの状態でいきなりnext.js触り始めたけど、意外と戦えそう
マジックナンバーは慣れてない方にきついっぽいです。 初学者に良い動画だよ~って見せたら、パニックになってました。 やっぱり、名前でわかるような物がいいかもしれませんね、、、、、
マジックナンバー使ってしまって申し訳ないです。分からない箇所があれば、ご質問下さると回答しますので。
皆様教えていただければ幸いなのですが、34分12秒あたり、、、marignを指定してカメラロゴとテキストの間をあけてますよね? あそこ、なぜ画像の方が左によるのかわかりません。 私が同じような感じで作ると、テキストが右に寄ります。 テキストが動かず、画像が左によるのはなぜでしょうか? これでずっと悩んでいます。 宜しくお願いします。
具体的なコードを貼りつけていただくことはできますか?回答いたしますので!
@@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週間程経ちましたが原因がわからず、、、、 御多忙とは存じますが、お手すきの際にご回答いただければ幸いです。宜しくお願いします。
解説がとてもわかりやすいです。いつも感謝しています!!
こちらこそ、ご視聴うれしいです! これからも地道に投稿しますね
ご自身が写っている画面を右下に移すときに使っているソフトと機材を教えてください!
OBSですね。機材は概要欄に貼ってありますので、見て頂ければと思います!
いらんくなった非同期処理用のライブラリいくつか消せそうです。記述変えていかないとだけどメンテ楽になるー(*ˊᵕˋ*)
再生速度0.75にするとちょうど聞き取りやすい
24:24 useStatusに初期値を設定してもブラウザのTodoListの表示がTodo1 Todo2に変わりません… ターミナルにずっと「 'setTodos' に値が代入されていますが、使用されていません」ってエラーが出てしまいます コードは目を皿にして確認したので違うところはなさそうなんですが…🤔
うぽつです!いつも拝見しております! Remixについての解説聞きたいです!
今度出すかもです! リクエストありがとうございます☺
useめっちゃ便利ですね! react query入れるよりもシンプルになりそう!
僕も現在個人で同じような開発手法で開発しています… あと動画中で用いているOSが何か気になりました! 見た目はwinライクだけどvscodeのターミナルはbashだしlinux系なのかな?と思いました
まさにその通りです! windowsでbash使ってます!!正直そこまで拘りはないですが笑
@@user-hl9uv6cv7k winでもbash使えるんですね!初知り… pwshの次世代版はインストールしたことあるので、同じノリでbashもインストールしてそのまま使えるって感じなんですかね🤔 あまりshell詳しくないので教えて欲しいです~
いつもありがとうございます✨
情報共有ありがとうございます!カーレントって伸ばす人初めて聞き新鮮でしたw
英語の発音もまだまだでしたね...笑
いえいえ、、自分も英語まだまだです笑 解説細かくていつも助かってます!
英語の発音でこれだけ嫌味言われる方初めてで新鮮でした^_^
まずなんとかこの動画についていけたことが嬉しい! フックスをフィールドに、ReactかNextのcかsかをカラムにして、使える使えない使うならこう書くみたいなチートシートあったらいいな、、
たしかに! 基本useが付くHooksはccでしか使えないんですよね。use()のAPIはちょっと特別かもですが
わかりやすい!!
いち早い情報いつもありがとうございます。No.1!
ありがとうございます!
MERNスタックでSNS作るやつ完走したお~('ω')
おお!結構長めの教材でしたが、完走おめでとうございます。 いろいろ応用してアプリ開発等がんばってくださいね
めちゃくちゃわかりやすくて感動餃子🥲
windowsでvenvの仮想環境作りからスタートして5時間くらいかけて最後までできました! Djangoシリーズもっとみたいです😊
59歳。おかげさまで、はじめてのスクレイピングできました。ありがとうございます。 楽天のタグが変更されたようでつまづきましたが const title = $(this).find(".title-wrapper--9O5ff").text(); const price = $(this).find(".price--2paZL").text(); クラス名を上記に変更でうまくいきました
なんかかっこよくなってて笑
初心者向けの動画にしては、 追加変更した箇所を見やすく表示されてないため、 画面に映らない間に変更された事に気づけずに、 まだ同じような動作を確認できていません。 30:00くらいの所で止まっています。 私が物わかりが悪いだけなのですが、 リストの全文を確認できるように表示してもらえると、 助かります。 本当の初心者の私には、 かなり難しいです。
申し訳ございませんでした。 もう少し分かりやすく解説ができるように、今後改善していこうと思います。 動画の方をみていただきまして、ありがとうございました。GraphQLを分かりやすく学びたい場合は、ブログ記事もしくはドキュメントの方を覗いていただけると良いかもしれません。 理解の手助けになれずに申し訳ございませんでした。
@@user-hl9uv6cv7k ソースコードのリンクの方を確認して、修正して、同じ動作になることが確認できました。 ありがとうございました。
プルリクエスト、マージプルリクエストは違う立場の人がすると思っていたのですが、同じアカウントでできるものなのですか??
PRはもちろん自分でも出すことはできます! 個人開発の場合でもブランチを切ってPRを出すときがありますね。
内容マジでいい。 ラウトゥに引っかかるけど笑
Пікірлер
とても分かりやすく最高でした!! ありがとうございます。
こちらこそ、ご視聴ありがとうございました
Drizzleの解説動画を拝見したいです。
文字数は18ではなく16ですね。
IMGをイミジと言わない方がよい。 一応英語なんで、こういう省略の場合は、アイエムジーと言ってぬださいね。
Vercelってマネタイズする場合、有料プランにしないとだめじゃなかったっけ? 例えばアドセンスやアフィリエイトなどを入れたサイトの場合、Vercelのhobbyプラン(無料)では規約違反では?
商用利用であればHobbyだとダメみたいですね。 申し訳ありませんでした。 であればコストを抑えるのであればAWSかGCP等の従量課金の方が良さそうですね。 動画でお伝えできずにいました。概要欄にもその旨を記載しておきます🥲
面白い動画でした。主さんの動画を参考にnext.js勉強します!😆
ご紹介されていたNotionPressの場合テストはどこまで自動化していますか?
ご質問ありがとうございます。 テストの実装はまだしていません...🙂
考え方が素敵です 頑張る気になりました! ありがとうございます!
Backend: Hono, Cloudflare D1, Drizzle Frontend : Next or Remix とかのスタックも紹介して欲しい!
リクエストありがとうございます! Campの方ではバックエンドのスタックはそれらで1つリリース予定ではありますね。
NOTION PRESSヒットすると良いですね。一人で開発されたんでしょ。さすがですね😅
ありがとうございます! ヒットすればいいんですけどね笑 最後まで作れるまでがんばります!
めちゃくちゃわかりやすいです!
うれしいです!ご視聴ありがとうございます!
いつも神動画ありがとうございます😊
9:28
まさかですが、うまくいかなかったんですか。。。 何がとは言いません、少し悲しい目をしていて、動画の最後にさらっとやさぐれる発言が。。。
いえ!笑 お気になさらずに!多分言いたいことは分かりますが、大丈夫ですよ
Vercelへのロックイン、最近かなり白い目で見られてる印象がありますね... 自分は最近Remix(+ Cloudflare Pages)を使っていますが、Next.jsが如何に"黒魔術"がされているかがなんとなく感じられました。
すっげー わけわかんねーやw
僕もまだまだなので、学習がんばります!
とても参考になります。いつも楽しみにしています!
あっ、天才。👇下にも卵が。
I think this approach is good for small apps, big apps will be very expensive
Nice Comment! Oh..Do you know which services will be the most expensive? Is it still Supabase or Vercel?
先生が神々しく見えます いつも見てます。 応援してます
最近は窓からの光をそのまま撮影のライトに使っていまして..😢 応援うれしいです!
5:32 htmlの裏技だ
2:30 普通は、灰色のバックグラウンドとボーダーがあります。
作ってみる
最後のuseが記述もスッキリするしめちゃくちゃ便利ですね 解説ありがとうございます
kzread.info/dash/bejne/a6akwZONiafSm7w.html この動画だと、バリデーションエラーが起きていても送信ボタンが押下できています。 バリデーションエラーが起きていてもボタンを押下できる・できないはどこで制御しているのでしょうか?
react-hook-formではエラーが出る場合は送信できないようになっているはずです。formタグのonSubmit属性にhandleSubmit関数を付与する必要がありますね。
エンジニア転職準備してるんですが、 とても役に立って助かりました。 ありがとうございます。
俺web制作経験ゼロの状態でいきなりnext.js触り始めたけど、意外と戦えそう
マジックナンバーは慣れてない方にきついっぽいです。 初学者に良い動画だよ~って見せたら、パニックになってました。 やっぱり、名前でわかるような物がいいかもしれませんね、、、、、
マジックナンバー使ってしまって申し訳ないです。分からない箇所があれば、ご質問下さると回答しますので。
皆様教えていただければ幸いなのですが、34分12秒あたり、、、marignを指定してカメラロゴとテキストの間をあけてますよね? あそこ、なぜ画像の方が左によるのかわかりません。 私が同じような感じで作ると、テキストが右に寄ります。 テキストが動かず、画像が左によるのはなぜでしょうか? これでずっと悩んでいます。 宜しくお願いします。
具体的なコードを貼りつけていただくことはできますか?回答いたしますので!
@@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週間程経ちましたが原因がわからず、、、、 御多忙とは存じますが、お手すきの際にご回答いただければ幸いです。宜しくお願いします。
解説がとてもわかりやすいです。いつも感謝しています!!
こちらこそ、ご視聴うれしいです! これからも地道に投稿しますね
ご自身が写っている画面を右下に移すときに使っているソフトと機材を教えてください!
OBSですね。機材は概要欄に貼ってありますので、見て頂ければと思います!
いらんくなった非同期処理用のライブラリいくつか消せそうです。記述変えていかないとだけどメンテ楽になるー(*ˊᵕˋ*)
再生速度0.75にするとちょうど聞き取りやすい
24:24 useStatusに初期値を設定してもブラウザのTodoListの表示がTodo1 Todo2に変わりません… ターミナルにずっと「 'setTodos' に値が代入されていますが、使用されていません」ってエラーが出てしまいます コードは目を皿にして確認したので違うところはなさそうなんですが…🤔
うぽつです!いつも拝見しております! Remixについての解説聞きたいです!
今度出すかもです! リクエストありがとうございます☺
useめっちゃ便利ですね! react query入れるよりもシンプルになりそう!
僕も現在個人で同じような開発手法で開発しています… あと動画中で用いているOSが何か気になりました! 見た目はwinライクだけどvscodeのターミナルはbashだしlinux系なのかな?と思いました
まさにその通りです! windowsでbash使ってます!!正直そこまで拘りはないですが笑
@@user-hl9uv6cv7k winでもbash使えるんですね!初知り… pwshの次世代版はインストールしたことあるので、同じノリでbashもインストールしてそのまま使えるって感じなんですかね🤔 あまりshell詳しくないので教えて欲しいです~
いつもありがとうございます✨
情報共有ありがとうございます!カーレントって伸ばす人初めて聞き新鮮でしたw
英語の発音もまだまだでしたね...笑
いえいえ、、自分も英語まだまだです笑 解説細かくていつも助かってます!
英語の発音でこれだけ嫌味言われる方初めてで新鮮でした^_^
まずなんとかこの動画についていけたことが嬉しい! フックスをフィールドに、ReactかNextのcかsかをカラムにして、使える使えない使うならこう書くみたいなチートシートあったらいいな、、
たしかに! 基本useが付くHooksはccでしか使えないんですよね。use()のAPIはちょっと特別かもですが
わかりやすい!!
いち早い情報いつもありがとうございます。No.1!
ありがとうございます!
MERNスタックでSNS作るやつ完走したお~('ω')
おお!結構長めの教材でしたが、完走おめでとうございます。 いろいろ応用してアプリ開発等がんばってくださいね
めちゃくちゃわかりやすくて感動餃子🥲
windowsでvenvの仮想環境作りからスタートして5時間くらいかけて最後までできました! Djangoシリーズもっとみたいです😊
59歳。おかげさまで、はじめてのスクレイピングできました。ありがとうございます。 楽天のタグが変更されたようでつまづきましたが const title = $(this).find(".title-wrapper--9O5ff").text(); const price = $(this).find(".price--2paZL").text(); クラス名を上記に変更でうまくいきました
なんかかっこよくなってて笑
初心者向けの動画にしては、 追加変更した箇所を見やすく表示されてないため、 画面に映らない間に変更された事に気づけずに、 まだ同じような動作を確認できていません。 30:00くらいの所で止まっています。 私が物わかりが悪いだけなのですが、 リストの全文を確認できるように表示してもらえると、 助かります。 本当の初心者の私には、 かなり難しいです。
申し訳ございませんでした。 もう少し分かりやすく解説ができるように、今後改善していこうと思います。 動画の方をみていただきまして、ありがとうございました。GraphQLを分かりやすく学びたい場合は、ブログ記事もしくはドキュメントの方を覗いていただけると良いかもしれません。 理解の手助けになれずに申し訳ございませんでした。
@@user-hl9uv6cv7k ソースコードのリンクの方を確認して、修正して、同じ動作になることが確認できました。 ありがとうございました。
プルリクエスト、マージプルリクエストは違う立場の人がすると思っていたのですが、同じアカウントでできるものなのですか??
PRはもちろん自分でも出すことはできます! 個人開発の場合でもブランチを切ってPRを出すときがありますね。
内容マジでいい。 ラウトゥに引っかかるけど笑