【基礎から学ぶ JavaScript 入門 #2】Twitterを例にJavaScriptがどんな働きをするのか理解しよう【ヤフー出身エンジニアが教える初心者向けプログラミング講座】 

システムの保守・運用の仕事をしているのですが フロントエンドエンジニアへ転職したく現在勉強中です。 HTML,CSS,jQueryでWebサイト制作のところまでは何とかできる程度までにはなりましたが 、JavaScriptは文法程度しか分かっていません。(実装もしたことありません) 木を見て森を見ずの状態です。 そんな中、しまぶーさんのチャンネルを知り、拝見させていただきました。 概念から入り非常にわかりやすく勉強になっております。 今後とも拝見させていただき勉強していきますのでよろしくお願いいたします。 今回の動画に関しましては、そもそもWebAPIとは何かの説明が少し足りないかなと思いました。 また、今後、フロントエンドエンジニアの転職活動でするべきこと（Webサイト作品やアプリ作品、会社の調べ方等）の動画を挙げていただけると、転職したいけど何していいのかわからない方(僕含め)には非常に有難いと思います。

頑張って今後も出していきます😁

嬉しいコメントありがとうございます！ 次の回で実際にコードを書いていくのでご期待ください！✍️😆

神コメントいただきましたーーー🙌

@@shimabu_it よッ　大明神‼️

例示が大切だと私もコメント欄から学びました。コメント欄は学びの宝庫です😊

そのコメント嬉しすぎます。 今後も動画投稿しまくるので安心してください😉

私の学びはじめのときもvarがほとんどでしたし、何ならjQueryがまだまだ全盛期でした。時代は変わりますね🤣 npm, yarnなどのパッケージ周りの知識や、jsxなどのAlt HTMLの技術ももちろん触れます。たぶん１番概念を理解していないといけないところなので、より講座を作るやる気になります。絶対に分かりやすい講座つくるので楽しみにしててください💪

まさに私の得意とする技術スタックです。そこらへんまで伝えたいけど、途中をすっ飛ばして伝えてしまうと概念の方を理解できないので、なるべく道筋を立ててそのレベルまで講座を作っていきたいです。ちょっと先にはなりますが、必ず取り扱うのでお待ちください🙏

嬉しいコメントです。ありがとうございます😂

次はコードを書いていきますよー 一緒に書きましょう！！😊

JavaScriptが好きな人が増えると嬉しいです！正直、１番需要が大きい言語になると思っているので、学ぶ価値はめちゃくちゃあると思っています。 どこよりも分かりやすくJavaScriptを伝えられるように今後も動画つくっていきますね！一緒に学んでいきましょう！✌️

良かったですー！！今後もっとより学びが深まる講座を考えているのでお楽しみに！

Twitterは謎ですよねー。これは完全に予想なんですがTwitterってそこまでSEOが重要じゃない（またはタグ最適化が難しい）と思っていて、だからあえてタグは捨てて開発速度優先でdivだけにしているんじゃないかなーと。基本的にはタグを適切に使うことが求められるとは思います！

ありがとうございます！😁 関数から少し難しくなりますので、そこだけ覚悟が必要です！💦 スキルアップしていきましょ〜！！🔥

第3回は明後日までには出したい・・・少し時間がかかっていますが、今後もどんどん出していくのでご期待ください。一緒に勉強していきましょう！！

授業と聞くと本当に学校（IT大学）っぽい！笑

Web制作とアプリ開発でJavaScriptの捉え方が全然違うんですよね。Web制作の方はJavaScriptを「動きをつけるため」という認識が多いですが、アプリ開発系のエンジニアはJavaScriptを「メンテナンス性」や「パフォーマンス」の観点から必要と考えています。 前半も間違いではないですが、私のチャンネルではYahoo, LINE, クックパッド, メルカリ, ...etcなどのフロントエンドエンジニアになれるような講座を考えているので、後者の「メンテナンス性」や「パフォーマンス」に焦点を絞って解説していく予定です！ はい！ぜひぜひオススメしてください！嬉しいです😂😂

