Розмір відео: 1280 X 720853 X 480640 X 360
Показувати елементи керування програвачем
Автоматичне відтворення
Автоповтор
↓こちらもよければチェックしてみてください〜👩💻ゼミ形式で学ぶプログラミング研修「SiiD」ua-cam.com/video/WYU2Git8dRg/v-deo.html👨💻エンジニアによるキャリア相談「EEE転職」ua-cam.com/video/MNTzNFGgmYI/v-deo.html
Udemyで有料化しても買っちゃうくらい良い動画なのにUA-camで無料で見させてくれるとかセイトさん最高
恐縮です！
プログラミングガチで初心者なので本当にありがとうございます。誤字脱字でエディタとブラウザ往復の無限ループ文になってますが、何回も見て勉強させて頂きます。これからも有益な動画楽しみです！
セイト先生のプログラミング講座の動画がyoutube内で一番わかりやすいです。初心者がやりがちな間違いとかワザと盛り込んでくれているのも指摘です。javascriptの続編、pythonの続編ともに期待しています！
あざます！！うれしい…次JSの講座来週出ます！
タダほど怖いものはないって習ったのですが、こんなに有用な動画をたくさん無料で見れちゃっていいんですかね・・・寿命縮みませんかね・・・感謝感謝ですありがとうございます春休みを使ってjavascriptの学習頑張ります
頑張ってくだしあ！
48:47 リポジトリ内 の甘噛みが最も面白かったです！
そこ！？😂
文法は分かるけど、実際に機能としてどう実装していくのか...それがわかる素晴らしい動画でした！
ありがたや！
"先生のJavaScriptの動画見る"→"参考書進める"という順番でどんどん進めると理解がすごく早くできてる気がしてる。ど初心者だけどいつか先生に追いつき抜けるようにまずはコピーさせていただこう^_^本当にいつも最高の動画をありがとう！
今回も、すばらしい内容でした。ありがとうございました。この冬、引きこもりながら勉強します。さあ、次の動画だ！！！
あざます！レッツ引きこもり！
動画もギャグも最高です！！！
ありがとうございますｗｗ
分かりやすかったです！今後の動画も楽しみです！
ありがとうございます！今後も更新していきます！
本当に最高の動画をありがとうございました。
観てくれてあざますｍｍ
わかりやすく何回もみて練習してます。これに内容を【閉じるボタン】の追加の動画もできれば最高です・・・
毎度ありがとうございます！
SuperThanks!!ありがとうございます＞＜
分かりやすすぎて泣いた
これちょっと応用するだけで、ToDoList作れちゃうの凄いな
ぜひ！応用してください！
私はJavaScriptの教本を読み終えたとこですが、セイト先生さんの動画で理解がとても深まりました。とても感謝しています。追伸:サンプルで使用されるワード「unko」に時折持ってかれて頭に入らない時があります。これからも応援してます。
何度もかぶせてきていた「かぶ」伏線だったんですね^-^見つけた時喜びました。基礎編＋3本のJavaScript動画がなければ多分もうくじけてました。助かりました。ありがとうございます。
誰も気づいてないであろうしょうもない伏線によくぞ......ありがとうございますｗ
習ってるうちに、これもできそうあれも出来そうってなって寝る時間がかなり減っちゃいました…綺麗なプログラミングって楽しいですね！
おお、素晴らしい… そうです、楽しいんです。楽しんでいきましょ！
こんばんは☺️JavaScriptの理解を深めたくて、何回も拝見してます。関数は、難しいですね💦これからも、動画 楽しみにしてます。いつも、ありがとうございます😊コンピュータと会話する…でしたっけ？セイト先生が言ってあったこと、響きました！
display:flex;のとこ、写ってるのが完成系の方だと気が付かずに「え？なんでtab-navとtab-contents紐付けされてるの？flexだけでこんな見た目変わる？」って感じで30分くらいコード見比べてました()
JS初心者の身からすると後半の内容が少し難しかったですがなんとか大まかな内容は理解できました！自分で一からつくるにはまだまだ厳しそうなのでもう少し復習したいと思います…🤔
あざます！1作目、2作目の動画もよければ！
data属性使えば繰り返し処理でバインドできそうですね。タイムリーフでやってました。読みにくいのでもっと早く知ってれば良かったです。
勉強になりました！ありがとうございます！！とんでもないスピードでCSSの土台を作ってたの感動しました！やり方を教えていただけると嬉しいです！ググってもよくわかりませんでした。。
あざます！今度その辺も取り上げてみましょうかね…！
@@webit7652 返信ありがとうございます！是非！！動画になるの楽しみにしてます！！
先生ありがとう
progateしかやっていない身としては結構難しかった。。繰り返し勉強します！
何よりです！
え！昨日頑張って作ったのに😭昨日見たかった😭
ぜひ2個目の制作を…ｗ
8:49 この行末だけを複数選択するショートカットキーは何でしょうか？
タブが飾って…じゃなくて蕪が飾ってある！
繰り返し処理を使う際にwhile文を用いていますが、for文を使わない理由は何かあるのでしょうか？
どちらでもお好みで！
(e)の概念が難しい・・・。とりあえずeventオブジェクトを使用する時は引数に(e)と記述すればいいのかな？
むずいっすよねーでもそれであってます！
29:00 あたりのところなのですが、preventするくらいだったら最初からアンカリングタグにしなけりゃいいやんと思ってしまいます。アンカリングにする意味があったら教えていただきたいです。
addEventListenerの第二引数なんですが、ラムダ式の処理部分に関数を入れているということでしょうか？コールバック関数(handleClick)に引数(e)があるために、無名関数((e)=>)で包んでいるような解釈であってますか？第二引数内に、引数らしきeが2つあるので不思議に思ってしまいました。
なんでこんなに早くコーディング出来るの ❓️私ならこれだけで一週間はかかるよね😱
8:30 20:31 21:31 28:27 32:15
タブって皆んなjavascript使って書くんですか？それとも他の言語を使うのが主流なんですか？
プロゲートのJavaScriptもやって、JavaScript超入門講座みたけど、8割型さっぱりわからん。どうしよ変数定数引数戻り値ループ文はわかるけど。$tabとかの$ってどこの動画で説明してるんだろう、見落としたかな
Hello Unko!
勉強になりました。とっともよかったです。JSを学ぼうとしていろんな動画を探してきましたが、これは最高です( ´∀｀ )。ありがとうございました。ちなみに、JSを使用して、チャットしてくれるLINEボットが作れますでしょうか？もしそのような動画があると、助かります。
配列の全要素走らせるのにforEachって使うのは危険ですか…？(メモ)・jsは即時関数を用いる・DOM要素は$…と変数を置く/定数は大文字・jsで使う属性はdata-***を用いる・jsで使うidは"js-***"とする
いいんじゃいすかね！
対象のコンテンツをアクティブ化するところの、[data-content=" ' + targetVal + ' "]って他の書き方ありますか？うまく飲み込めずにいます。。
以下の書き方でも同じ動作になります。$content[targetVal].style.display = "block";
@@僕めがね ありがとうございます！助かります！もっと勉強します。
他で説明されてたら申し訳ないんですが、リファクタリングの時に同じ文字列を同時に書き換えるのってどのキーでやられてるんですか？
cmd + Dのことかな！(Mac)Windowsはctrl+D！
@@webit7652 ありがとうございます！ショートカットキー知ってた方が便利ですねこれ
現在初めてのプログラミング言語としてJavaScriptを勉強してるのですが、その次は何を勉強したらいいと思いますか？htmlCSSを学んで何かを作ろうと思ってるんですけど…
とにかくJSでなんか作ってアウトプットの繰り返しがおぬぬめです😇あと他の言語にあまり目移りしないほうがいいっすー
@@webit7652 返信ありがとうございます。この動画でもある通りJSを使うならその二つも基礎くらいは抑えておいたほうが良いと思ってたんですけど違うんですね…
28:00 クリックイベントeの話
自分用17:44
コード全体左に寄せるやりかたわからねー
nodeを使用してmy SQLと接続する動画が見たいです。
やりますかー！
頑張って最後まで見たが、頭悪すぎて1，2割ほどしか理解できなかった、、、こんなんでいつかちゃんと理解できるのだろうか泣泣泣
クラスを複数当てた場合IEではそのcssが当たらなくなります例).tab-nav-item.is-activeこの場合はどうするのがいいのでしょうか？普段はsassなどでネストにして.tav-nav .tav-nav-item{ }.tav-nav .is-active{ }としています。
複数クラスと子クラスをごっちゃにしてませんか？？複数クラス、で調べてみてください！
【 コーディング実況 】と言う新しいジャンル 😆全てが淀み無く進むコーディング 💞早い早い 😁これなら本来なら三日かかるコーディングが一時間で済んでしまう｡:+((*´艸`))+:｡
クイズ作った時には即時関数使ってませんでしたがクイズの方を放置しておくと他のJavaScriptのコードにも侵入してくるのでしょうか？
その通りです！
9:01余計なところを消すというショートカットキーが存在するのでしょうか？調べ方が悪いのかわからないので、どなたか教えてください。お願いします。
そういうショートカットはないですねん💦
@@webit7652 返信あざます。9:01の[余計なところ消していきます。]の時の操作方法がわかりません。不要なスペース消すとか、カーソルで合わせた点を下に伸ばす方法があるとお見受けしました。伝われば良いのですが、教えて頂きたいです。🙏
@@らり-v4q ▼▼▼不要なスペース消す？▼▼▼これを.tab .tab-nav .tab-nav-item↓こうしたいなら.tab.tab-nav.tab-nav-item範囲を選択した上で[shift] + [tab]▼▼▼カーソルで合わせた点を下に伸ばす方法？▼▼▼(B)これを.tab.tab-nav.tab-nav-item↓(B)こうしたいなら|.tab|.tab-nav|.tab-nav-item[alt] + [shift] + [.tabの頭から.tab-nav-itemの頭へドラッグ]↓(B)さらにこうしたいなら↓.tab|.tab-nav|.tab-nav-item|[ctrl] + [左矢印キーを押す]
@@兒玉拓也 丁寧に返信頂きありがとうございます。本当にありがとうございます。m(_ _)m
範囲内の変数や定数を【 読み上げるソフト 】って無いですか ❓️エラーが出た時変数名や定数名などタイプミスしてる箇所を探すのに🙄目で追うのは本当に疲れるんですよね😖変数を読み上げてくれると一発でタイプミスした箇所を探せるんですがm(_ _)m
概要欄にも貼ってあるプラグインのKite とVS Codeがおすすめです！
参考にさせていただいております。業務でCADを使っているのですが、JavaScriptで一部作業を自動化したいと考えて勉強を始めました。作りたい物のイメージはあるのですが、JavaScriptで他アプリが動くイメージが掴めていません。何か良い例をご紹介いただけませんでしょうか。
あざます！アプリの仕組みを解説した動画があるんですがそれとかどうでしょう？ua-cam.com/video/qIRtN61gMfQ/v-deo.html
25:38 ここからが難しくて、大事…
インテリアに鏑が^_^
せーの！Unko!
思ったよりスベってましたねw
😂😂😂
↓こちらもよければチェックしてみてください〜
👩💻ゼミ形式で学ぶプログラミング研修「SiiD」
ua-cam.com/video/WYU2Git8dRg/v-deo.html
👨💻エンジニアによるキャリア相談「EEE転職」
ua-cam.com/video/MNTzNFGgmYI/v-deo.html
Udemyで有料化しても買っちゃうくらい良い動画なのにUA-camで無料で見させてくれるとかセイトさん最高
恐縮です！
プログラミングガチで初心者なので本当にありがとうございます。誤字脱字でエディタとブラウザ往復の無限ループ文になってますが、何回も見て勉強させて頂きます。これからも有益な動画楽しみです！
セイト先生のプログラミング講座の動画がyoutube内で一番わかりやすいです。初心者がやりがちな間違いとかワザと盛り込んでくれているのも指摘です。javascriptの続編、pythonの続編ともに期待しています！
あざます！！うれしい…
次JSの講座来週出ます！
タダほど怖いものはないって習ったのですが、こんなに有用な動画をたくさん無料で見れちゃっていいんですかね・・・寿命縮みませんかね・・・感謝感謝ですありがとうございます
春休みを使ってjavascriptの学習頑張ります
頑張ってくだしあ！
48:47 リポジトリ内 の甘噛みが最も面白かったです！
そこ！？😂
文法は分かるけど、実際に機能としてどう実装していくのか...
それがわかる素晴らしい動画でした！
ありがたや！
"先生のJavaScriptの動画見る"→"参考書進める"という順番でどんどん進めると理解がすごく早くできてる気がしてる。ど初心者だけどいつか先生に追いつき抜けるようにまずはコピーさせていただこう^_^本当にいつも最高の動画をありがとう！
今回も、すばらしい内容でした。
ありがとうございました。
この冬、引きこもりながら勉強します。
さあ、次の動画だ！！！
あざます！レッツ引きこもり！
動画もギャグも最高です！！！
ありがとうございますｗｗ
分かりやすかったです！
今後の動画も楽しみです！
ありがとうございます！今後も更新していきます！
本当に最高の動画をありがとうございました。
観てくれてあざますｍｍ
わかりやすく何回もみて練習してます。これに内容を【閉じるボタン】の追加の動画もできれば最高です・・・
毎度ありがとうございます！
SuperThanks!!
ありがとうございます＞＜
分かりやすすぎて泣いた
これちょっと応用するだけで、ToDoList作れちゃうの凄いな
ぜひ！応用してください！
私はJavaScriptの教本を読み終えたとこですが、セイト先生さんの動画で理解がとても深まりました。とても感謝しています。
追伸:サンプルで使用されるワード「unko」に時折持ってかれて頭に入らない時があります。
これからも応援してます。
何度もかぶせてきていた「かぶ」伏線だったんですね^-^
見つけた時喜びました。
基礎編＋3本のJavaScript動画がなければ多分もうくじけてました。
助かりました。ありがとうございます。
誰も気づいてないであろうしょうもない伏線によくぞ......ありがとうございますｗ
習ってるうちに、これもできそうあれも出来そうってなって
寝る時間がかなり減っちゃいました…綺麗なプログラミングって楽しいですね！
おお、素晴らしい… そうです、楽しいんです。楽しんでいきましょ！
こんばんは☺️JavaScriptの理解を深めたくて、何回も拝見してます。
関数は、難しいですね💦
これからも、動画 楽しみにしてます。
いつも、ありがとうございます😊
コンピュータと会話する…でしたっけ？
セイト先生が言ってあったこと、響きました！
display:flex;のとこ、写ってるのが完成系の方だと気が付かずに「え？なんでtab-navとtab-contents紐付けされてるの？flexだけでこんな見た目変わる？」って感じで30分くらいコード見比べてました()
JS初心者の身からすると後半の内容が少し難しかったですがなんとか大まかな内容は理解できました！
自分で一からつくるにはまだまだ厳しそうなのでもう少し復習したいと思います…🤔
あざます！
1作目、2作目の動画もよければ！
data属性使えば繰り返し処理でバインドできそうですね。
タイムリーフでやってました。
読みにくいのでもっと早く知ってれば良かったです。
勉強になりました！
ありがとうございます！！
とんでもないスピードで
CSSの土台を作ってたの感動しました！
やり方を教えていただけると嬉しいです！
ググってもよくわかりませんでした。。
あざます！
今度その辺も取り上げてみましょうかね…！
@@webit7652
返信ありがとうございます！
是非！！動画になるの楽しみにしてます！！
先生ありがとう
progateしかやっていない身としては結構難しかった。。
繰り返し勉強します！
何よりです！
え！昨日頑張って作ったのに😭
昨日見たかった😭
ぜひ2個目の制作を…ｗ
8:49 この行末だけを複数選択するショートカットキーは何でしょうか？
タブが飾って…じゃなくて蕪が飾ってある！
繰り返し処理を使う際にwhile文を用いていますが、for文を使わない理由は何かあるのでしょうか？
どちらでもお好みで！
(e)の概念が難しい・・・。
とりあえずeventオブジェクトを使用する時は引数に(e)と記述すればいいのかな？
むずいっすよねー
でもそれであってます！
29:00 あたりのところなのですが、preventするくらいだったら最初からアンカリングタグにしなけりゃいいやんと思ってしまいます。アンカリングにする意味があったら教えていただきたいです。
addEventListenerの第二引数なんですが、ラムダ式の処理部分に関数を入れているということでしょうか？
コールバック関数(handleClick)に引数(e)があるために、無名関数((e)=>)で包んでいるような解釈であってますか？
第二引数内に、引数らしきeが2つあるので不思議に思ってしまいました。
なんで
こんなに早く
コーディング出来るの ❓️
私なら
これだけで
一週間は
かかるよね
😱
8:30 20:31 21:31 28:27 32:15
タブって皆んなjavascript使って書くんですか？
それとも他の言語を使うのが主流なんですか？
プロゲートのJavaScriptもやって、
JavaScript超入門講座みたけど、8割型さっぱりわからん。
どうしよ
変数定数引数戻り値ループ文はわかるけど。
$tabとかの$ってどこの動画で説明してるんだろう、見落としたかな
Hello Unko!
勉強になりました。とっともよかったです。
JSを学ぼうとしていろんな動画を探してきましたが、これは最高です( ´∀｀ )。ありがとうございました。
ちなみに、JSを使用して、チャットしてくれるLINEボットが作れますでしょうか？もしそのような動画があると、助かります。
配列の全要素走らせるのにforEachって使うのは危険ですか…？
(メモ)
・jsは即時関数を用いる
・DOM要素は$…と変数を置く/定数は大文字
・jsで使う属性はdata-***を用いる
・jsで使うidは"js-***"とする
いいんじゃいすかね！
対象のコンテンツをアクティブ化するところの、
[data-content=" ' + targetVal + ' "]って他の書き方ありますか？
うまく飲み込めずにいます。。
以下の書き方でも同じ動作になります。
$content[targetVal].style.display = "block";
@@僕めがね ありがとうございます！助かります！もっと勉強します。
他で説明されてたら申し訳ないんですが、リファクタリングの時に同じ文字列を同時に書き換えるのってどのキーでやられてるんですか？
cmd + Dのことかな！(Mac)
Windowsはctrl+D！
@@webit7652 ありがとうございます！
ショートカットキー知ってた方が便利ですねこれ
現在初めてのプログラミング言語としてJavaScriptを勉強してるのですが、その次は何を勉強したらいいと思いますか？
htmlCSSを学んで何かを作ろうと思ってるんですけど…
とにかくJSでなんか作ってアウトプットの繰り返しがおぬぬめです😇
あと他の言語にあまり目移りしないほうがいいっすー
@@webit7652 返信ありがとうございます。
この動画でもある通りJSを使うならその二つも基礎くらいは抑えておいたほうが良いと思ってたんですけど違うんですね…
28:00 クリックイベントeの話
自分用17:44
コード全体左に寄せるやりかたわからねー
nodeを使用してmy SQLと接続する動画が見たいです。
やりますかー！
頑張って最後まで見たが、頭悪すぎて1，2割ほどしか理解できなかった、、、
こんなんでいつかちゃんと理解できるのだろうか泣泣泣
クラスを複数当てた場合IEではそのcssが当たらなくなります
例).tab-nav-item.is-active
この場合はどうするのがいいのでしょうか？
普段はsassなどでネストにして
.tav-nav .tav-nav-item{ }
.tav-nav .is-active{ }
としています。
複数クラスと子クラスをごっちゃにしてませんか？？
複数クラス、で調べてみてください！
【 コーディング実況 】と言う
新しいジャンル 😆
全てが
淀み無く進む
コーディング 💞
早い
早い 😁
これなら
本来なら
三日かかる
コーディングが
一時間で済んでしまう
｡:+((*´艸`))+:｡
クイズ作った時には即時関数使ってませんでしたがクイズの方を放置しておくと他のJavaScriptのコードにも侵入してくるのでしょうか？
その通りです！
9:01
余計なところを消すというショートカットキーが存在するのでしょうか？
調べ方が悪いのかわからないので、どなたか教えてください。お願いします。
そういうショートカットはないですねん💦
@@webit7652
返信あざます。
9:01の[余計なところ消していきます。]の時の操作方法がわかりません。
不要なスペース消すとか、カーソルで合わせた点を下に伸ばす方法があるとお見受けしました。
伝われば良いのですが、教えて頂きたいです。🙏
@@らり-v4q
▼▼▼不要なスペース消す？▼▼▼
これを
.tab
.tab-nav
.tab-nav-item
↓
こうしたいなら
.tab
.tab-nav
.tab-nav-item
範囲を選択した上で[shift] + [tab]
▼▼▼カーソルで合わせた点を下に伸ばす方法？▼▼▼
(B)これを
.tab
.tab-nav
.tab-nav-item
↓
(B)こうしたいなら
|.tab
|.tab-nav
|.tab-nav-item
[alt] + [shift] + [.tabの頭から.tab-nav-itemの頭へドラッグ]
↓
(B)さらにこうしたいなら
↓
.tab|
.tab-nav|
.tab-nav-item|
[ctrl] + [左矢印キーを押す]
@@兒玉拓也
丁寧に返信頂きありがとうございます。本当にありがとうございます。m(_ _)m
範囲内の
変数や定数を
【 読み上げるソフト 】
って
無いですか ❓️
エラーが
出た時
変数名や
定数名など
タイプミスしてる箇所を
探すのに
🙄
目で追うのは
本当に
疲れるんですよね
😖
変数を
読み上げてくれると
一発で
タイプミスした
箇所を
探せるんですが
m(_ _)m
概要欄にも貼ってあるプラグインのKite とVS Codeがおすすめです！
参考にさせていただいております。
業務でCADを使っているのですが、JavaScriptで一部作業を自動化したいと考えて勉強を始めました。
作りたい物のイメージはあるのですが、JavaScriptで他アプリが動くイメージが掴めていません。
何か良い例をご紹介いただけませんでしょうか。
あざます！
アプリの仕組みを解説した動画があるんですがそれとかどうでしょう？
ua-cam.com/video/qIRtN61gMfQ/v-deo.html
25:38 ここからが難しくて、大事…
インテリアに鏑が^_^
せーの！Unko!
思ったよりスベってましたねw
😂😂😂