JavaScript入門・完全版コース／プログラミング初心者向け、コスパ最強講座

[@muscle_crazies]

17：03 のHTML5 Boilerplate:のダウンロードですが、サイトの使用が変わっていて、どのファイルをダウンロードしたらいいのかがわかりません。😢

[@webit7652]

これ！ github.com/h5bp/html5-boilerplate/releases/download/v9.0.0/html5-boilerplate_v9.0.0.zip

[@musixxx43]

超初心者なのでとても参考になります！！ありがとうございます！！ 少しずつ勉強してるので、自分用に失礼します…。 【JavaScript基礎文法】 00:28:44 ①変数 00:32:16 ②定数 00:36:19 ③配列 00:38:49 ④ループ文 00:43:36 ⑤if else 文 00:46:13 ⑥関数 00:49:26 ⑥関数-引数 00:51:31 ⑦オブジェクト 00:55:18 特殊なオブジェクト 00:55:31 ①window 00:57:36 ②document 00:59:56 ③event

[@ああ-k5z3h]

助かります。

[@nanora3476]

今日は素敵なお祝いの日！🎊君がいるからこそ毎日が特別なんだよ😘✨#SimejiAI 😊

[@webit7652]

↓こちらもよければチェックしてみてください〜 👩‍💻ゼミ形式で学ぶプログラミング研修「SiiD」 kzbin.info/www/bejne/jYq4Y3qfqZ2XiMk 👨‍💻エンジニアによるキャリア相談「EEE転職」 kzbin.info/www/bejne/g3-3q4F8fMygj6s ------------------------------------------------------------------

[@___umzZ]

１周目終わりました！何回も見直して自分の力にできるように頑張ります！わかりやすい動画作ってくださって本当にありがとうございます😭！

[@asuna68k]

ちょうど古い動画を見始めたところに、補足を追加したまとめがアップされたので助かりました。分かりやすくて良かったです。

[@webit7652]

いいタイミングw ありがとうございます！

[@paya6091]

わかりやすくてとても勉強になりました！これからも応援しています！！

[@webit7652]

感謝です！

[@チェリママ]

いつも勉強になる動画ありがとうございます。 やっと半分まで進みましたが、めげそうです・・・ 何回も見て、理解できるよう頑張ります。

[@webit7652]

動画自体長いですからね笑 ゆっくり頑張ってください👍

[@webit7652]

動画自体長いですからね笑 ゆっくり頑張ってください👍

[@yellow_mouse99]

色んな方の動画見させて頂きましたがセイト先生の解説内容がダントツで分かりやすかったですし、コード書くのが好きになりました！もしお時間があればJavaScriptの方も中級者向けの動画出して頂けませんでしょうか…🙏

[@syuoochan8387]

様々なudemy教材よりもめちゃ分かりやすいし楽しいかも、定数unko2で笑いました！基礎編終わって理解進みます。ありがとうございます！

[@webit7652]

感謝！☺️

[@KK-xn4cm]

怒涛の変数unkoラッシュで笑ってしまった

[@P君ちゃんねる]

phpとPythonをほんの少しずつかじって勉強してますが、似てるから面白いですね！

[@339abcat5]

とてもためになる動画でした！ありがとうございます！

[@Juic1902]

ありがとうございます! とても分かりやすいです! 応援してます。

[@webit7652]

感謝です！

[@happykeita1522]

部活でやってるので いつも見させてもらっています 自分の理解力が少なくて覚えたことは少ないですが 毎回ひとつ何かを作りながら 単語の意味説明分かりやすいです これからもよろしくお願いします

[@webit7652]

ありがとうございます！！ぜひ繰り返し使ってください💪

[@akiokunn9962]

リファクタリングのあたりはプロ感がすごくてびっくりしました！ 実務イメージが少し湧きました！ありがとうございました！

[@ねこ-w9g]