英語Udemyはなかなか難しそうですが良いですね！次回はコードを書いていきますが、そこでも丁寧な解説ができるように頑張ります💪

うおーそういうコメントはめちゃくちゃ嬉しいです。 まだまだ序盤なので、今後はドンドン難しくなります！！ ぜひついてきてくださいね！！😊👍

確かに、シンプルで明確な動画ですね。一流のプロの方は凄いですね。

こちらこそ嬉しいコメントをありがとうございます😊✨

はじめて言われました😂笑 もっと動画を更新したいですがスケジュールがカツカツで苦しみ中です...😅 なるべく早く動画を出していけるように頑張りますね✌️✨

Ryohei Kurosu 目元が丸

実はjQueryは私はオススメしていません...なのであまりjQuery講座を作ろうとは考えていません。 具体的には下記動画を参考にしていただきたいのですが、簡潔に言うとjQueryはWeb制作で使われる技術で、アプリ開発においては使われることがほとんど無いからです。 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-_IJQ2iBkf4w.html またjQueryの作者であるJohn Resigも2016年からReactを使用して開発しています。今後、なぜjQueryが使われなくなるかの動画も出す予定です。 twitter.com/jeresig/status/726058698989277185 数年以内に使われなくなる技術なので、私はjQueryではなくReactやVueなどを学ばれることを強く推奨しています。React, Vue講座は行う予定ですので、そちらをお待ちいただけると嬉しいです。

そうなんですよね！ホワイトボードの暖かみは私も大好きです😊笑 スライドだけだと説明しづらいものは、このようにホワイトボードで解説するようにしています！どちらも使い分けていきますよー✌️

めちゃくちゃ使いますよ〜！！ むしろそれがないと開発できないぐらいです！👍

いつも神コメントありがとうございます！😇👍

絵師さんのようにうまいわけではありませんが 絵が描くのは好きだったりします😊

僕も台湾からのファンです（笑） しまぶーさん本当に絵でも説明でもすごくて、わかりやすいですね

今後はプログラミングではなく絵を教える動画つくっていきます🤯👊

私の動画がまだすべてを網羅できているわけではないので、急ぎであればドットインストールを使われた方が良いかと思います。私のは復習用ですね！ また私の講座は別の角度から解説しているので、そういう解説の違いみたいなのも楽しんでいただけると良いかと思います。ある程度、講座が出揃ったら私のがメインに！？🤔笑

しまぶーのIT大学 ありがとうございます！ 出したい動画たくさんあって忙しいと思うのですが、初心者向けに習ったことを使って実際にホームページを作ってみようのような動画も検討してもらいたいです！！

@@おな-y8n 実際にホームページとかブログを作ろう的な動画はやろうと思ってます！ いつになるかは決まってないですが、なるべく早めには出したいと思っています！ リクエストありがとうございます！😊

しまぶーのIT大学 ありがとうございます！楽しみにしています！無理はなさらないように^_^

夜景のですよねーあっち派も根強い人気はありそうですね。 またTwitterでアンケートとか取って決めるかもしれません！笑

いつもコメントありがとう＆フォローもありがとう！嬉しいです！！🤣

API周りの勉強会もたくさんありますね！APIを作るために裏側で色々コネコネするんですが、それも「APIを返すため」という目的ですね。

要件にも寄りますが、大抵の場合は良くないかなーとは思います。私だったらやりません...という感じですね。 例えばそのJSON APIをネイティブアプリでも用いるってなった場合に使い回せなくなります。あとは最近のフロントエンドでは仮想DOMフレームワーク（ReactやVue等）が流行っているので仮想DOMとの相性が悪いですね。 仮にHTMLを入れても良いとしたら、ブログ等の開発でWYSIWYGエディタを作る際に、ユーザーが入力したHTMLをDBに保存して、それをAPIとしてそのまま返す場合ですかね。私はHTML直保存も好きじゃないので、それもやりませんが・・・。ちょっと専門的な内容になってしまいましたが、参考になれば幸いです！🙌

