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

Тәжірибелік нұсқаулар және стиль

文系プログラミング未経験 → Yahoo! JAPANエンジニア → 起業家
📙 もくじ
0:00 前回のおさらい
0:58 JavaScriptのしごと
1:51 TwitterのHTML構造
2:55 無限スクロールを例にデータのやり取りの流れを解説
3:47 余談: バックエンドエンジニアのしごと
5:06 JSONのデータの例を紹介
6:49 パース (Parse) について
7:35 JSON → HTMLのパースを解説
10:10 JavaScriptのしごとについてのまとめ
11:54 しまぶーのIT大学のTwitterについて
12:13 プログラミング講座について
13:05 クロージング
🚀 今日のひとこと
今回はJavaScriptのしごとを見ていきます。
Twitterの無限スクロールを例に
データのやり取り(WebAPIからJSONの取得)と
DOM操作(JSONをHTMLへとパース)を解説します。
フロントエンドエンジニアを目指す方や
初心者・入門・駆け出しエンジニアにオススメの講座です。
次回は実際にコードを書いてみましょう!
🔥 基礎から学ぶ JavaScript 入門
【第1回】フロントエンド開発でJavaScriptが必要な理由を解説
• 【基礎から学ぶ JavaScript 入門 ...
【第2回】Twitterを例にJavaScriptがどんな働きをするのか理解しよう
• 【基礎から学ぶ JavaScript 入門 ...
【第3回】オブジェクト・プロパティ・メソッドについて理解しよう
• 【JavaScript入門 #3】オブジェク...
【第4回】オブジェクトを実際にコードで書いてみよう
• 【JavaScript入門 #4】オブジェク...
【第5回】変数を理解しよう!var, let, constの使い分け!
• 【JavaScript入門 #5】変数を理解...
【第6回】初心者がつまづきがちな「関数」を分かりやすく解説
• 【JavaScript入門 #6】初心者がつ...
👨‍💻 自己紹介
ヤフー株式会社でプログラマーとして働いていました!
現在は起業家として新規サービスを開発中です!
下記に興味がある方はチャンネル登録をおねがいします!
・IT業界、Web系、プログラミング講座
・リモートワーク、在宅勤務、副業
・スタートアップ、ベンチャー、経営者、社長
🌏 SNS
Twitter: / shimabu_it
Instagram: / shimabu_it
🏷️ タグ
#JavaScript #JavaScript入門 #JavaScript講座