配列inoki、lengthが0から始まることが「いち、に、さん」のズレに繋がってるの最高にわかりやすくて神がかってるなと思いました！　unko慣れしすぎてむしろconsoleのボンバイエがじわじわくる

[@すえすえ-x9m]

初見です。bigUnkoは耐えられませんでした。

[@Donpisyadaze]

最高でした！！！ありがとうございます。 実際に書きながら進めたら6時間くらいかかったと思いますｗｗｗ（止めて書いてを繰り返して）

[@webit7652]

すごい！おつかれさまでした！！

[@キリン-l7s]

セイトさんの動画わかりやすくて楽しいです。

[@webit7652]

感謝！

[@ziyaoyuan7936]

マジで役に立つ、progetも利用しているけど、この動画を無料でみられるとは超ありがたい

[@webit7652]

ウレシス

[@Harry_jitter_aim]

1:56:40でやってる一部分だけ一括で選択するやり方知りたい、、、、、！

[@user-dc1xc5sg3i]

30:38　console.log　と打っても色がつかない、候補に出てこないのですがなぜでしょう？BBEditなるエディタを使っていますが種類によるのでしょうか？

[@lltj2232]

boiler plateのダウンロードのやり方を教えて下さい。どうやら、動画のようにダウンロードできないようです。

[@LockSeedHollow]

ちょうどJavaScriptへの転換が来ていたので助かりました。

[@webit7652]

使ったってください！

[@LockSeedHollow]

@@webit7652 有り難く！喜んで！！

[@koala_li]

神講座🤓

[@lifeisfullofdreams3899]

すごい。本当にありがとうございます。

[@まいこ-l3y]

HTML、CSS、JavaScriptを使用したハンバーガーメニュー🍔についての解説動画、みたいです☺️❣️

[@薔薇園-h5y]

関数の宣言について質問です。46:45 のようにアロー関数を用いて定数に関数を入れる場合、定数の宣言の下流でしか関数を使用することができないと思います。functionで宣言する場合はそのような制限はないと思うのですが　アロー関数を用いた宣言をするメリットがわかりません。自分の認識が間違っているかもしれません。教えていただけると嬉しいです。

[@duckairdrop]

あなたが正しい！

[@deliciousjapanfoodline5018]

一番最初のダウロードができないです😢

[@しゅん-b4g6o]

26:40 の所で困っています index.jsを書いても後ろに .html が自動で付いてきます パソコン自体少し前まで触って来なかった為知識も少ないです 教えていただけるとありがたいです

[@webit7652]

エクスプローラーやFinderではなく、VSCode上でファイルつくるようにしましょう

[@しゅん-b4g6o]

@@webit7652 左上の New File から index.jsを打ち込んだら JS Fileが作れました。 ご丁寧な対応ありがとうございました。

[@MKWD]

クイズゲーム、タブ、アコーディオン作成、それぞれ課題が設定されており非常に助かりました。　PBLメインのSIID期待してます。

[@webit7652]

ありがとうございます！

[@subnokousei_jp]

16:55 こちらのサイトが現在仕様変更されて、DownloadというボタンではなくGet Startedというボタンになっています さらに、GitHubに飛ばされて初心者にとっては最初で詰んでしまうので、最新版お願いします...

[@webit7652]

ご指摘ありがとうございます！3年前の動画なので、現在最新版を作成し直しております。なるべく早くにアップします！

[@週-l9j]

cootstrapのサイトの仕様が変わっていて、CSS onlyが見当たりません、、、

[@Harry_jitter_aim]

同じくです、、、

[@aoringo6717]

それなです😭

[@tora_kotake]

私も昨日から始めて仕様変更に戸惑いましたが、サイト内検索で CDN やCSS で調べると出てました〜！ うろ覚えですが、CSS only という文言は無かった気がします💦

[@コロトラ-x7h]

まったくの初心者です。 BootstrapのCSSonlyが見当たらないのですが…

[@renmeri]

人生で初めて触れたコンピュータ言語がC言語でよかった。ヌルヌル理解出来る。

