Розмір відео: 1280 X 720853 X 480640 X 360
Показувати елементи керування програвачем
Автоматичне відтворення
Автоповтор
JavaScript講座の第2回目です。コメントもお待ちしています😊疑問や質問もお答えします！
システムの保守・運用の仕事をしているのですがフロントエンドエンジニアへ転職したく現在勉強中です。HTML,CSS,jQueryでWebサイト制作のところまでは何とかできる程度までにはなりましたが、JavaScriptは文法程度しか分かっていません。(実装もしたことありません)木を見て森を見ずの状態です。そんな中、しまぶーさんのチャンネルを知り、拝見させていただきました。概念から入り非常にわかりやすく勉強になっております。今後とも拝見させていただき勉強していきますのでよろしくお願いいたします。今回の動画に関しましては、そもそもWebAPIとは何かの説明が少し足りないかなと思いました。また、今後、フロントエンドエンジニアの転職活動でするべきこと（Webサイト作品やアプリ作品、会社の調べ方等）の動画を挙げていただけると、転職したいけど何していいのかわからない方(僕含め)には非常に有難いと思います。
JS講座受講開始！分かりやすく助かります😊
自分だけのtodoアプリが作ってみようと、いろいろ、動画を観ていて辿り着きました。概念的な方からのアプローチの考え方にしっくりしました。
わかりやすい動画ありがとうございます！Web系エンジニアとして駆け出してHTML&CSS, jQuery, PHPと業務で利用してきました。この2年前の動画で「現代のWebは必要なところだけレンダリング」と言われているので、過去にJSの学習をjQueryで終えていたことを反省してます。今後 React, Vue, Angularを利用する機会を頂いたのでしまぶーさんの動画で学ばせて頂きます！
とても勉強になりました。わかりやすくて、ためになります。動画を作成していただき、ありがとうございます。感謝しています。わかりやすくて、整理されていて、とても良かったです。最高💝💖🌸💐🎉✨🎊すごい！
HTMLに正解はないという言葉で救われました。コーディング模写などで実際の物と比較して全然違う形になっていることがあり自分が書いたコードが間違っていると思っていましたが、HTMLに正解はないという言葉で自分の中ではこれが正解といえることができるので今回の動画をみてとてもよかったです！ 引き続き見ます！
ちゃんねる登録しました。概念のわかりやすい解説ありがとうございます。他のチャンネルではこういった体系的に教えてくださる方は私の知る限りいらっしゃらないように見受けられます。しまぶーさんが実務をされていらっしゃることがわかりやすい解説でよくわかります。続けて視聴しますので楽しみです。
こういった全体像から教えてくれる動画はあまり無いのでとても助かります。このシリーズとても楽しみにしてます！
頑張って今後も出していきます😁
僕中学生でITエンジニア目指して勉強しているのでとても助かります、これからも頑張ってください！
働きながらプログラミング学習スタートして3ヶ月目です。ajaxでつまづきまくってましたが、しまぶーさんの動画なら、理解できてくる気がします！この動画の下準備とか相当時間かかってますよね。。。みんなのために時間と労力割いて頂きありがとうございます！ 時間的な余裕が出て来ましたら、railsも解説してくださると大変嬉しいです！
とても分かりやすJavaScriptの解説ありがとうございます😊😭お話がとても上手ですね！
仕事で長いことjsを使っていましたが、木を見て森を見ず状態で進めていたので身についている実感が全然ありませんでした。概念的な部分から細かく説明してくださり、本当に勉強になります
概念から解説してくれることがとてもありがたいです。概念などを知らないと何に使えるのかわからないし他人事になるのであんまりモチベーションも湧かないし憶えも悪くなる気がします。最高です！ありがとうございます
すっごくわかりやすかったです！本当に助かりました！！😊
twitterフォローさせていただきました。すごい丁寧な説明でいつも勉強になります。40代で新しく勉強しているところですが、おかげさまで楽しく学べています。
最初に何をしているかを分かりやすく説明して頂けるスタイル素晴らしいです。あとめちゃくちゃ説明が分かりやすいです。ぜひこれからもこのスタイルでお願いします🙇✨✨
世の中、文法ばかりの解説が多い中、実際の仕組みからの解説がイメージし易く取り組む意欲がでます。elseだとか散々解説されても使いどころがイメージできないとホント無駄な時間に思えてモチベ下がってました。文法わかっても実用できないですし。合理的な視点で難しいをシンプルに説明いただけて、感謝してます。☺️
解説がわかりやすかったです！
めちゃくちゃ分かりやすいです！これからプログラミングスキルも磨こうと思っていて、何から始めたら良いかわからなかったのでありがたいです！！
わかりやすい動画ありがとうございます！！！JSを学びはじめたところですが、概念からの説明はすんなり入ってきてわかりやすく重宝してます．．．！！！学習のモチベも上がりますし、いいことづくめですね笑
実際の使われている例にしていただけるのが凄く頭に入ってきます。ありがとうございます。
例示が大切だと私もコメント欄から学びました。コメント欄は学びの宝庫です😊
とても分かりやすくて、どんどん聞き入ってました！！これからも動画投稿お願いします🙇♂️
そのコメント嬉しすぎます。今後も動画投稿しまくるので安心してください😉
ProgateでJavaScript開始したところなので助かりました。結局何をするものかわからなかったので
改めてjavascriptの復習兼発見がありました。昔はvarで書き始めだったのに、今はlet, const始まりですね。nodeメインで自己で学んだ自分にとってはなかなか盛り沢山でした。今はnpmかyarnを使ってサーバーを作ってからプログラムを作っています。今後、更に動画が進むにつれてejsやjsxの動画も是非配信してください。自己学では限界があるので楽しみにするということで、subscribeしました。
私の学びはじめのときもvarがほとんどでしたし、何ならjQueryがまだまだ全盛期でした。時代は変わりますね🤣npm, yarnなどのパッケージ周りの知識や、jsxなどのAlt HTMLの技術ももちろん触れます。たぶん１番概念を理解していないといけないところなので、より講座を作るやる気になります。絶対に分かりやすい講座つくるので楽しみにしててください💪
わかりやすかった。どうもありがとうございます。
神動画すぎてやばい
神コメントいただきましたーーー🙌
@@shimabu_it よッ 大明神‼️
解説もわかりやすいけど、何しろカッコ良すぎる〜
非常にわかりやすく、つい見続けてしまいますね。ありがとうございます。何かプログラム言語を覚えてアプリでも作ってみたいと思いたどり着いたのですが、そもそもwebを理解してなかったのでこういう話を聞くだけで面白いし言語なんてどうでもよくなったｗとりあえずチャンネル登録。休憩や昼休みなど利用してこれ見て勉強します。
すごくわかりやすい。無料で受講できるなんて（涙）でます。
神動画！！！！凄く分かりやすい！！
他の人の動画よりもかなり分かりやすい！本当にちゃんと理解してるかなここまで説明できるのだと思う！今後コード書いていくと思いますが楽しみにしています！
嬉しいコメントありがとうございます！次の回で実際にコードを書いていくのでご期待ください！✍️😆
この動画をみると具体的なイメージを持って勉強できますねー！！
嬉しいコメントです。ありがとうございます😂
DOM操作の文言が理解したつもりでもまたわからなくなっていましたが、今回腑に落ちました。今回の例ではパースをしていく作業をDOM操作と呼ぶ。毎度理解が深まるようで助かっています。
今、Jsを勉強している最中で、めちゃめちゃわかりやすかったです。何がなんだかわからなかったので、困っていました！！これからも、動画楽しみにしておます！！！！頑張ってください！！！！
凄くわかりやすいです。今後も頑張ってください。
最高に分かりやすいです。次の動画も楽しみにしてます！
次はコードを書いていきますよー一緒に書きましょう！！😊
今回もわかりやすい授業ありがとうございます！
授業と聞くと本当に学校（IT大学）っぽい！笑
めちゃめちゃわかりやすい。。。今まででいちばんでしたありがとうございます。
ありがとうございます！😁関数から少し難しくなりますので、そこだけ覚悟が必要です！💦スキルアップしていきましょ〜！！🔥
とても有益で最近よく拝見させて頂いています！私はHTMLやCSSから触れ、言語やライブラリとしてJavaScript、jQuery、その他SQLやGit、DBやコマンドラインの学習を経て(この辺で覚えたコーディング知識を一度ほぼ失いましたが)、再びJSやReactを学習しています。なので個人的にとてもタイムリーで勉強になります🙂 動画に関しては内容も非常に洗練されていてとても見やすく素晴らしいと思います。今後のご参考になればですが、エンジニア初学者向けの講座としてはもう少し専門用語の解説(口頭かテロップなど)があるとさらにGood！な気がしました。私はドットインストールの学習も経ていたため、DOMの概念などはわかりましたが、多くの初学者はまだJSの入り口ではDOMとはなんぞや？(自身はDOMツリー構造をドットインストールのサーバーサイド分野で始めて学びました)という方も少なくないかと思いますので。応援しています！
待ってました！
JSを本腰入れて学びたいので、このシリーズは非常に有難いです。🙇♂️ツイッターも、昨日からフォローしてます🙃🐦
お疲れ様です！楽しみにしてました！！次回も勉強&復習させて頂きたいと思います！！
第3回は明後日までには出したい・・・少し時間がかかっていますが、今後もどんどん出していくのでご期待ください。一緒に勉強していきましょう！！
すごくわかりやすかったです！React楽しみです....!
ありがたすぎます！Progateで1回JavaScript講座をしているだけの段階ですが実際にどう使われるのかイメージが全くわかなかったのでwww
良かったですー！！今後もっとより学びが深まる講座を考えているのでお楽しみに！
分かりやすく説明してくれてありがとうございます
この動画がきっかけでtwitterのhtml見てきましたが、すがすがしいほどdivばかりでした。ほんとにいろんなコーディングの仕方がありますね。
Twitterは謎ですよねー。これは完全に予想なんですがTwitterってそこまでSEOが重要じゃない（またはタグ最適化が難しい）と思っていて、だからあえてタグは捨てて開発速度優先でdivだけにしているんじゃないかなーと。基本的にはタグを適切に使うことが求められるとは思います！
JSではフロントに動きつけるぐらいしか使ってなかったのでとても興味深かったです！自分でも調べてみようと思いました！webデザイナー目指している友人にもこの動画おすすめしています。
Web制作とアプリ開発でJavaScriptの捉え方が全然違うんですよね。Web制作の方はJavaScriptを「動きをつけるため」という認識が多いですが、アプリ開発系のエンジニアはJavaScriptを「メンテナンス性」や「パフォーマンス」の観点から必要と考えています。前半も間違いではないですが、私のチャンネルではYahoo, LINE, クックパッド, メルカリ, ...etcなどのフロントエンドエンジニアになれるような講座を考えているので、後者の「メンテナンス性」や「パフォーマンス」に焦点を絞って解説していく予定です！はい！ぜひぜひオススメしてください！嬉しいです😂😂
すごく具体的でわかりやすいですね！react, tsx(jsx), typescript辺りのお話聞きたいです〜
まさに私の得意とする技術スタックです。そこらへんまで伝えたいけど、途中をすっ飛ばして伝えてしまうと概念の方を理解できないので、なるべく道筋を立ててそのレベルまで講座を作っていきたいです。ちょっと先にはなりますが、必ず取り扱うのでお待ちください🙏
最近凄い伸びてますね！💦それも納得の内容です☺️しまぶーさんはつくづく講師に向いていらっしゃる
凄くためになります！ありがとうございます。
わかりやすいです！
おっちゃんにも分かりやすい！管理職になってもフロントエンドの仕組みは理解しなきゃイカンと改心。以降の動画も見てしっかり学ばせていただきます！
JavaScriptの概念がとても分かりやすかったです。①データのやり取り（JSON)②DOM操作恥ずかしながら今回にも出てきたJSON、DOMはスクールでは全く理解できず、JSが苦手にしか感じていなかったのですが、しまぶーさんのおかげJSが好きになりかけてますｗｗ今後は実際にコードも書いていくとのことで本当楽しみにしてます！
JavaScriptが好きな人が増えると嬉しいです！正直、１番需要が大きい言語になると思っているので、学ぶ価値はめちゃくちゃあると思っています。どこよりも分かりやすくJavaScriptを伝えられるように今後も動画つくっていきますね！一緒に学んでいきましょう！✌️
講義ありがとうございます。
とても参考になります有難う
こちらこそ嬉しいコメントをありがとうございます😊✨
この手のUA-camチャンネルでは、初心者向けすぎて退屈する動画が多いんだけど、個人的にちょうどいい難易度のチャンネルが現れたんでうれしいｗ
うおーそういうコメントはめちゃくちゃ嬉しいです。まだまだ序盤なので、今後はドンドン難しくなります！！ぜひついてきてくださいね！！😊👍
◎JavaScript第2回・Twitterを例にJavaScript ね仕事について・データのやり取り・DOM
●データのやり取りTwitterのhtmlの構文無限スクロール↓ローディング→JavaScriptがデータを取得↓web API (バックエンド)DBを取得し、フロントが扱いやすい形にしてデータを返す
●DOMの操作*JSONWEB APIがレスポンスとして返す*パース→(DOM操作)解析することで、ここでは、JSONをHTMLに変換する
独学２年目に突入した50代です。最近は英語Udemy中心で学んでいるのですが、日本語で概念的で超わかりやすい説明でこの動画最高です！
英語Udemyはなかなか難しそうですが良いですね！次回はコードを書いていきますが、そこでも丁寧な解説ができるように頑張ります💪
JQuery の詳細を講座にしていただきたいです。概念、内容、読み込み順、使用例、使い方などなど
実はjQueryは私はオススメしていません...なのであまりjQuery講座を作ろうとは考えていません。具体的には下記動画を参考にしていただきたいのですが、簡潔に言うとjQueryはWeb制作で使われる技術で、アプリ開発においては使われることがほとんど無いからです。ua-cam.com/video/_IJQ2iBkf4w/v-deo.htmlまたjQueryの作者であるJohn Resigも2016年からReactを使用して開発しています。今後、なぜjQueryが使われなくなるかの動画も出す予定です。twitter.com/jeresig/status/726058698989277185数年以内に使われなくなる技術なので、私はjQueryではなくReactやVueなどを学ばれることを強く推奨しています。React, Vue講座は行う予定ですので、そちらをお待ちいただけると嬉しいです。
ありがとうございます。
🇯🇵🎌🇯🇵🎌実践的でわかりやすいです。
いつもわかりやすい動画ありがとうございます✨スライド式わかりやすいですが、ホワイトボードは暖かみがあっていいですね‼️笑
そうなんですよね！ホワイトボードの暖かみは私も大好きです😊笑スライドだけだと説明しづらいものは、このようにホワイトボードで解説するようにしています！どちらも使い分けていきますよー✌️
超初心者ですけどかなりわかりやすいです！
超初心者です。DOM操作とは。グーグル先生でもよく分かりませんですた
とても分かりやすい解説ありがとうございます✨話し方もそうですが図も分かりやすくて凄く理解し易かったです！フロントエンドエンジニア目指して勉強しているのでこれからチェックさせて頂きます^_^✨
巨人の丸選手と俳優の本郷奏多さんと、教育系UA-camrのヨビノリさんを足して3で割ったようなお顔をされていますね！笑冗談はさておいて、本当にいつも動画に助けられています！ありがとうございます！これからも更新楽しみにしています！！
はじめて言われました😂笑もっと動画を更新したいですがスケジュールがカツカツで苦しみ中です...😅なるべく早く動画を出していけるように頑張りますね✌️✨
Ryohei Kurosu 目元が丸
ありがとうすぎる
動画配信お疲れ様です！JSで計算式（変数、関数、定数）を勉強しているのですが、実際に使用することはあるのでしょうか？
めちゃくちゃ使いますよ〜！！むしろそれがないと開発できないぐらいです！👍
すばらしすぎる！
わかりやすい。プログラミングスクール（テックアカデミー ）より10倍わかりやすい！
確かに、シンプルで明確な動画ですね。一流のプロの方は凄いですね。
TwitterのWEBサイトはService workerと独自Javascript frameworkを使ってます。解説している処理内容が抽象化されているので、説明としてはほぼ間違っていないのですが、世の中に存在する具体的なサービスで説明すると私のように本質的でない突っ込みコメントが来るので、今後は架空の簡単なサービスをでっちあげて説明した方が良いかと思います。共有まで。
神動画
いつも神コメントありがとうございます！😇👍
DOMが、なかなか理解できてないでいます。まだ、なんとなくの理解でよいですか？
絵も文字も内容も顔も全て整ってるな。
初回から拝見しております。初心者です。IT業界での、webページでの"リッチ"の意味、概念を教えていただけますでしょうか。
ありがとうございました。Twitterの例とてもわかりやすかったです。JSONのname,body,srcなどはDeveloperが規格するのかなと思いました。なので、JSONはJavaScriptとは別で学ぶものの1つである。という認識で合っていますでしょうか？日本語下手くそですみません。
Web APIとはサーバーのことでしょうか？パースはDOM操作に含まれるのでしょうか？
最近転職し、Webデベロッパーを目指しているものです！めちゃくちゃ分かりやすく勉強になります！最近ElementorというWordpressのプラグインをよく耳にしますが、それでも今後HTML, CSSの勉強は必須でしょうか？
プログラミング始めてまだ1週間なんですけどしまぶーさんの影響で始めました。ドットインストールとしまぶーさんのUA-camで勉強しているのですがどっちを先にやるべきですかね？
私の動画がまだすべてを網羅できているわけではないので、急ぎであればドットインストールを使われた方が良いかと思います。私のは復習用ですね！また私の講座は別の角度から解説しているので、そういう解説の違いみたいなのも楽しんでいただけると良いかと思います。ある程度、講座が出揃ったら私のがメインに！？🤔笑
しまぶーのIT大学 ありがとうございます！出したい動画たくさんあって忙しいと思うのですが、初心者向けに習ったことを使って実際にホームページを作ってみようのような動画も検討してもらいたいです！！
@@おな-y8n 実際にホームページとかブログを作ろう的な動画はやろうと思ってます！いつになるかは決まってないですが、なるべく早めには出したいと思っています！リクエストありがとうございます！😊
しまぶーのIT大学 ありがとうございます！楽しみにしています！無理はなさらないように^_^
板書の絵がうまい！
今後はプログラミングではなく絵を教える動画つくっていきます🤯👊
jsonからDOMを使ってHTML化するのがしんどいので、jsonの中に部分HTMLをサーバー上で作っちゃって、それをDOMの中に差し込んじゃうっていうのを個人的には良くやるんだけど、それは邪道なのかな？
要件にも寄りますが、大抵の場合は良くないかなーとは思います。私だったらやりません...という感じですね。例えばそのJSON APIをネイティブアプリでも用いるってなった場合に使い回せなくなります。あとは最近のフロントエンドでは仮想DOMフレームワーク（ReactやVue等）が流行っているので仮想DOMとの相性が悪いですね。仮にHTMLを入れても良いとしたら、ブログ等の開発でWYSIWYGエディタを作る際に、ユーザーが入力したHTMLをDBに保存して、それをAPIとしてそのまま返す場合ですかね。私はHTML直保存も好きじゃないので、それもやりませんが・・・。ちょっと専門的な内容になってしまいましたが、参考になれば幸いです！🙌
独学で、より実務に近い勉強方法ってＪＳ使ってなにか作るのが手っ取り早いですかね？
javascriptはどうやって勉強したらいいですか？
どうして再レンダリングしたら効率がわるいんですか？
再レンダリングはブラウザに負荷をかける処理だからです！
動画と関係なくて申し訳ないのですがプログラミングで使うMacBookはデュアルコアのCorei3で大丈夫でしょうか？
いえいえ、動画と関係ない質問も大歓迎ですのでいつでも！😊👍結論から言うとi3は若干厳しい気がします。初学段階では問題ないですが、やることが難しくなるにつれて重くなってくるように思います。私はi3のパソコンを長らく触ってないのですが、私の現状のスペック（i5）でギリギリだと感じでいるので、i5相当は欲しいと考えています。下記が私のパソコンのスペックです！- MacBook Air (Retina, 13-inch, 2018)- プロセッサ 1.6 GHz デュアルコアIntel Core i5- メモリ 16 GB 2133 MHz LPDDR3- ストレージ 256GBちなみにPCはMacBook系をオススメしています。下記動画で理由は触れていますので、ぜひご覧ください。ua-cam.com/video/PwUlyEXGoMw/v-deo.htmlまた、ちょっとMacBookで話を深堀りしますと、AirかProかで迷うかと思います。性能に関しては大は小を兼ねるので性能を求めるなら当然Proが良いです。私は外で作業することが多いのでAirにしている感じですね。iOS, Androidのアプリ開発は結構重いソフトを使うのでProが良いかと思います。ちなみにカスタマイズに関しては、私はプロセッサとメモリを最大までカスタマイズして、ストレージは最小にするタイプです。ストレージは代替できるのであまり求めないでもいいと私は考えています。長くなりましたが、参考になれば幸いです！
しまぶーのIT大学 ありがとうございます参考にします！
さっきTwitterフォローしました！
いつもコメントありがとう＆フォローもありがとう！嬉しいです！！🤣
初心者対象でいいですね。
BGMなんですか？勉強用に使いたいです笑
最初の頃の背景も好きだったなあ～(゜_゜>)
夜景のですよねーあっち派も根強い人気はありそうですね。またTwitterでアンケートとか取って決めるかもしれません！笑
台湾からのコメント絵がすごいですね
絵師さんのようにうまいわけではありませんが絵が描くのは好きだったりします😊
僕も台湾からのファンです（笑）しまぶーさん本当に絵でも説明でもすごくて、わかりやすいですね
JavaScriptは小中高といった学生でも習得は可能でしょうか？
もちろん学生でも可能です！小学生のうちは実際のコードまで理解していくのは難しいかもしれませんが、Scratchなどのプログラミングの考え方を学ぶ教材があるので最初はそちらをオススメします。中学・高校生だと大人と同じように学ぶことができるかと思います。実際に、中学・高校生でゲームをやWebサービス、アプリを作る方はいますので。私は学生に戻っても必ずプログラミングを勉強します。それほどプログラミング学習はオススメですね。👍
ちなみにプログラミング勉強の過程でコンピューテーショナル思考を学ぶことができます。プログラマーに限らず他の仕事でも必ず活きる考え方になります。自分のTwitterで恐縮ですが、下記参考に！😊twitter.com/shimabu_it/status/1241252479892766721
@@shimabu_it アドバイスありがとうございます現在学生の僕はprogateでJabascriptを勉強してるのですが一度Scratchを基礎として学習しある程度築いてから中高生が学習する教材に取り組むのが良いのでしょうか？それとも現在のままprogateを基に学習していけば良いのでしょうか？後Twitterを見させて頂きましたが簡潔に纏められており大変見やすかったです
基礎から学ぶといってもかなりハードルが高いと思います。失礼かとは思いますが、用語を羅列して満足しているような感じを受けます。私には無理だと思いますので、他のサイトで勉強しますm(__)m
失礼ながら、先生が用語を羅列して満足しているようにお感じになるのであれば、まずは、HTML、CSSを勉強して、間接的にプログラミングやサーバーサイドに触れられ、徐々に用語に慣れていかれては如何でしょうか？自分にとって取っつき易い所から勉強を始められた方が効率的かと思います。
@@yocci928 さん失礼な文章でした。不快に感じられすみませんでした。ご助言感謝いたしますm(__)m
今のバックエンドの仕事ってAPIを作るのがメインの仕事なんや。だから勉強会とかに行くとやたらAPIって言葉が出てくるのか。
API周りの勉強会もたくさんありますね！APIを作るために裏側で色々コネコネするんですが、それも「APIを返すため」という目的ですね。
チャンネル登録してたのになぜもっと早く見なかったんだ俺…
これはお金払ってでも受けたくなります
ハッカーとかって本当にいるんですか？アニメの話だけかと思っていました
めちゃくちゃいますよ！👨💻👨💻👨💻ヤフーも1ヶ月に○○万回というレベルで攻撃を受けていると聞きました。ハッカーからの攻撃を防ぐためのホワイトハッカーというのもいます。
クラッカー！
ブラックハッカー=クラッカーですね！
分かりやすかったけどタグとかの＜li＞エルをℓリットルって書かれると一瞬「ん？」ってなるからなるべく正確に書いてほしいです。 でも、絵とかはとても分かりやすいです。
結婚してますか？初期から動画を見てますが、今日初めて指輪を付けてるのに気づきました。
結婚していますよー！😊💕
jsonの形式になってないです。
JSの仕事って単純にHTMLを書き換えるだけかと思ってました…
JavaScriptもやることは年々増えていますね〜😅💦でもその方が需要も増加するので良いのではないかと思っています！
JavaScript講座の第2回目です。
コメントもお待ちしています😊
疑問や質問もお答えします！
システムの保守・運用の仕事をしているのですが
フロントエンドエンジニアへ転職したく現在勉強中です。
HTML,CSS,jQueryでWebサイト制作のところまでは何とかできる程度までにはなりましたが
、JavaScriptは文法程度しか分かっていません。(実装もしたことありません)
木を見て森を見ずの状態です。
そんな中、しまぶーさんのチャンネルを知り、拝見させていただきました。
概念から入り非常にわかりやすく勉強になっております。
今後とも拝見させていただき勉強していきますのでよろしくお願いいたします。
今回の動画に関しましては、そもそもWebAPIとは何かの説明が少し足りないかなと思いました。
また、今後、フロントエンドエンジニアの転職活動でするべきこと（Webサイト作品やアプリ作品、会社の調べ方等）の動画を挙げていただけると、転職したいけど何していいのかわからない方(僕含め)には非常に有難いと思います。
JS講座受講開始！
分かりやすく助かります😊
自分だけのtodoアプリが作ってみようと、いろいろ、動画を観ていて辿り着きました。概念的な方からのアプローチの考え方にしっくりしました。
わかりやすい動画ありがとうございます！
Web系エンジニアとして駆け出してHTML&CSS, jQuery, PHPと業務で利用してきました。
この2年前の動画で「現代のWebは必要なところだけレンダリング」と言われているので、過去にJSの学習をjQueryで終えていたことを反省してます。
今後 React, Vue, Angularを利用する機会を頂いたのでしまぶーさんの動画で学ばせて頂きます！
とても勉強になりました。わかりやすくて、ためになります。動画を作成していただき、ありがとうございます。感謝しています。わかりやすくて、整理されていて、とても良かったです。最高💝💖🌸💐🎉✨🎊すごい！
HTMLに正解はないという言葉で救われました。
コーディング模写などで実際の物と比較して全然違う形になっていることがあり
自分が書いたコードが間違っていると思っていましたが、HTMLに正解はないという言葉で自分の中では
これが正解といえることができるので今回の動画をみてとてもよかったです！ 引き続き見ます！
ちゃんねる登録しました。概念のわかりやすい解説ありがとうございます。他のチャンネルではこういった体系的に教えてくださる方は私の知る限りいらっしゃらないように見受けられます。しまぶーさんが実務をされていらっしゃることがわかりやすい解説でよくわかります。続けて視聴しますので楽しみです。
こういった全体像から教えてくれる動画はあまり無いのでとても助かります。このシリーズとても楽しみにしてます！
頑張って今後も出していきます😁
僕中学生でITエンジニア目指して勉強しているのでとても助かります、これからも頑張ってください！
働きながらプログラミング学習スタートして3ヶ月目です。ajaxでつまづきまくってましたが、しまぶーさんの動画なら、理解できてくる気がします！この動画の下準備とか相当時間かかってますよね。。。みんなのために時間と労力割いて頂きありがとうございます！ 時間的な余裕が出て来ましたら、railsも解説してくださると大変嬉しいです！
とても分かりやすJavaScriptの解説ありがとうございます😊😭お話がとても上手ですね！
仕事で長いことjsを使っていましたが、木を見て森を見ず状態で進めていたので身についている実感が全然ありませんでした。
概念的な部分から細かく説明してくださり、本当に勉強になります
概念から解説してくれることがとてもありがたいです。概念などを知らないと何に使えるのかわからないし他人事になるのであんまりモチベーションも湧かないし憶えも悪くなる気がします。最高です！ありがとうございます
すっごくわかりやすかったです！本当に助かりました！！😊
twitterフォローさせていただきました。
すごい丁寧な説明でいつも勉強になります。
40代で新しく勉強しているところですが、
おかげさまで楽しく学べています。
最初に何をしているかを分かりやすく説明して頂けるスタイル素晴らしいです。あとめちゃくちゃ説明が分かりやすいです。ぜひこれからもこのスタイルでお願いします🙇✨✨
世の中、文法ばかりの解説が多い中、実際の仕組みからの解説がイメージし易く取り組む意欲がでます。elseだとか散々解説されても使いどころがイメージできないとホント無駄な時間に思えてモチベ下がってました。文法わかっても実用できないですし。合理的な視点で難しいをシンプルに説明いただけて、感謝してます。☺️
解説がわかりやすかったです！
めちゃくちゃ分かりやすいです！
これからプログラミングスキルも磨こうと思っていて、何から始めたら良いかわからなかったのでありがたいです！！
わかりやすい動画ありがとうございます！！！
JSを学びはじめたところですが、概念からの説明はすんなり入ってきてわかりやすく重宝してます．．．！！！
学習のモチベも上がりますし、いいことづくめですね笑
実際の使われている例にしていただけるのが凄く頭に入ってきます。ありがとうございます。
例示が大切だと私もコメント欄から学びました。コメント欄は学びの宝庫です😊
とても分かりやすくて、
どんどん聞き入ってました！！
これからも動画投稿お願いします🙇♂️
そのコメント嬉しすぎます。
今後も動画投稿しまくるので安心してください😉
ProgateでJavaScript開始したところなので助かりました。
結局何をするものかわからなかったので
改めてjavascriptの復習兼発見がありました。昔はvarで書き始めだったのに、今はlet, const始まりですね。nodeメインで自己で学んだ自分にとってはなかなか盛り沢山でした。今はnpmかyarnを使ってサーバーを作ってからプログラムを作っています。今後、更に動画が進むにつれてejsやjsxの動画も是非配信してください。自己学では限界があるので楽しみにするということで、subscribeしました。
私の学びはじめのときもvarがほとんどでしたし、何ならjQueryがまだまだ全盛期でした。時代は変わりますね🤣
npm, yarnなどのパッケージ周りの知識や、jsxなどのAlt HTMLの技術ももちろん触れます。たぶん１番概念を理解していないといけないところなので、より講座を作るやる気になります。絶対に分かりやすい講座つくるので楽しみにしててください💪
わかりやすかった。どうもありがとうございます。
神動画すぎてやばい
神コメントいただきましたーーー🙌
@@shimabu_it よッ 大明神‼️
解説もわかりやすいけど、何しろカッコ良すぎる〜
非常にわかりやすく、つい見続けてしまいますね。ありがとうございます。
何かプログラム言語を覚えてアプリでも作ってみたいと思いたどり着いたのですが、そもそもwebを理解してなかったのでこういう話を聞くだけで面白いし言語なんてどうでもよくなったｗ
とりあえずチャンネル登録。休憩や昼休みなど利用してこれ見て勉強します。
すごくわかりやすい。無料で受講できるなんて（涙）でます。
神動画！！！！
凄く分かりやすい！！
他の人の動画よりもかなり分かりやすい！本当にちゃんと理解してるかなここまで説明できるのだと思う！今後コード書いていくと思いますが楽しみにしています！
嬉しいコメントありがとうございます！
次の回で実際にコードを書いていくのでご期待ください！✍️😆
この動画をみると具体的なイメージを持って勉強できますねー！！
嬉しいコメントです。ありがとうございます😂
DOM操作の文言が理解したつもりでもまたわからなくなっていましたが、
今回腑に落ちました。今回の例ではパースをしていく作業をDOM操作と呼ぶ。
毎度理解が深まるようで助かっています。
今、Jsを勉強している最中で、めちゃめちゃわかりやすかったです。
何がなんだかわからなかったので、困っていました！！
これからも、動画楽しみにしておます！！！！頑張ってください！！！！
凄くわかりやすいです。今後も頑張ってください。
最高に分かりやすいです。
次の動画も楽しみにしてます！
次はコードを書いていきますよー
一緒に書きましょう！！😊
今回もわかりやすい授業ありがとうございます！
授業と聞くと本当に学校（IT大学）っぽい！笑
めちゃめちゃわかりやすい。。。
今まででいちばんでしたありがとうございます。
ありがとうございます！😁
関数から少し難しくなりますので、そこだけ覚悟が必要です！💦
スキルアップしていきましょ〜！！🔥
とても有益で最近よく拝見させて頂いています！私はHTMLやCSSから触れ、言語やライブラリとしてJavaScript、jQuery、その他SQLやGit、DBやコマンドラインの学習を経て(この辺で覚えたコーディング知識を一度ほぼ失いましたが)、再びJSやReactを学習しています。なので個人的にとてもタイムリーで勉強になります🙂 動画に関しては内容も非常に洗練されていてとても見やすく素晴らしいと思います。今後のご参考になればですが、エンジニア初学者向けの講座としてはもう少し専門用語の解説(口頭かテロップなど)があるとさらにGood！な気がしました。私はドットインストールの学習も経ていたため、DOMの概念などはわかりましたが、多くの初学者はまだJSの入り口ではDOMとはなんぞや？(自身はDOMツリー構造をドットインストールのサーバーサイド分野で始めて学びました)という方も少なくないかと思いますので。応援しています！
待ってました！
JSを本腰入れて学びたいので、このシリーズは非常に有難いです。🙇♂️
ツイッターも、昨日からフォローしてます🙃🐦
お疲れ様です！楽しみにしてました！！
次回も勉強&復習させて頂きたいと思います！！
第3回は明後日までには出したい・・・少し時間がかかっていますが、今後もどんどん出していくのでご期待ください。一緒に勉強していきましょう！！
すごくわかりやすかったです！React楽しみです....!
ありがたすぎます！
Progateで1回JavaScript講座をしているだけの段階ですが実際にどう使われるのかイメージが全くわかなかったのでwww
良かったですー！！今後もっとより学びが深まる講座を考えているのでお楽しみに！
分かりやすく説明してくれてありがとうございます
この動画がきっかけでtwitterのhtml見てきましたが、すがすがしいほどdivばかりでした。ほんとにいろんなコーディングの仕方がありますね。
Twitterは謎ですよねー。これは完全に予想なんですがTwitterってそこまでSEOが重要じゃない（またはタグ最適化が難しい）と思っていて、だからあえてタグは捨てて開発速度優先でdivだけにしているんじゃないかなーと。基本的にはタグを適切に使うことが求められるとは思います！
JSではフロントに動きつけるぐらいしか使ってなかったのでとても興味深かったです！自分でも調べてみようと思いました！webデザイナー目指している友人にもこの動画おすすめしています。
Web制作とアプリ開発でJavaScriptの捉え方が全然違うんですよね。Web制作の方はJavaScriptを「動きをつけるため」という認識が多いですが、アプリ開発系のエンジニアはJavaScriptを「メンテナンス性」や「パフォーマンス」の観点から必要と考えています。
前半も間違いではないですが、私のチャンネルではYahoo, LINE, クックパッド, メルカリ, ...etcなどのフロントエンドエンジニアになれるような講座を考えているので、後者の「メンテナンス性」や「パフォーマンス」に焦点を絞って解説していく予定です！
はい！ぜひぜひオススメしてください！嬉しいです😂😂
すごく具体的でわかりやすいですね！
react, tsx(jsx), typescript辺りのお話聞きたいです〜
まさに私の得意とする技術スタックです。そこらへんまで伝えたいけど、途中をすっ飛ばして伝えてしまうと概念の方を理解できないので、なるべく道筋を立ててそのレベルまで講座を作っていきたいです。ちょっと先にはなりますが、必ず取り扱うのでお待ちください🙏
最近凄い伸びてますね！💦
それも納得の内容です☺️
しまぶーさんはつくづく講師に向いていらっしゃる
凄くためになります！
ありがとうございます。
わかりやすいです！
おっちゃんにも分かりやすい！
管理職になってもフロントエンドの仕組みは理解しなきゃイカンと改心。
以降の動画も見てしっかり学ばせていただきます！
JavaScriptの概念がとても分かりやすかったです。
①データのやり取り（JSON)
②DOM操作
恥ずかしながら今回にも出てきたJSON、DOMはスクールでは全く理解できず、JSが苦手にしか感じていなかったのですが、しまぶーさんのおかげJSが好きになりかけてますｗｗ
今後は実際にコードも書いていくとのことで本当楽しみにしてます！
JavaScriptが好きな人が増えると嬉しいです！正直、１番需要が大きい言語になると思っているので、学ぶ価値はめちゃくちゃあると思っています。
どこよりも分かりやすくJavaScriptを伝えられるように今後も動画つくっていきますね！一緒に学んでいきましょう！✌️
講義ありがとうございます。
とても参考になります有難う
こちらこそ嬉しいコメントをありがとうございます😊✨
この手のUA-camチャンネルでは、初心者向けすぎて退屈する動画が多いんだけど、個人的にちょうどいい難易度のチャンネルが現れたんでうれしいｗ
うおーそういうコメントはめちゃくちゃ嬉しいです。
まだまだ序盤なので、今後はドンドン難しくなります！！
ぜひついてきてくださいね！！😊👍
◎JavaScript第2回
・Twitterを例にJavaScript
ね仕事について
・データのやり取り
・DOM
●データのやり取り
Twitterのhtmlの構文
無限スクロール
↓
ローディング→JavaScriptがデータを取得
↓
web API (バックエンド)
DBを取得し、フロントが扱いやすい形にして
データを返す
●DOMの操作
*JSON
WEB APIがレスポンスとして返す
*パース→(DOM操作)
解析することで、
ここでは、JSONをHTMLに変換する
独学２年目に突入した50代です。最近は英語Udemy中心で学んでいるのですが、日本語で概念的で超わかりやすい説明でこの動画最高です！
英語Udemyはなかなか難しそうですが良いですね！次回はコードを書いていきますが、そこでも丁寧な解説ができるように頑張ります💪
JQuery の詳細を講座にしていただきたいです。
概念、内容、読み込み順、使用例、使い方などなど
実はjQueryは私はオススメしていません...なのであまりjQuery講座を作ろうとは考えていません。
具体的には下記動画を参考にしていただきたいのですが、簡潔に言うとjQueryはWeb制作で使われる技術で、アプリ開発においては使われることがほとんど無いからです。
ua-cam.com/video/_IJQ2iBkf4w/v-deo.html
またjQueryの作者であるJohn Resigも2016年からReactを使用して開発しています。今後、なぜjQueryが使われなくなるかの動画も出す予定です。
twitter.com/jeresig/status/726058698989277185
数年以内に使われなくなる技術なので、私はjQueryではなくReactやVueなどを学ばれることを強く推奨しています。React, Vue講座は行う予定ですので、そちらをお待ちいただけると嬉しいです。
ありがとうございます。
🇯🇵🎌🇯🇵🎌実践的でわかりやすいです。
いつもわかりやすい動画ありがとうございます✨スライド式わかりやすいですが、ホワイトボードは暖かみがあっていいですね‼️笑
そうなんですよね！ホワイトボードの暖かみは私も大好きです😊笑
スライドだけだと説明しづらいものは、このようにホワイトボードで解説するようにしています！どちらも使い分けていきますよー✌️
超初心者ですけどかなりわかりやすいです！
超初心者です。
DOM操作とは。
グーグル先生でもよく分かりませんですた
とても分かりやすい解説ありがとうございます✨
話し方もそうですが図も分かりやすくて凄く理解し易かったです！
フロントエンドエンジニア目指して勉強しているのでこれからチェックさせて頂きます^_^✨
巨人の丸選手と俳優の本郷奏多さんと、教育系UA-camrのヨビノリさんを足して3で割ったようなお顔をされていますね！笑
冗談はさておいて、本当にいつも動画に助けられています！ありがとうございます！
これからも更新楽しみにしています！！
はじめて言われました😂笑
もっと動画を更新したいですがスケジュールがカツカツで苦しみ中です...😅
なるべく早く動画を出していけるように頑張りますね✌️✨
Ryohei Kurosu 目元が丸
ありがとうすぎる
動画配信お疲れ様です！
JSで計算式（変数、関数、定数）を勉強しているのですが、実際に使用することはあるのでしょうか？
めちゃくちゃ使いますよ〜！！
むしろそれがないと開発できないぐらいです！👍
すばらしすぎる！
わかりやすい。
プログラミングスクール（テックアカデミー ）より10倍わかりやすい！
確かに、シンプルで明確な動画ですね。一流のプロの方は凄いですね。
TwitterのWEBサイトはService workerと独自Javascript frameworkを使ってます。
解説している処理内容が抽象化されているので、説明としてはほぼ間違っていないのですが、世の中に存在する具体的なサービスで説明すると
私のように本質的でない突っ込みコメントが来るので、今後は架空の簡単なサービスをでっちあげて説明した方が良いかと思います。共有まで。
神動画
いつも神コメントありがとうございます！😇👍
DOMが、なかなか理解できてないでいます。まだ、なんとなくの理解でよいですか？
絵も文字も内容も顔も全て整ってるな。
初回から拝見しております。
初心者です。
IT業界での、webページでの
"リッチ"の意味、概念を教えていただけますでしょうか。
ありがとうございました。Twitterの例とてもわかりやすかったです。
JSONのname,body,srcなどはDeveloperが規格するのかなと思いました。
なので、JSONはJavaScriptとは別で学ぶものの1つである。という認識で合っていますでしょうか？
日本語下手くそですみません。
Web APIとはサーバーのことでしょうか？
パースはDOM操作に含まれるのでしょうか？
最近転職し、Webデベロッパーを目指しているものです！
めちゃくちゃ分かりやすく勉強になります！
最近ElementorというWordpressのプラグインをよく耳にしますが、それでも今後HTML, CSSの勉強は必須でしょうか？
プログラミング始めてまだ1週間なんですけどしまぶーさんの影響で始めました。ドットインストールとしまぶーさんのUA-camで勉強しているのですがどっちを先にやるべきですかね？
私の動画がまだすべてを網羅できているわけではないので、急ぎであればドットインストールを使われた方が良いかと思います。私のは復習用ですね！
また私の講座は別の角度から解説しているので、そういう解説の違いみたいなのも楽しんでいただけると良いかと思います。ある程度、講座が出揃ったら私のがメインに！？🤔笑
しまぶーのIT大学 ありがとうございます！
出したい動画たくさんあって忙しいと思うのですが、初心者向けに習ったことを使って実際にホームページを作ってみようのような動画も検討してもらいたいです！！
@@おな-y8n 実際にホームページとかブログを作ろう的な動画はやろうと思ってます！
いつになるかは決まってないですが、なるべく早めには出したいと思っています！
リクエストありがとうございます！😊
しまぶーのIT大学 ありがとうございます！楽しみにしています！無理はなさらないように^_^
板書の絵がうまい！
今後はプログラミングではなく絵を教える動画つくっていきます🤯👊
jsonからDOMを使ってHTML化するのがしんどいので、jsonの中に部分HTMLをサーバー上で作っちゃって、それをDOMの中に差し込んじゃうっていうのを個人的には良くやるんだけど、それは邪道なのかな？
要件にも寄りますが、大抵の場合は良くないかなーとは思います。私だったらやりません...という感じですね。
例えばそのJSON APIをネイティブアプリでも用いるってなった場合に使い回せなくなります。あとは最近のフロントエンドでは仮想DOMフレームワーク（ReactやVue等）が流行っているので仮想DOMとの相性が悪いですね。
仮にHTMLを入れても良いとしたら、ブログ等の開発でWYSIWYGエディタを作る際に、ユーザーが入力したHTMLをDBに保存して、それをAPIとしてそのまま返す場合ですかね。私はHTML直保存も好きじゃないので、それもやりませんが・・・。ちょっと専門的な内容になってしまいましたが、参考になれば幸いです！🙌
独学で、より実務に近い勉強方法ってＪＳ使ってなにか作るのが手っ取り早いですかね？
javascriptはどうやって勉強したらいいですか？
どうして再レンダリングしたら効率がわるいんですか？
再レンダリングはブラウザに負荷をかける処理だからです！
動画と関係なくて申し訳ないのですが
プログラミングで使うMacBookはデュアルコアのCorei3で大丈夫でしょうか？
いえいえ、動画と関係ない質問も大歓迎ですのでいつでも！😊👍
結論から言うとi3は若干厳しい気がします。初学段階では問題ないですが、やることが難しくなるにつれて重くなってくるように思います。私はi3のパソコンを長らく触ってないのですが、私の現状のスペック（i5）でギリギリだと感じでいるので、i5相当は欲しいと考えています。
下記が私のパソコンのスペックです！
- MacBook Air (Retina, 13-inch, 2018)
- プロセッサ 1.6 GHz デュアルコアIntel Core i5
- メモリ 16 GB 2133 MHz LPDDR3
- ストレージ 256GB
ちなみにPCはMacBook系をオススメしています。下記動画で理由は触れていますので、ぜひご覧ください。
ua-cam.com/video/PwUlyEXGoMw/v-deo.html
また、ちょっとMacBookで話を深堀りしますと、AirかProかで迷うかと思います。性能に関しては大は小を兼ねるので性能を求めるなら当然Proが良いです。私は外で作業することが多いのでAirにしている感じですね。iOS, Androidのアプリ開発は結構重いソフトを使うのでProが良いかと思います。
ちなみにカスタマイズに関しては、私はプロセッサとメモリを最大までカスタマイズして、ストレージは最小にするタイプです。ストレージは代替できるのであまり求めないでもいいと私は考えています。長くなりましたが、参考になれば幸いです！
しまぶーのIT大学 ありがとうございます
参考にします！
さっきTwitterフォローしました！
いつもコメントありがとう＆フォローもありがとう！嬉しいです！！🤣
初心者対象でいいですね。
BGMなんですか？
勉強用に使いたいです笑
最初の頃の背景も好きだったなあ～(゜_゜>)
夜景のですよねーあっち派も根強い人気はありそうですね。
またTwitterでアンケートとか取って決めるかもしれません！笑
台湾からのコメント
絵がすごいですね
絵師さんのようにうまいわけではありませんが
絵が描くのは好きだったりします😊
僕も台湾からのファンです（笑）
しまぶーさん本当に絵でも説明でもすごくて、わかりやすいですね
JavaScriptは小中高といった学生でも習得は可能でしょうか？
もちろん学生でも可能です！
小学生のうちは実際のコードまで理解していくのは難しいかもしれませんが、Scratchなどのプログラミングの考え方を学ぶ教材があるので最初はそちらをオススメします。
中学・高校生だと大人と同じように学ぶことができるかと思います。実際に、中学・高校生でゲームをやWebサービス、アプリを作る方はいますので。私は学生に戻っても必ずプログラミングを勉強します。それほどプログラミング学習はオススメですね。👍
ちなみにプログラミング勉強の過程でコンピューテーショナル思考を学ぶことができます。プログラマーに限らず他の仕事でも必ず活きる考え方になります。
自分のTwitterで恐縮ですが、下記参考に！😊
twitter.com/shimabu_it/status/1241252479892766721
@@shimabu_it アドバイスありがとうございます
現在学生の僕はprogateでJabascriptを勉強してるのですが一度Scratchを基礎として学習しある程度築いてから中高生が学習する教材に取り組むのが良いのでしょうか？それとも現在のままprogateを基に学習していけば良いのでしょうか？
後Twitterを見させて頂きましたが簡潔に纏められており大変見やすかったです
基礎から学ぶといってもかなりハードルが高いと思います。
失礼かとは思いますが、用語を羅列して満足しているような感じを受けます。
私には無理だと思いますので、他のサイトで勉強しますm(__)m
失礼ながら、先生が用語を羅列して満足しているようにお感じになるのであれば、まずは、HTML、CSSを勉強して、
間接的にプログラミングやサーバーサイドに触れられ、徐々に用語に慣れていかれては如何でしょうか？
自分にとって取っつき易い所から勉強を始められた方が効率的かと思います。
@@yocci928 さん
失礼な文章でした。不快に感じられすみませんでした。ご助言感謝いたしますm(__)m
今のバックエンドの仕事ってAPIを作るのがメインの仕事なんや。
だから勉強会とかに行くとやたらAPIって言葉が出てくるのか。
API周りの勉強会もたくさんありますね！APIを作るために裏側で色々コネコネするんですが、それも「APIを返すため」という目的ですね。
チャンネル登録してたのになぜもっと早く見なかったんだ俺…
これはお金払ってでも受けたくなります
ハッカーとかって本当にいるんですか？アニメの話だけかと思っていました
めちゃくちゃいますよ！👨💻👨💻👨💻
ヤフーも1ヶ月に○○万回というレベルで攻撃を受けていると聞きました。ハッカーからの攻撃を防ぐためのホワイトハッカーというのもいます。
クラッカー！
ブラックハッカー=クラッカーですね！
分かりやすかったけどタグとかの＜li＞エルをℓリットルって書かれると一瞬「ん？」ってなるからなるべく正確に書いてほしいです。 でも、絵とかはとても分かりやすいです。
結婚してますか？初期から動画を見てますが、今日初めて指輪を付けてるのに気づきました。
結婚していますよー！😊💕
jsonの形式になってないです。
JSの仕事って単純にHTMLを書き換えるだけかと思ってました…
JavaScriptもやることは年々増えていますね〜😅💦
でもその方が需要も増加するので良いのではないかと思っています！