Пікірлер: 158

  • @shimabu_it
    @shimabu_it4 жыл бұрын

    JavaScript講座の第2回目です。 コメントもお待ちしています😊 疑問や質問もお答えします!

  • @user-ge9yd9vf7p

    @user-ge9yd9vf7p

    4 жыл бұрын

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

  • @adiean4556
    @adiean45564 жыл бұрын

    最高に分かりやすいです。 次の動画も楽しみにしてます!

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @user-cl1rt5ue5s
    @user-cl1rt5ue5s3 жыл бұрын

    概念から解説してくれることがとてもありがたいです。概念などを知らないと何に使えるのかわからないし他人事になるのであんまりモチベーションも湧かないし憶えも悪くなる気がします。最高です!ありがとうございます

  • @user-nu1qy7xs6f
    @user-nu1qy7xs6f4 жыл бұрын

    すごくわかりやすかったです!React楽しみです....!

  • @samrai352
    @samrai3524 жыл бұрын

    お疲れ様です!楽しみにしてました!! 次回も勉強&復習させて頂きたいと思います!!

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @letsgoboys9676
    @letsgoboys96764 жыл бұрын

    今回もわかりやすい授業ありがとうございます!

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

    授業と聞くと本当に学校(IT大学)っぽい!笑

  • @ykanno8076
    @ykanno80764 жыл бұрын

    待ってました!

  • @ishiharayuya7587
    @ishiharayuya75873 жыл бұрын

    めちゃくちゃ分かりやすいです! これからプログラミングスキルも磨こうと思っていて、何から始めたら良いかわからなかったのでありがたいです!!

  • @zendaman999
    @zendaman9994 жыл бұрын

    凄くわかりやすいです。今後も頑張ってください。

  • @user-wr3hm4kw4v
    @user-wr3hm4kw4v3 жыл бұрын

    最初に何をしているかを分かりやすく説明して頂けるスタイル素晴らしいです。あとめちゃくちゃ説明が分かりやすいです。ぜひこれからもこのスタイルでお願いします🙇✨✨

  • @seiichin2262
    @seiichin22624 жыл бұрын

    ありがとうございます!わかりやすいです!

  • @tanamuji2424
    @tanamuji24244 жыл бұрын

    実際の使われている例にしていただけるのが凄く頭に入ってきます。ありがとうございます。

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @user-xw7qn8cr9n
    @user-xw7qn8cr9n4 жыл бұрын

    とても分かりやすくて、 どんどん聞き入ってました!! これからも動画投稿お願いします🙇‍♂️

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @ken2470
    @ken24703 жыл бұрын

    とても分かりやすJavaScriptの解説ありがとうございます😊😭お話がとても上手ですね!

  • @Moroeeee
    @Moroeeee4 жыл бұрын

    こういった全体像から教えてくれる動画はあまり無いのでとても助かります。このシリーズとても楽しみにしてます!

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @user-jt8qe6ys5r
    @user-jt8qe6ys5r4 жыл бұрын

    わかりやすい動画ありがとうございます!!! JSを学びはじめたところですが、概念からの説明はすんなり入ってきてわかりやすく重宝してます...!!! 学習のモチベも上がりますし、いいことづくめですね笑

  • @tokumeiryo
    @tokumeiryo3 жыл бұрын

    神動画!!!! 凄く分かりやすい!!

  • @user-wf8px2pt9w
    @user-wf8px2pt9w4 жыл бұрын

    今、Jsを勉強している最中で、めちゃめちゃわかりやすかったです。 何がなんだかわからなかったので、困っていました!! これからも、動画楽しみにしておます!!!!頑張ってください!!!!

  • @eich4268
    @eich42683 жыл бұрын

    解説もわかりやすいけど、何しろカッコ良すぎる〜

  • @user-ff6jy9nr8l
    @user-ff6jy9nr8l3 жыл бұрын

    すっごくわかりやすかったです!本当に助かりました!!😊

  • @user-ik5zb3uw1z
    @user-ik5zb3uw1z4 жыл бұрын

    わかりやすいです!

  • @SkullReaper1010
    @SkullReaper10104 жыл бұрын

    最近凄い伸びてますね!💦 それも納得の内容です☺️ しまぶーさんはつくづく講師に向いていらっしゃる

  • @user-bk4ty4qj1f
    @user-bk4ty4qj1f3 жыл бұрын

    凄くためになります! ありがとうございます。

  • @bryson2662
    @bryson26623 жыл бұрын

    分かりやすく説明してくれてありがとうございます

  • @higutomo_4191
    @higutomo_41914 жыл бұрын

    twitterフォローさせていただきました。 すごい丁寧な説明でいつも勉強になります。 40代で新しく勉強しているところですが、 おかげさまで楽しく学べています。

  • @tickkun7901
    @tickkun79019 ай бұрын

    解説がわかりやすかったです!

  • @yossy6074
    @yossy60748 ай бұрын

    ちゃんねる登録しました。概念のわかりやすい解説ありがとうございます。他のチャンネルではこういった体系的に教えてくださる方は私の知る限りいらっしゃらないように見受けられます。しまぶーさんが実務をされていらっしゃることがわかりやすい解説でよくわかります。続けて視聴しますので楽しみです。

  • @naotosawaki8857
    @naotosawaki88574 жыл бұрын

    めちゃめちゃわかりやすい。。。 今まででいちばんでしたありがとうございます。

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @nemorocks1994s
    @nemorocks1994s4 жыл бұрын

    おっちゃんにも分かりやすい! 管理職になってもフロントエンドの仕組みは理解しなきゃイカンと改心。 以降の動画も見てしっかり学ばせていただきます!

  • @htsuruo
    @htsuruo4 жыл бұрын

    すごく具体的でわかりやすいですね! react, tsx(jsx), typescript辺りのお話聞きたいです〜

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @furu1987
    @furu19874 жыл бұрын

    他の人の動画よりもかなり分かりやすい!本当にちゃんと理解してるかなここまで説明できるのだと思う!今後コード書いていくと思いますが楽しみにしています!

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @user-vj8qr9gg7m
    @user-vj8qr9gg7m4 жыл бұрын

    僕中学生でITエンジニア目指して勉強しているのでとても助かります、これからも頑張ってください!

  • @user-sv5yj8ey3p
    @user-sv5yj8ey3p3 жыл бұрын

    HTMLに正解はないという言葉で救われました。 コーディング模写などで実際の物と比較して全然違う形になっていることがあり 自分が書いたコードが間違っていると思っていましたが、HTMLに正解はないという言葉で自分の中では これが正解といえることができるので今回の動画をみてとてもよかったです! 引き続き見ます!

  • @Noguchi_Yonda
    @Noguchi_Yonda3 жыл бұрын

    講義ありがとうございます。

  • @dainippon
    @dainippon4 жыл бұрын

    🇯🇵🎌🇯🇵🎌実践的でわかりやすいです。

  • @user-qv8pv8be4b
    @user-qv8pv8be4b3 ай бұрын

    とても勉強になりました。わかりやすくて、ためになります。動画を作成していただき、ありがとうございます。感謝しています。わかりやすくて、整理されていて、とても良かったです。最高💝💖🌸💐🎉✨🎊すごい!

  • @user-gl9zd6nl2o
    @user-gl9zd6nl2o4 жыл бұрын

    働きながらプログラミング学習スタートして3ヶ月目です。ajaxでつまづきまくってましたが、しまぶーさんの動画なら、理解できてくる気がします!この動画の下準備とか相当時間かかってますよね。。。みんなのために時間と労力割いて頂きありがとうございます! 時間的な余裕が出て来ましたら、railsも解説してくださると大変嬉しいです!

  • @ka-ml3ve
    @ka-ml3ve4 жыл бұрын

    分かりやすい!!

  • @morita51345u16
    @morita51345u162 жыл бұрын

    わかりやすかった。どうもありがとうございます。

  • @user-nj8pi6mn4w
    @user-nj8pi6mn4w4 жыл бұрын

    この動画をみると具体的なイメージを持って勉強できますねー!!

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @user-ky8fd6cl3o
    @user-ky8fd6cl3o3 жыл бұрын

    仕事で長いことjsを使っていましたが、木を見て森を見ず状態で進めていたので身についている実感が全然ありませんでした。 概念的な部分から細かく説明してくださり、本当に勉強になります

  • @ippenndakeyo
    @ippenndakeyo4 жыл бұрын

    とても参考になります有難う

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @ykou
    @ykou4 жыл бұрын

    すばらしすぎる!

  • @noriemurata4375
    @noriemurata43753 жыл бұрын

    すごくわかりやすい。無料で受講できるなんて(涙)でます。

  • @user-fk6hl1ow3g
    @user-fk6hl1ow3g4 жыл бұрын

    JSではフロントに動きつけるぐらいしか使ってなかったのでとても興味深かったです!自分でも調べてみようと思いました!webデザイナー目指している友人にもこの動画おすすめしています。

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @chuckyyy7459
    @chuckyyy74594 жыл бұрын

    とても有益で最近よく拝見させて頂いています!私はHTMLやCSSから触れ、言語やライブラリとしてJavaScript、jQuery、その他SQLやGit、DBやコマンドラインの学習を経て(この辺で覚えたコーディング知識を一度ほぼ失いましたが)、再びJSやReactを学習しています。なので個人的にとてもタイムリーで勉強になります🙂 動画に関しては内容も非常に洗練されていてとても見やすく素晴らしいと思います。今後のご参考になればですが、エンジニア初学者向けの講座としてはもう少し専門用語の解説(口頭かテロップなど)があるとさらにGood!な気がしました。私はドットインストールの学習も経ていたため、DOMの概念などはわかりましたが、多くの初学者はまだJSの入り口ではDOMとはなんぞや?(自身はDOMツリー構造をドットインストールのサーバーサイド分野で始めて学びました)という方も少なくないかと思いますので。応援しています!

  • @halya
    @halya4 жыл бұрын

    神動画すぎてやばい

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @TypeR618

    @TypeR618

    4 жыл бұрын

    @@shimabu_it よッ 大明神‼️

  • @peaberry0814
    @peaberry08143 жыл бұрын

    非常にわかりやすく、つい見続けてしまいますね。ありがとうございます。 何かプログラム言語を覚えてアプリでも作ってみたいと思いたどり着いたのですが、そもそもwebを理解してなかったのでこういう話を聞くだけで面白いし言語なんてどうでもよくなったw とりあえずチャンネル登録。休憩や昼休みなど利用してこれ見て勉強します。

  • @tototanaka184
    @tototanaka1843 жыл бұрын

    JSを本腰入れて学びたいので、このシリーズは非常に有難いです。🙇‍♂️ ツイッターも、昨日からフォローしてます🙃🐦

  • @iY-jh8vk
    @iY-jh8vk3 жыл бұрын

    超初心者ですけどかなりわかりやすいです!

  • @user-yg6ht7wk5s
    @user-yg6ht7wk5s4 жыл бұрын

    とても分かりやすい解説ありがとうございます✨ 話し方もそうですが図も分かりやすくて凄く理解し易かったです! フロントエンドエンジニア目指して勉強しているのでこれからチェックさせて頂きます^_^✨

  • @1976knockout
    @1976knockout9 ай бұрын

    自分だけのtodoアプリが作ってみようと、いろいろ、動画を観ていて辿り着きました。概念的な方からのアプローチの考え方にしっくりしました。

  • @kitsuneko5585
    @kitsuneko5585 Жыл бұрын

    わかりやすい動画ありがとうございます! Web系エンジニアとして駆け出してHTML&CSS, jQuery, PHPと業務で利用してきました。 この2年前の動画で「現代のWebは必要なところだけレンダリング」と言われているので、過去にJSの学習をjQueryで終えていたことを反省してます。 今後 React, Vue, Angularを利用する機会を頂いたのでしまぶーさんの動画で学ばせて頂きます!

  • @bea8795
    @bea87954 жыл бұрын

    ありがたすぎます! Progateで1回JavaScript講座をしているだけの段階ですが実際にどう使われるのかイメージが全くわかなかったのでwww

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @user-zr5ow6gn9l
    @user-zr5ow6gn9l4 жыл бұрын

    いつもわかりやすい動画ありがとうございます✨スライド式わかりやすいですが、ホワイトボードは暖かみがあっていいですね‼️笑

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @CHEESECAKE_J
    @CHEESECAKE_J3 жыл бұрын

    世の中、文法ばかりの解説が多い中、実際の仕組みからの解説がイメージし易く取り組む意欲がでます。elseだとか散々解説されても使いどころがイメージできないとホント無駄な時間に思えてモチベ下がってました。文法わかっても実用できないですし。合理的な視点で難しいをシンプルに説明いただけて、感謝してます。☺️

  • @rararararar2105
    @rararararar21054 жыл бұрын

    この動画がきっかけでtwitterのhtml見てきましたが、すがすがしいほどdivばかりでした。ほんとにいろんなコーディングの仕方がありますね。

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @God5147
    @God51474 жыл бұрын

    改めてjavascriptの復習兼発見がありました。昔はvarで書き始めだったのに、今はlet, const始まりですね。nodeメインで自己で学んだ自分にとってはなかなか盛り沢山でした。今はnpmかyarnを使ってサーバーを作ってからプログラムを作っています。今後、更に動画が進むにつれてejsやjsxの動画も是非配信してください。自己学では限界があるので楽しみにするということで、subscribeしました。

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @user-mo4ju9fr9v
    @user-mo4ju9fr9v2 жыл бұрын

    ありがとうございます。

  • @narabayoshi-s4g
    @narabayoshi-s4g3 жыл бұрын

    ProgateでJavaScript開始したところなので助かりました。 結局何をするものかわからなかったので

  • @user-sk7ey7km5j
    @user-sk7ey7km5j4 жыл бұрын

    ありがとうすぎる

  • @user-bz7ut7em8l
    @user-bz7ut7em8l4 жыл бұрын

    この手のKZreadチャンネルでは、初心者向けすぎて退屈する動画が多いんだけど、個人的にちょうどいい難易度のチャンネルが現れたんでうれしいw

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @keita5518
    @keita55183 жыл бұрын

    DOM操作の文言が理解したつもりでもまたわからなくなっていましたが、 今回腑に落ちました。今回の例ではパースをしていく作業をDOM操作と呼ぶ。 毎度理解が深まるようで助かっています。

  • @00uru49
    @00uru494 жыл бұрын

    神動画

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @user-gk7ko7gz5t
    @user-gk7ko7gz5t4 жыл бұрын

    わかりやすい。 プログラミングスクール(テックアカデミー )より10倍わかりやすい!

  • @KM-sl9qw

    @KM-sl9qw

    3 жыл бұрын

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

  • @mo-mo-firm3838
    @mo-mo-firm38384 жыл бұрын

    最近転職し、Webデベロッパーを目指しているものです! めちゃくちゃ分かりやすく勉強になります! 最近ElementorというWordpressのプラグインをよく耳にしますが、それでも今後HTML, CSSの勉強は必須でしょうか?

  • @yuheinara7983
    @yuheinara79834 жыл бұрын

    JavaScriptの概念がとても分かりやすかったです。 ①データのやり取り(JSON) ②DOM操作 恥ずかしながら今回にも出てきたJSON、DOMはスクールでは全く理解できず、JSが苦手にしか感じていなかったのですが、しまぶーさんのおかげJSが好きになりかけてますww 今後は実際にコードも書いていくとのことで本当楽しみにしてます!

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @pitang1965
    @pitang19654 жыл бұрын

    独学2年目に突入した50代です。最近は英語Udemy中心で学んでいるのですが、日本語で概念的で超わかりやすい説明でこの動画最高です!

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @2214124
    @22141244 жыл бұрын

    さっきTwitterフォローしました!

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @ryoheikurosu3493
    @ryoheikurosu34934 жыл бұрын

    巨人の丸選手と俳優の本郷奏多さんと、教育系KZreadrのヨビノリさんを足して3で割ったようなお顔をされていますね!笑 冗談はさておいて、本当にいつも動画に助けられています!ありがとうございます! これからも更新楽しみにしています!!

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @user-fd3dd2jo8s

    @user-fd3dd2jo8s

    4 жыл бұрын

    Ryohei Kurosu 目元が丸

  • @pesu02333
    @pesu023335 ай бұрын

    絵も文字も内容も顔も全て整ってるな。

  • @user-en3rw3gf9w
    @user-en3rw3gf9w3 жыл бұрын

    超初心者です。 DOM操作とは。 グーグル先生でもよく分かりませんですた

  • @egvelt5125
    @egvelt51254 жыл бұрын

    JQuery の詳細を講座にしていただきたいです。 概念、内容、読み込み順、使用例、使い方などなど

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @hattrickn
    @hattrickn4 жыл бұрын

    板書の絵がうまい!

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @user-ql9hm1mr5d
    @user-ql9hm1mr5d2 жыл бұрын

    ありがとうございました。Twitterの例とてもわかりやすかったです。 JSONのname,body,srcなどはDeveloperが規格するのかなと思いました。 なので、JSONはJavaScriptとは別で学ぶものの1つである。という認識で合っていますでしょうか? 日本語下手くそですみません。

  • @user-ci4vm9mm8l
    @user-ci4vm9mm8l4 жыл бұрын

    最初の頃の背景も好きだったなあ~(゜_゜>)

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @DKJapan320
    @DKJapan3203 жыл бұрын

    初回から拝見しております。 初心者です。 IT業界での、webページでの "リッチ"の意味、概念を教えていただけますでしょうか。

  • @user-hd1vg5gv2m
    @user-hd1vg5gv2m4 жыл бұрын

    初心者対象でいいですね。

  • @taiki1543
    @taiki1543 Жыл бұрын

    動画配信お疲れ様です! JSで計算式(変数、関数、定数)を勉強しているのですが、実際に使用することはあるのでしょうか?

  • @shimabu_it

    @shimabu_it

    Жыл бұрын

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

  • @user-wr3cp4mj4l
    @user-wr3cp4mj4l4 жыл бұрын

    独学で、より実務に近い勉強方法ってJS使ってなにか作るのが手っ取り早いですかね?

  • @user-ru1hg5wb2m
    @user-ru1hg5wb2m3 жыл бұрын

    Web APIとはサーバーのことでしょうか? パースはDOM操作に含まれるのでしょうか?

  • @user-xx5uw3rk4t
    @user-xx5uw3rk4t4 жыл бұрын

    プログラミング始めてまだ1週間なんですけどしまぶーさんの影響で始めました。ドットインストールとしまぶーさんのKZreadで勉強しているのですがどっちを先にやるべきですかね?

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @user-xx5uw3rk4t

    @user-xx5uw3rk4t

    4 жыл бұрын

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

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @user-xx5uw3rk4t

    @user-xx5uw3rk4t

    4 жыл бұрын

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

  • @user-bc3zf7lk1z
    @user-bc3zf7lk1z4 жыл бұрын

    動画と関係なくて申し訳ないのですが プログラミングで使うMacBookはデュアルコアのCorei3で大丈夫でしょうか?

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @user-bc3zf7lk1z

    @user-bc3zf7lk1z

    4 жыл бұрын

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

  • @user-bz7ut7em8l
    @user-bz7ut7em8l4 жыл бұрын

    jsonからDOMを使ってHTML化するのがしんどいので、jsonの中に部分HTMLをサーバー上で作っちゃって、それをDOMの中に差し込んじゃうっていうのを個人的には良くやるんだけど、それは邪道なのかな?

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @kengo6331
    @kengo63313 жыл бұрын

    チャンネル登録してたのになぜもっと早く見なかったんだ俺…

  • @chottomottoeh
    @chottomottoeh4 жыл бұрын

    DOMが、なかなか理解できてないでいます。まだ、なんとなくの理解でよいですか?

  • @user-vi3cr2xq8u
    @user-vi3cr2xq8u4 жыл бұрын

    BGMなんですか? 勉強用に使いたいです笑

  • @user-xe3rw6iq1c
    @user-xe3rw6iq1c4 жыл бұрын

    これはお金払ってでも受けたくなります

  • @user-ey7bk3rx5q
    @user-ey7bk3rx5q4 жыл бұрын

    TwitterのWEBサイトはService workerと独自Javascript frameworkを使ってます。 解説している処理内容が抽象化されているので、説明としてはほぼ間違っていないのですが、世の中に存在する具体的なサービスで説明すると 私のように本質的でない突っ込みコメントが来るので、今後は架空の簡単なサービスをでっちあげて説明した方が良いかと思います。共有まで。

  • @linjeff4932
    @linjeff49324 жыл бұрын

    台湾からのコメント 絵がすごいですね

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @user-yl5gn6rg6y

    @user-yl5gn6rg6y

    4 жыл бұрын

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

  • @user-gu3jl1fe7j
    @user-gu3jl1fe7j2 жыл бұрын

    javascriptはどうやって勉強したらいいですか?

  • @slaimu071201
    @slaimu0712012 жыл бұрын

    ◎JavaScript第2回 ・Twitterを例にJavaScript ね仕事について ・データのやり取り ・DOM

  • @slaimu071201

    @slaimu071201

    2 жыл бұрын

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

  • @slaimu071201

    @slaimu071201

    2 жыл бұрын

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

  • @dmcreatorjapan
    @dmcreatorjapan4 жыл бұрын

    今のバックエンドの仕事ってAPIを作るのがメインの仕事なんや。 だから勉強会とかに行くとやたらAPIって言葉が出てくるのか。

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @user-iv7wc9cl6u
    @user-iv7wc9cl6u4 жыл бұрын

    基礎から学ぶといってもかなりハードルが高いと思います。 失礼かとは思いますが、用語を羅列して満足しているような感じを受けます。 私には無理だと思いますので、他のサイトで勉強しますm(__)m

  • @yocci928

    @yocci928

    4 жыл бұрын

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

  • @user-iv7wc9cl6u

    @user-iv7wc9cl6u

    4 жыл бұрын

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

  • @sato4751
    @sato47514 жыл бұрын

    JavaScriptは小中高といった学生でも習得は可能でしょうか?

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @sato4751

    @sato4751

    4 жыл бұрын

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

  • @user-cu8cl5gy7m
    @user-cu8cl5gy7m2 ай бұрын

    どうして再レンダリングしたら効率がわるいんですか?

  • @shimabu_it

    @shimabu_it

    2 ай бұрын

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

  • @user-qn7oj9yc3q
    @user-qn7oj9yc3q4 жыл бұрын

    結婚してますか?初期から動画を見てますが、今日初めて指輪を付けてるのに気づきました。

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @ojoni7899
    @ojoni78994 жыл бұрын

    振り返ってて思った…ちゃっかりTwitterの宣伝すな!笑

  • @user-ry6hx1kh7q
    @user-ry6hx1kh7q4 жыл бұрын

    ハッカーとかって本当にいるんですか?アニメの話だけかと思っていました

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @user-ps1yf3jl5y

    @user-ps1yf3jl5y

    4 жыл бұрын

    クラッカー!

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

  • @crazydesktopman7329
    @crazydesktopman73294 жыл бұрын

    JSの仕事って単純にHTMLを書き換えるだけかと思ってました…

  • @shimabu_it

    @shimabu_it

    4 жыл бұрын

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

Келесі