[@いぇいうー]

let iよりunkoのほうが頭にスッと入ってくる不思議！ 引数 49:25

[@しらいしみつひろ]

天才動画をありがとう。

[@wien_classica_music_lover]

1:56:40あたりからハイライトして選択して削除する方法どうやってやりますか？MACなんですけど、最初にclass=をマウスでハイライトしてCommand + Dするとclass=ってなってる部分は繰り返し押すとどんどんハイライトが広がっていくんですが、そのあとclass=とハイライトした全ての行を左側のdivとかa hrefとかも含めてカーソル移動というかハイライトして一気にclass=となってる部分まで左からclass=まで一括削除してますよね。その方法教えていただけないでしょうか。class=でcommand Dで複数選択してハイライトー＞そのあとOption+Commandにすると縦の棒が出て下の矢印キーを押すと複数行選択はできたんですが、余計な部分も掛かってしまって、動画のように一括で削除ができませんでした。 classs=でマウスでハイライトしてから恐らくCommand Dを連打してclass=となってる部分を複数選択していると思うのですが、class=の左側一括選択複数行の削除を（ハイライト方法）その後どうやってるのか教えていただけないでしょうか。1:56:56も同時に{}追加してますけど、、MAC VSCodeでどうやってやるんでしょうか？お忙しいところすみません。よろしくお願いします。

[@webit7652]

こちらで解説してますのでよければぜひ◎ kzbin.info/www/bejne/rZeQaXuhm7KWoa8si=BlYHHR4mdMZyKWWJ

[@sk-ky8iz]

セイト先生はHTML&CSS以外を先に学ぶことをお勧めしていました。なのでこの動画を見てJavaScriptを勉強しています。大変助かっています。Web制作をしたいので、視聴後はHTML&CSSと同時並行でJavaScriptの勉強した方が方がいいですか？

[@Star-qp7rv]

2:00:19のis-activeの前になんでスペースがあるんですか？ htmlの属性ってスペース入れられるんですか？

[@ぷよ-l6g]

23:23の「囲ってあげてください」の具体的な動作がわかりません。表示されてる通りにしたのですが範囲指定のコードの右側に表示されている縦線が出てこないのでおそらく範囲が指定されてないからかボタンが中央表示になりませんでした。よろしければご教示の程よろしくお願いします。

[@ああ-k5z3h]

今日から見て行きます 頑張るぜー〜！

[@ああ-k5z3h]

真顔でunko言うのシュールで草

[@webit7652]

あざます！

[@ああ-k5z3h]

基礎文法終わりー！

[@user-nv5eb1fl9m]

すごいわかりやすいのですが、Bootstrap開いたけどサイトの見た目が違くてCSS onlyが1時間以上調べても見当たらない。。。 開始早々挫けそう、、向いてないのかな😭

[@webit7652]

明日もっとわかりやすいJS動画出します :)

[@ミズミシキ]

めちゃ助かる　理解が捗りましたああ $〜　はHTMLを表してるっての大事ですねー！

[@webit7652]

よかったぁ☺️

[@GK-no9fm]

JavaScriptが未経験で今回この動画で初めて学ばせていただきました。 率直な感想としては完全未経験の自分にとっては難しかったです。。 なぜこうするんだろう？とかなぜこういう書き方をするのだろう？と思ったら自分で考えたり調べつつ行わないとただの板書になってしまう気がしました。。 ただそうこうしてるとどんどん動画は進んでしまって、、 もしかしたらどこかである程度学んだ人だったら、すんなり頭に入る内容なのかもしれません。

[@live_oto_evil]

セイト先生の講座はわかりやすく、そして楽しく吸収できるので為になります バックエンド一辺倒な自分でしたが、これを機にJS等にも触れていこうと思います

[@webit7652]

ありがたや！！！

[@さんかめはめ]

何回見てもunkoってのが笑ってまう笑笑

[@AOZAWA-jr1zq]