再レンダリングはブラウザに負荷をかける処理だからです！

いえいえ、動画と関係ない質問も大歓迎ですのでいつでも！😊👍 結論から言うとi3は若干厳しい気がします。初学段階では問題ないですが、やることが難しくなるにつれて重くなってくるように思います。私はi3のパソコンを長らく触ってないのですが、私の現状のスペック（i5）でギリギリだと感じでいるので、i5相当は欲しいと考えています。 下記が私のパソコンのスペックです！ - MacBook Air (Retina, 13-inch, 2018) - プロセッサ 1.6 GHz デュアルコアIntel Core i5 - メモリ 16 GB 2133 MHz LPDDR3 - ストレージ 256GB ちなみにPCはMacBook系をオススメしています。下記動画で理由は触れていますので、ぜひご覧ください。 ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-PwUlyEXGoMw.html また、ちょっとMacBookで話を深堀りしますと、AirかProかで迷うかと思います。性能に関しては大は小を兼ねるので性能を求めるなら当然Proが良いです。私は外で作業することが多いのでAirにしている感じですね。iOS, Androidのアプリ開発は結構重いソフトを使うのでProが良いかと思います。 ちなみにカスタマイズに関しては、私はプロセッサとメモリを最大までカスタマイズして、ストレージは最小にするタイプです。ストレージは代替できるのであまり求めないでもいいと私は考えています。長くなりましたが、参考になれば幸いです！

しまぶーのIT大学 ありがとうございます 参考にします！

●データのやり取り Twitterのhtmlの構文 無限スクロール ↓ ローディング→JavaScriptがデータを取得 ↓ web API (バックエンド) DBを取得し、フロントが扱いやすい形にして データを返す

●DOMの操作 *JSON WEB APIがレスポンスとして返す *パース→(DOM操作) 解析することで、 ここでは、JSONをHTMLに変換する

失礼ながら、先生が用語を羅列して満足しているようにお感じになるのであれば、まずは、HTML、CSSを勉強して、 間接的にプログラミングやサーバーサイドに触れられ、徐々に用語に慣れていかれては如何でしょうか？ 自分にとって取っつき易い所から勉強を始められた方が効率的かと思います。

@@yocci928 さん 失礼な文章でした。不快に感じられすみませんでした。ご助言感謝いたしますm(__)m

もちろん学生でも可能です！ 小学生のうちは実際のコードまで理解していくのは難しいかもしれませんが、Scratchなどのプログラミングの考え方を学ぶ教材があるので最初はそちらをオススメします。 中学・高校生だと大人と同じように学ぶことができるかと思います。実際に、中学・高校生でゲームをやWebサービス、アプリを作る方はいますので。私は学生に戻っても必ずプログラミングを勉強します。それほどプログラミング学習はオススメですね。👍

ちなみにプログラミング勉強の過程でコンピューテーショナル思考を学ぶことができます。プログラマーに限らず他の仕事でも必ず活きる考え方になります。 自分のTwitterで恐縮ですが、下記参考に！😊 twitter.com/shimabu_it/status/1241252479892766721

@@shimabu_it アドバイスありがとうございます 現在学生の僕はprogateでJabascriptを勉強してるのですが一度Scratchを基礎として学習しある程度築いてから中高生が学習する教材に取り組むのが良いのでしょうか？それとも現在のままprogateを基に学習していけば良いのでしょうか？ 後Twitterを見させて頂きましたが簡潔に纏められており大変見やすかったです

結婚していますよー！😊💕

めちゃくちゃいますよ！👨‍💻👨‍💻👨‍💻 ヤフーも1ヶ月に○○万回というレベルで攻撃を受けていると聞きました。ハッカーからの攻撃を防ぐためのホワイトハッカーというのもいます。

クラッカー！

ブラックハッカー=クラッカーですね！

JavaScriptもやることは年々増えていますね〜😅💦 でもその方が需要も増加するので良いのではないかと思っています！