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