まさかunkoとgoToiletでオブジェクトの理解を深められるとは思わなんだ...

[@webit7652]

奇跡www

[@arthurtateixi8969]

クイズゲーム終わったら一旦html,cssとjsを詳しくやってる動画みないと初心者にはキツイかもしれないです

[@JapanaishiteruJapan]

1:56:41 どうやってるんですか？

[@kamikaze37136]

今までどの動画見てもしっくりこなかったけど、なんかめっちゃするっと入ってきた笑

[@user-datodemoomottaka]

1:56:41~ Ctrl + dで選択するところまでは分かるのですが、選択後に右端まで指定部分を広げるやり方が分からずモヤモヤしています。。。 もし良ければ教えて頂けるとありがたいです。

[@webit7652]

ctrl, shift, 矢印キーかな？

[@user-datodemoomottaka]

@@webit7652 なるほど。。。 スッキリしました！ありがとうございますん！

[@はかちゃん戦士]

bootstrapの仕様が変わっていてcss onlyが見つかりません 今のbootstrapならどれをコピーすればいいでしょうか

[@はかちゃん戦士]

バージョン変えたらできました

[@webit7652]

動画通りにしたい場合はv4ですね getbootstrap.jp/docs/4.2/getting-started/introduction/

[@tech-quest]

完全版ですね！！！✨ 高評価ポチらせていただきました😊 いつもありがとうございます！！！

[@webit7652]

高評価ありがとうございます！

[@戦わないプリン]

メモメモ var 再宣言⭕️再代入⭕️ （同じ名前でもう一回作れちゃう） let 再宣言❌再代入⭕️ （ダブりのない変数） const再宣言❌再代入❌ （もう変わることのない定数）

[@KentaroxKondo]

きたーーー！🙌

[@syavathekitchen1162]

本当ありがとうございます

[@sunosuno-y6o]

お世話になっております。 エディタにて「ERROE: ''question' is assigned a value but never used. [no-unused-vars]と表示されてしまいエラーになってしまいます。原因がわからず困っています。

[@日本電子専門学校_菅]

boiler plateがダウンロードできません。 セイト先生と同じサイトは開けているのですが、ダウンロードボタンが「はじめる」という風になっていてよく分からないです。分かりにくい説明ですがご教授お願いいたします、、泣

[@webit7652]

ボイラープレート、仕様変わっちゃったみたいです。 概要欄にソースコード貼ってあるのでコピペして活用してみてね github.com/seito-developer/js-tutorial/blob/master/index.html

[@あかねこ-c3e]

ありがとうございます！

[@natu12345]

Wunderlist なつかしいなぁ。 ブックマークバーって古くなりがちな気がする。（最新のものは、inbox的なところとかフォルダにどんどん入れていく傾向がある。） もう、みんな『Microsoft To Do』使ってるかな？

[@ta-by8im]

2:24:00 "[data-content='" + targetVal + "']"　 + targetVal + はなぜダブルクォーテーションとシングルクォーテーションで囲まないといけないのでしょうか？わかる方がいましたら、教えていただきたいです。

[@KA-ng6eu]

文字列の中にクォーテーションを含めたい時に、外側のクォーテーションと同じ種類のクォーテーションを含めると、途中で文字列が閉じてエラーが出てしまいます。そこで、文字列を囲む外側のクォーテーションと文字列中で異なるクォーテーションを使用することで、これを回避しています。 今回の例では[data-content="targetValの値"]という文字列を作ろうとしています。=の右側の部分はクォーテーションで囲まなければいけないという記述上の規則があるので、外側のシングルクォーテーションと区別してダブルクォーテーションを使用しています。

[@ノア-f6w]

HTML5Boilerplateの始めようを押した後どうすればいいのかわかりません。

[@webit7652]

ボイラープレート、仕様変わっちゃったみたいです。 概要欄にソースコード貼ってあるのでコピペして活用してみてね github.com/seito-developer/js-tutorial/blob/master/index.html

[@パル子さん]

プロゲートを見たので、こちらにチャレンジしてみます！44歳プログラム初心者。

[@webit7652]

おお！ぜひ頑張ってください！

[@パル子さん]

2:07:50辺りの所で$nav＝$tab.略　としてますが$docではないのですか？ログで見たら結果は同じでしたが。$navには$tabのId値が入ってる（普通の代入のイメージ）だけなのにdocumentの要素をとれるんですか？つたない質問で申しわけありません。

[@gabo-i4q]

unkoがHallo world！したとか真顔でいわんでくれｗｗｗ

[@森竜平-e8n]

どなたか教えてほしいです。 17:02　のボイラープレートでダウンロードと出ません。 何か別の方法をご存知な方はいらっしゃいませんか

[@webit7652]

ボイラープレート、仕様変わっちゃったみたいです。 概要欄にソースコード貼ってあるのでコピペして活用してみてね github.com/seito-developer/js-tutorial/blob/master/index.html

[@asagihuman3691]

1:10:27 Java script

[@jack1999-b9w]

定番UIの動画にて、htmlで各tab-nav-itemをaタグで作成されていますが、どういう意図でしょうか。例えばdivで作れば、preventDefaultで打ち消す必要がないと思うのですが。別のタブへ遷移するからaタグを使用されているのでしょうか。

[@webit7652]

divでもだめじゃないですが、「元々クリックされたることを前提としているタグ」を設定するほうが仕様的に自然なのでそうしてます。 タブでなくとも、ページ内リンクとかもaタグで実装するのが自然です そういう意味でいうとbuttonタグでもいいですがbuttonだとデフォでCSSが色々ついていてそれをリセットするのが結構な手間なのでaタグに

[@hayaton909]

ダウンロードしたboilerplateのファイルの中にindex html がない場合どうすればよいでしょうか？？

[@webit7652]

絶対見落としてる！ まあ概要欄にあるソースコード全部貼ってますんでそっち見てもいいかと

[@テストテスト-w3u]

タブ制作の以下の件、 $tab.querySelectorAll('[data-content="' + targetVal + '"]')[0].style.display='block'; 説明がわからない。。。

[@クラッカーチーズサンド]

ありがてぇ!

[@ぱらしゃいといんしぇくと]

boilerplateのテンプレ見つけましたが動画のコードと違っているのですが問題ないですよね

[@ぱらしゃいといんしぇくと]

ちなみにこれです A simple primary alert-check it out! Primary Primary Primary Primary

[@Yoran91]

仕様が変わって最初のダウンロードがまず出来ない

[@webit7652]

どれのことを言ってるのか、具体的に言ってもらえたら助け舟出せるかと！😅

[@かむかむレモン-k5g]

リファクタリングで、理解にかなり時間かかりました、、 プロの技術を感じました！大変勉強になりましたm(_ _)m

[@引きこもり-19]

何度試してもコンソールにHello World!が表示されません

[@STUDIO23..]

初めまして、プログラミングの言語はcadソフトみたいにお金がかかるんですか？

[@webit7652]

かかりません！

[@deliciousjapanfoodline5018]

勉強させて頂きます(^^)ありがとうございます☆

[@赤羽ハヤト]

定番UIの作り方の所で、クリックしたら起こるイベントの下のhandleClickが読み取られることはありませんと出てしまいます。何か改善策はありますでしょうか？

[@s1h1i1n8]

1:34:18のwhile分へのリファクタリングをコード全く同じで実行してもボタンがprimaryに戻り正解・不正解の表示も出なくなります。 何故でしょうか。

[@webit7652]

残念ながらわかりません。サンプルコードと見比べてみてください

[@_sora3926]

19：32秒の上書きってどうやってやるんでしょうか？

[@Ms-ww6bd]

Javascriptの理解が深まりました。ありがとうございます。forEachの使い方を知りたいです。

[@ヤングテトラ]

19:08 CSS

[@もんざい]

質問させてください。1:18:18ぐらいのボタンのテキストを書き換える作業ですが、 document.getElementsByTagName("button")[0].textContent = answers[0];　と書きましたが、一番左のボタンがスーパーファミコンにならずPrimaryのままです。 試しにconsole.log(document.getElementsByTagName("button")[0].textContent = answers[0]);　と書いてコンソール画面(?)を見るとスーパーファミコンと出てくるので、書き方は間違っていないと思うのですが、どうもボタン上の文字が書き換わりません・・・。 何か原因分かりますでしょうか？？

[@webit7652]

ちょっとその情報だとわかりませんが、一つ言えるのは動画の通りに正確にコードが書けていれば必ず動画通りの動きになるということです。 そうならないということはどこか間違えてコードを書いているのではないかと。 動画内でもお伝えしていますが、概要欄に実際のコードへのリンクがあるのでそれとご自身のコードをよく見比べてみてくださいｂ

[@もんざい]

さっそくのご回答ありがとうございます。やはりどこかが間違っているということですね。よくよく見比べておかしなところがないか確認してみます！

[@ch-lm6ij]

質問です。 こちらで作らせていただいたクイズアプリケーションを知り合いに共有したいのですが、どのようにすれば出来ますでしょうか。

[@webit7652]

サーバーに上げてURLを共有したい、という意味かな...？ この辺見るといいかもです kzbin.info/www/bejne/fpPbpp-jbc6LiaM

[@ヤングテトラ]

16:46 HTML

[@zoo9294]

誰か目次を作っておくれー

[@pumpkin3834]

やべー途中からわかんなくなった

[@YOUSUPERTERIO]

1:02:00 基礎文法チュートリアル終わり

[@webit7652]

お疲れ様！！

[@ikustas]

問題を増やしてからうまくいかなくなった...

[@Yoshio_video_editor]

青いアラート枠の上にボタンが来るのですが、どうすればいいですか？

[@かとうれん-g3d]

何度も確認して間違いがないのに、alertが機能しません。そのせいで次の問題の進むことができません

[@はちさいし]

侍テラコヤってどう思いますか？

[@webit7652]

SEOが超強い！

[@ふひゃっw]

vscodeのemmetという機能でHTMLの雛型を作ったんですけど、この動画に書いてある、ひながたと微妙に違うんですけど、今と昔で変わってりしてるんでしょうか？それとも自分で付け足さないといけないんでしょうか？返信していただいたら幸いです

[@webit7652]

あんまり気にしないでいいレベルの差異かなと思うです

[@ふひゃっw]

返信ありがとうございます！気になっていたのでがちで助かります！これからも動画投稿頑張ってください！

[@週末テニス部村本プラス]

//を一瞬で数行に当てるのはどうやるのでしょう？（汗

[@週末テニス部村本プラス]

いじくり倒して解決しました（汗 //を当てたい範囲にCtrl＋/ でした

[@オレチャマ]

28:56何打つのかと思ったら唐突のうんこで草生えた

[@kk-rb7no]

激アツ

[@KentaroxKondo]

鳥貴族がスポンサーについている説

[@user-sm6dn5yo9g]

くそおもろい

[@webit7652]

かもしれいないwww

[@asagihuman3691]

1:26:32

[@onlystudy3844]

いつも、勉強の為見させて頂いております。 クイズゲームを作成したのですが 一問目の問題、選択肢が表示されずに不正解、正解は表示されます。 二問目三問目は表示され最後の終了のウィンドウも出るのですが注意してみた方が良いところなどありますでしょうか？

[@webit7652]

ヒント：概要欄に載せているソースコードと自分のコードを見比べてどこが間違っているか見比べよう

[@onlystudy3844]

@@webit7652 ご返信ありがとうございます！ やってみます！！

[@おだ-k3v]

bootstrapのCSSのとこコピペしたけど読みに行かない。。。。

[@おだ-k3v]

できました。すいません。