jQueryの勉強はちょっと待った！プログラミング初心者が誤解しがちですが、これから学ぶ価値はほぼ無いです！

[@shimabu_it]

プログラミング初心者の方からよくいただく質問内容「jQueryをこれから学ぶ価値があるか」について語りました。 結論から言うとjQueryはもう不要です。今回の内容は少し過激目で、かなり強めに否定しています。 jQueryがこれからも使えると誤解して学ぶ方が多いので、あえてそのような動画にしました。 特にプログラミングを学び始めの方にこの思いが届けば嬉しいです🙇

[@tadakuniyasuda8214]

鼻血が出るほど過激な内容でした。危うくjQueryを一から真剣に学んでしまうところでした。ありがとうございます。

[@ta-suki-7066]

jQueryこれから学ぼうと思ってたので、先にこの動画みて良かった。

[@shimabu_it]

ま、間に合った😅

[@mfs__mi22]

ちょうど昨日からProgateでjQueryの勉強を始めたところだったので衝撃な内容でしたが話を聞いてすごい納得したので方向を考え直そうと思いました笑

[@ojoni7899]

過激と言うより優しさやな！

[@shimabu_it]

そこに気づきましたか😏

[@must3221]

とても納得がいく内容でした。 メンテナンス性がいいってだけでもうReactやVueって認識。 jQueryはかけなくてもいいけど過去の遺産としてこれからも残っていくとは思われるので、読めるかつReactやVueだったらどう書けるのかまでいけると理想的な気がしますね。

[@shimabu_it]

jQueryの既存のプロジェクトがまだありますからね。出くわしてしまったら運が悪かったと思うしかないですね（フロントエンドエンジニアからすると本当にそのレベルで触りたくないものです...笑）

[@kotobukitsukasa3]

これくらいキッパリ言っていただけると学習の方向性が定めやすいですし、良いですね！ありがとうございました😊

[@shimabu_it]

めちゃくちゃキッパリ言ったので恨みを買わないか心配です💦

[@kotobukitsukasa3]

しまぶーのIT大学 しまぶーさんが非難されても僕は支持します！！

[@shimabu_it]

スッ（テーブルの下で万札を渡す音）

[@kotobukitsukasa3]

しまぶーのIT大学 返が上手いなぁ！笑笑

[@isao70]

この話は聴けて良かった。ありがとうございます。

[@shimabu_it]

伝わって嬉しいです😂

[@岩澤理人]

ほんとにプログラミング初心者に対してちゃんと考えてくれてるんだなーって伝わってきます。 それは、動画以外にもTwitterでもそうです。 私自身も最初はjQueryをやろうと思いましたがJavaScriptの方が需要があると判断しJavaScriptを勉強してます😌 これからも応援させていただきますのでがんばってください！！

[@shimabu_it]

ありがとうございます。要らないものは要らないと言わないといけないと思っています。例えばjQueryを教えている側からは叩かれるポジションなので割と勇気は要りますが・・・笑 日本のプログラミング教育界隈が混沌としているので、ちゃんと業界から求められている情報を教えないとと思っています。jQueryは教えるのが簡単なのでスクールなどでも教えられているみたいですが、本当にひどいなと思っています...。 応援ありがとうございます。これからもためになる情報を発信していきます！

[@岩澤理人]

しまぶーのIT大学 今回のような動画はほんとに大きな決断をされたのかなと思います。私も今JavaScriptを勉強していてjQueryの必要性は正直感じられません。 しかし、世の中の需要とスクールのカリキュラムを比べるとまだjQueryを教えてるところは多い印象です🤔 私も日本でより良いサービスを提供できるようなエンジニアになれるように頑張ります😎 最後に、本当にいつもKZbinやTwitterでの情報発信と初学者へのアドバイスが支えになっています😊 返信を頂けたこの機会にお礼を言わせていただきます！ ほんとに、ありがとうございます😊 これからも身体に気をつけて頑張ってください😊

[@shimabu_it]

> しかし、世の中の需要とスクールのカリキュラムを比べるとまだjQueryを教えてるところは多い印象です🤔 ですよねー・・・ちょっとプログラミングスクールの闇にも先ほど気づいたので、また動画にしたいと思っています。ちゃんと需要のある技術を身に着けてほしいので、あまりタメにならないプログラミングスクールはなるべく避けてもらいたいなと。 > 私も日本でより良いサービスを提供できるようなエンジニアになれるように頑張ります😎 私も生涯勉強をし続けて、よりスキルを高めていきたいと考えているので、一緒に良いサービス作れるスキルを身に着けていきましょう。労いの言葉も大変嬉しいです。本当に励みになるので助かります。😊✨

[@デメトリアスマキモン]

数か月前からJavaScriptを独学で勉強しています。 私が購入した教本の１つの後半にjQuery入門ってコーナーがありましたけどしまぶー先生のこの動画を見て学ばない決断をしました。 この先はReactやVueを学んで行きます。ありがとう御座いました！ これからもしまぶー先生の動画を参考にさせて頂きます。

[@ayanoyasumoto]

プログラミング初心者です。 JavaScriptを学習しようとしていた時に、【早く稼ぎたいならhtml/css/jQueryを学んで、仕事しながら都度JavaScriptを学んでいけばいい】という動画や記事を見つけて悩んでいたのでとてもスッキリしました。 ありがとうございます！

[@shinnijiemo]

プログラミング始めたらjQueryをやれって言ってる人が大半です JavaScriptやる前にjQueryでWEB制作しろなんて言う人も見ました 初心者御用達ProgateはReactのコースを用意してはいるものの、その紹介は大雑把であまり身になるものではありません。 jQueryもそんなに充実してませんが、｢まずやれ｣と言わんばかりに冗談の目立つところに配置されています 初心者の通るProgateがjQueryを前面に出し、色んな人がjQueryやれと言ってる現状に嫌な気持ちを抱いていましたが、ここまではっきりjQuery不要と仰っていただき、とてもスッキリしました ありがとうございます

[@dhmulti9539]

なるほど～勉強になりましたー聞いておいてよかったです！ありがとうございます！

[@trusai5833]

いつも投稿ありがとうございます！ JQueryしかりプログラミング学習は何を学ぶべきかよく考える必要がありますよね🤔将来的には自分で取捨選択できるよう、しまぶーさんの動画見て頑張ります！

[@shimabu_it]

技術の流行り廃りは本当に激しいので自分で選べるようになると強いですね。一緒にスキルアップしていきましょー！！✨

[@kitirin8355]

最近progateでHTML,CSSを学び終わったところで、さぁ次はjQueryかなと思っていたとこなんです。今このタイミングでこちらの動画にたどりつけてよかったです。 有益な情報をありがとうございます！

[@supereiji]

いつも役立つ情報をありがとうございます♪ 実はWebデザイナーを目指していますが、今日jQueryの学習をちゃんとしなくてはと分厚い参考書を買った者です。 学校で授業でジェイクエリを少しかじった位なのですが、大切なんだろうなと思って買った次第です。 確かにバージョン2とか1とか両方使えないことがあってすごく不便だなと感じていました。 とりあえず、基本の基本だけかじってリアクトを勉強しようと思います。

[@ぬねの-m1z]

学ぼうか悩んでたからありがたい👍

[@nes7456]

Webの制作運用の現場で働いています。 全然過激でもなく至極真っ当な内容だと思いました。JQueryはこれまで大変お世話になったけどメンテナンス性の悪さに縛られてなかなか抜け出せません。

[@shimabu_it]

私も昔Web制作で働いていてjQueryで苦しんだことがあります。コードを書くときは楽でありがたいんですが、後で見返したり他人のコードを読むときに地獄を見ますよ💦。

[@KM-sl9qw]

jQueryをしてきたからこそ、今後のモダンな秘術価値も理解できます。この動画でみて、ひと昔前jQueryが懐かしく思いました。ありがとうございました。

[@iiii652]

議題が的確で納得しかない。。

[@shimabu_it]

ありがとうございます。叩かれそうな気配もしますが(^o^;)

[@森野弘規]

プログラミング教室でjQueryを学んだので確かに過激的でした・・・。 転職活動を初めて、確かにjQueryを扱っている企業が少ないと思っていました。なので、これからしまぶーさんの 動画を見つつJSの理解を深めていきますが、ReactやVueにシフトするよう考えます。(企業が何を求めているかが大事ですが)

[@shimabu_it]

学んだ人にとっては完全に過激な内容・・・まずは転職したい企業の募集要項を見てみるのが１番ですね。ほとんどjQueryを求めているところは少ないので（なのにそれを教えるプログラミングスクール...）。 はい！ぜひReact・Vueなどにシフトしてみてください！

[@md8457]

WebやAI系の仕事をしているエンジニアです。 おっしゃられている通り jQuery の利用シーンはどんどん減っており、新規案件で利用する事はまずありません。 今だとフロントエンドはほぼ react, vue, angular のどれかになってきています。 しばらくはこの流れが続きそうですが、いずれはまた新しい技術に変わっていくと思います。 今までにも何度か大きな変化はありましたが、その度に大事なのは学び続ける姿勢であるとつくづく思います。 学ぶ事をやめたエンジニアは死んだも同然だと。

[@yurukei20]

いつも動画ありがとうございます！ 動画とは直接関係のない質問ですが、しまぶーさんがプログラミングをはじめたきっかけについて教えてほしいです。 私も文系からのエンジニアなのでかなり難しいことが多く、なぜそんな中エンジニアになったのかが気になりました。

[@shimabu_it]

プログラミングはじめのきっかけは、とあるアイディアソンで落選したときに、私の考えたアイディアが世間でリリースされ資金調達したのを見たときですね。 審査員が採用しなかったアイディアが実際に世の中で流行ったので、そのときに、審査員に選ばれている立場じゃダメだと実感しました。最初から自分で作れるようになるのが１番だと思い、プログラミングをはじめましたねー！

[@shimabu_it]

そのときはこちらのサービスです。 roomclip.jp/ その後にも同じ悔しい経験をしたのですが、そのときは下記です。 www.mellow.jp/

[@yurukei20]

@@shimabu_it そうなんですね。 今はそれを実現する時期に来てるんですね！ 応援しています！

[@shimabu_it]

@@yurukei20 別のアイディアですが、実現の時期にようやくきました😁✨

[@陽子-k5y]

はじめまして、しまぶーさん！私はWebデザイナー！を目指して勉強し始めたばかりのものです。　ちょうどjQueryを学ぼうとしていたところでちょうどしまぶーさんのこの動画を発見しました。　webデザイナーを目指すにあたっても、jQueryは学ぶ必要はないですか？　教えていただきたいです！！　必要ないならば次のステップへ進もうと思ってます！

[@shimabu_it]

要らないと思います。そもそもWebデザイナー志望であれば、コーディングはほどほどにして、Figma、Adobe XDなどのツールでUXを考慮したデザインができるようになることに重きを置いたほうが良い気がします！ コーディングはHTML/CSSでピクセルパーフェクトとまではいかないにしても、デザインをそのままの見た目でコードに落とし込めるレベルまで持っていければいいと思っています。その先のJavaScriptは、＋αな要素でどちらかというとフロントエンドエンジニアの領域になってきます。もちろん、できるに超したことは無いですが、デザインを主にしたいか、プログラミングを主にしたいかどうかですね。ちなみにヤフーのデザイナーでもほとんどの方がJavaScriptはあまりできません。

[@佐藤龍-g8f]

jqueryを学ぼうとしてたところでした。 ありがとうございます！

[@rafaelkosaka1683]

そんなに過激ではないですね笑 ラスト1,2分のお話が個人的にはすごく熱く感じました😁 より良いものを使ってより良いものを作っていきたいですね

[@shimabu_it]

既に学んだ人が気を悪くなさらないようにという感じでしたが、そこまででしたかね😅 良い技術で良いサービスつくって、日本初が世界で通用するのをみたいですね。最近はメルカリが北米でかなり奮闘しているので非常に応援しています！

[@MrTeruTeruTeruTeru]

過激でない言い方をすると学習する優先度は低いってことですよね。余裕があるなら学んで損することはないし学んでいるに越したことはない。でもプログラミング初心者がHTML/CSS→jQueryという学習ルートに何も疑問を持たずに進むのは辞めた方がいいということだと思う。

[@shimabu_it]

プログラミング学びたてのうちは無限に勉強することがあるので、そこにjQueryを入れる必要はないですね😁

[@MrTeruTeruTeruTeru]

しまぶーのIT大学 twitterでjqueryはまだまだ必要だ！って主張してる人がいて違和感を感じてました。返信ありがとうございます！

[@わどるでぃ-o1c]

jQuery はがっつりやってて React 本当に最近勉強はじめましたけど、 この動画見て React ちゃんとやらないといけないなって思いました。。。 jQuery はしばらくは使うと思いますが自分の将来のためにも React の勉強、webpack から順に続けてやってみようかと思います。

[@masa_soli_s]

今ポートフォリオ作りでまさにjQueryを書いているところでした💦 reactやvueは愚か素のJavaScriptもあまり理解が及んでいない状況で、将来的にはNode.jsなどのjs系だけでサービスを作ってみたいと思っているのですが、どのようなロードマップで学習を進めていくのが最適だと思われますか？ jQuery書くぐらいなら素のJavaScriptに先に慣れた方がいいでしょうか、、？

[@shimabu_it]

後者から返信！ jQueryはJavaScriptで置き換えたほうがいいですね。 割と簡単に置き換えられるので試してみてください。 下記記事などは参考になるはずです qiita.com/tatesuke/items/b9548dd484b01b139b74 youmightnotneedjquery.com/ ロードマップですが、①まずはDBやAPIのことは考えず表面だけを完成 ②表面で表示させているものをダミーなJSONデータで表示するように置き換え（ローカルに○○○.jsonなどを作り、それを呼び出して表示） ③先ほどのJSONのデータをAPI経由で叩けるようにバックエンド側を構築、という流れが良いかと思います。 一気にすべて覚えようとすると確実に混乱するので、まずはわからないことは1つ2つぐらいにとどめて、とにかく終わらせていくことが大事です！

[@masa_soli_s]

しまぶーのIT大学 いつもご丁寧にありがとうございます！ 大変参考になります！！ このコメントをリツイートしたいぐらいです笑 なるほどなるほど、基本的なところからちょっとずつ変えていく感じでしょうか？ これを機に他のフレームワークに挑戦してみます🙆‍♂️

[@shimabu_it]

KZbinは拡散の機能ないですよねぇ...笑 > なるほどなるほど、基本的なところからちょっとずつ変えていく感じでしょうか？ まさにそうです。どちらかというと概念が大事なので、APIを叩いて画面に表示という部分をしっかりできるようになると良いかもです。私の初期JavaScript講座のAPIあたりがそうですね。 動画でも紹介していますが、例えば下記が公開されているJSON APIなので、実際にそれを叩いてみて表示させる、という一連の流れです。これができるようになるとフロントはきっと理解が早まります。バックエンドは後はJSON APIをどうやって作る？という部分にフォーカスして勉強していく感じです！ jsonplaceholder.typicode.com/

[@masa_soli_s]

しまぶーのIT大学 JavaScript講座のAPI動画見させてもらった時はまだほとんど何もやっていない時だったんですけど、 今の自分ならかなり教材として役に立ちそうですね！（今更感） 早速やってみますね！ いつも有益な動画とコメントありがとうございます！☺️ 助かります🙇‍♂️🙇‍♂️🙇‍♂️

[@narharos4974]

querySelectorのおかげでかなり書きやすくなりましたよね

[@shimabu_it]

それはありますね〜！🙂

[@naga4127]

昔のコボルと一緒っすよね、、、 JQueryを使った物をReactに変えてくれっていう依頼には使える人がいないと出来ないけど、、、 思うのは、フレームワークに依存している以上、フレームワークにかかわるコストに社会も人も疲弊するって事っすかね、、

[@貧乏人でも恋がしたい]

jQueryとVue.jsの両方を使った身からすると、Vueの方が圧倒的に便利。 これから学ぶべきなのは圧倒的にVueやReactだろうね。 ただ、jQueryを全く知らないでいいかと言うと、そうでもないと思う。 どんなものか知らないと単語を見ただけで拒否反応を起こす人も多いし。 ぶっちゃけ、jQueryなんか大して学習時間も必要ないし、さらっと一通り学んでみるのはありだと思う。 jQueryの不便さを知ることもいい勉強にはなると思うよ。

[@twggnpho23]

私はjQueryを勉強しましたが、 そんなに学習時間を費やしてないので、 教養という意味で勉強してよかったということにしています。（震え声）

[@shimabu_it]

コメント＋名前で盛大に笑いましたｗｗ 結局簡単に学べるので、そこまで時間は費やさないですよね。今の技術を使いこなせるようになったときにjQueryとの差を実感してください✌笑

[@シルベスタお母]

今のwebサイトくらいのシンプルなアニメーションは割とdom操作が単発的なものだから、箇条書きな書き方が最適と思うけど、分析ツールやゲームとかだと関数内のイベントへの変数受け渡しの容易さなど結局UIと密接に相互依存していて頻繁なdom操作が行われるから単発的だと可読性がないのでどっちがいいと言い難いですよね 非同期多用で分析ツール作れと言われたら結局同じになってしまうでしょう。 そもそも将来の案件の量を考えると、今後出るであろうXDのような感覚でデプロイできるみたいな超多機能CMS(プラットホーム)での作成の方がサイト制作としては確実に簡単最速だろうし、個人化の風潮化ある現代であるにも関わらずSNSアカウントは皆持ってるのに個人用のサイト制作案件は皆無なので、収束するであろう案件量からすると 今から初心者が永くエンジニアとして食うにはSNSのような大規模プラットホームを作れるくらいまでvanilla JSを勉強するのが適切かとおもいます。その過程でjQueryはとても分かりやすいので必要悪としてステップアップでやる程度ならいいとぼくは思いました。 すみませんこの文章自体が深くネストした形になった再利用困難で前提条件に依存した冗長的で難読的な文章になっていて説得力に欠けたのを深く反省しています。

[@keita5518]

本当に良心的に教えていただき感謝します。 いつもいつもありがとうございます。

[@shimabu_it]

良心的（ワードチョイスは強め）

[@こっとん-r3x]

最近ポートフォリオを制作したのですがjQueryを使ってしまいました。今からJavaScriptに置き換えた方がいいのでしょうか？ web制作会社に提出する予定です

[@mcloid3613]

WEB制作に携わっていて、今でもjQueryを現役で使っているのですが、おっしゃるとおり、依存性や保守性の面でめちゃくちゃロスします...「慣れているから使う」の思考はやめて、今の時代に合わせて有用性のある技術を勉強するのが良いと改めて認識させられました。

[@エンラエンラ]

今ちょうどスクールに通って勉強している中で、jqueryのカリキュラムを進めているところだったのですが、一旦担当の方とこのまま進めていくかを相談してみようと思いました。

[@shimabu_it]

担当の方はjQueryを褒めるかと思うのでお気をつけください...😨

[@エンラエンラ]

@@shimabu_it 実際聞いてみたところウェブ系エンジニアの仕事の大半は既存のサイトの改修が主な仕事になってくるため今まで多く使われてきたjqueryについて理解出来る位にはなっておくのも大事との話でしたが、それでも学んでおく必要はないと思いますか？

[@shimabu_it]

一理あるとは思いますが、個人的には自分のスキルを上げる仕事に就く方が良いと思っているので、あまりオススメはしないです。jQueryはそもそも必要になったタイミングで学ぶレベルで良いというのもあります。

[@エンラエンラ]

@@shimabu_it ありがとうございます！ jqueryの学習はそこそこにして新しい言語に挑戦できるように進めていこうと思います。

[@道端の何か]

今までjQueryをたくさん使ってましたが、脱jquery中です。 フロント側を本格的にする予定はないのでゆるく勉強しようと思います。

[@タマコ-j8q]

これは私にピッタリな内容でした。Jquery途中まで学んでしまった自分が気づいたことは、 こういう講座をしてくれるプログラマーさんはみんなJqueryを使ってない or オススメしてないということ。 それでも少しばかりかじってしまったのでJquery使うことはあったんですが、 今後は学ばなくていいと丁寧かつハッキリいってくれたので助かります。ありがとうございます～！

[@shimabu_it]

本当にjQueryはもう使いません。私も絶対に一生使いません。しっかりと考えが伝わったようで嬉しいです😂 小さめなWeb制作などでは確かに使われていますが私はそこをオススメしていなく、仮にWeb制作志望だとしても今後は使用機会が減るので、今から学ぶ価値はないということですね！

[@ax1el3harley]

今まで業務に活用するのにしまぶーさんの動画やオンライン学習サービスでwebアプリケーションについて勉強していた者です。 今回の動画で、jQueryって聞いたことあるな～どんなのだろうと調べてみると、$マークから始まる書き方のものでした。 最近仕事でwebアプリのソースを見ることになったばかりで、なんかわかりづらい見づらいな～と思っていた書き方がまさに$から始まるものでした。jQueryを使って組まれたアプリだったことが今わかりました。 今後アプリのお守りをしていくことになると思うのでそれなりに勉強していかなくてはいけませんが、リプレースできるタイミングがあればトライしていきたいと思いました。

[@shimabu_it]

jQueryはJavaScriptで簡単に置き換えられます。下記記事とか役に立つはずです。大規模であれば完全に置き換えるのはなかなか大変ですが💦 qiita.com/tatesuke/items/b9548dd484b01b139b74 youmightnotneedjquery.com/ ぜひ勉強しつつ、いいタイミングがきたらチャレンジしてみてください。jQueryがなくなればパフォーマンスも上がりますよ！😊

[@ax1el3harley]

@@shimabu_it 規模的には結構大きなシステムのようなので、動画でもおっしゃられていたような、そこに時間がさけないが為に残り続けているようなケースなんだと思っています。 記事までご教示頂きありがとうございます。参考にさせていただきます。 jQueryの発展の歴史も知りたいと思ったので、そのあたりも勉強しつつ、今後に生かしていきます。 次の動画も楽しみにしております！

[@shimabu_it]

ヤフーでもまだまだ残ってはいますからね。完全リプレイスはなかなか時間がかかりそうです。 はい！次もおもしろい動画を提供できるようにがんばりますね😊

[@濱辺勇人-j5z]

初めまして。 いつも動画を拝見させていただいております。 一つ、質問させていただきたいのですが、 bootstrapはこれから勉強していく価値があるでしょうか。 実際に使っているかどうか等もお教えいただきたです。 bootstrapはjQueryを利用していた記憶があるので、どうなのだろうかと思い、質問させていただきました。 ご回答いただけましたら幸いです。 宜しくお願い致します。

[@mayuy]

最近web離れてたんですが、ちょうどjQueryって今どうなんだろうとおもっていたのでありがたい話題でした。

[@shimabu_it]

良かったですー！ jQueryを見るとウンザリするエンジニアは多いと思います😅

[@user-catBrathers]

わたくし初心者で、現在Webページを独学で作ろうとしており、htmlのヘッダーやフッターをjsでインクルードしようとした所で詰まっています。 色々と調べていたら、jQueryを使って「$(…).load(…)」で書けばOKというのを見ました。他のjQueryを使わない方法も試したのですが、上手くいきませんでした。 なので、jQueryも学ぶべきなのかと思っていたら、やや古いコンテンツだったのですね。深追いしないように気を付けます。ありがとうございます。

[@daisukeexperience4507]

jqueryを使いまくってる自分としては非常に耳が痛い内容ですが、これくらいはっきり言った方がいいですよね。 スライダーとかのライブラリは大体jqueryだったりするので困りますね。

[@shimabu_it]

はっきり言いすぎ感は否めないですが・・・💦 実はスライダーとかもReactやVue製のものがたくさんあるんですが、とっつきやすさで未だにjQueryが使われていますね。私がもっと講座を出して変えていかねばー😭

[@daisukeexperience4507]

ちゃんと荒れないように丁寧に説明されたと思います。 調べました！良く使うslickスライダーにreactバージョンがありました。 恐ろしいです。いつの間に。 時代に取り残されてる感激しいです。 少なくとも僕の意識は少しづつ変わり始めてますm(_ _"m)

[@ka_ki6811]

有益な動画でした。ありがとうございます。これからjQueryを学ぼうとしてたので、Reactに方向変換したいと思います！ 前から思ってたけど、クソイケメンだよな。

[@shimabu_it]

Reactなどを学ぶほうが間違いなく需要はありますねー！ 難しいので心してかかってください！ ありがとう！！！笑

[@dmcreatorjapan]

jQueryはこれから学ぶという視点ならおっしゃる通りいらないですよね。 ReactやVueでもjQueryと共存させることはできるが予期せず動かなかったりとかバグの温床になりやすい。 ただ、「ロジック」を学ぶという観点ならjQueryをやるのはありかもしれません。 自分も個人開発ではReactしか書いてません。Vueすらめんどいなあと思ってきました。

[@shimabu_it]

仮想DOMフレームワーク（React・Vueなど）とリアルDOMを扱うjQueryと共存させるのは完全NGですねー。パフォーマンス面でも最悪なので避けたいところ...。 > 自分も個人開発ではReactしか書いてません。Vueすらめんどいなあと思ってきました。 完全に仲間です・・・笑

[@きょ-v6v]

最近プログラミングスクールを卒業しました。JavaScriptとjQuery については学びました。まだ定着したと言えるレベルではない状態ですが、今回の動画を拝見してReactを勉強しようと思いました。 順序として、JavaScriptをしっかり扱えるようになってからReactを学ぶべきか、すぐにReactを学ぶべきか、しまぶーさんの意見としてはどちらが良いとお考えでしょうか？

[@shimabu_it]

学んだ後で少しショックかもしれませんが、スクールとしてjQueryを教えるのはひどいと思います。もっとちゃんとカリキュラムを考えてほしいです...。 質問への回答は、圧倒的に前者なのですが、ここでいうJavaScriptは構文の話ではなくエコシステム全体の話になります。私が今講座で取り扱っているモジュールや、これから予定しているnpmやwebpackなどもそうですが、そういったJavaScriptを取り巻くエコシステムを学ぶべきです。 そこからReactを学ぶとかなり理解も深まるし、しっかりと基礎力があるエンジニアになるのではないかと考えております！

[@きょ-v6v]

しまぶーのIT大学 ご丁寧に回答を下さり、ありがとうございます。jQuery につかった時間は、それほど多くないので今気づかせてもらえて良かったです。 しまぶーさんの動画等を参考にJavaScriptの理解を深めていこうと思います！

[@fururisu]

スクールでjqueryを学んでいこう があったので、先生に聞いてみたらまだ使うよって言われました。 でもこの動画を見てから正直無駄なのかなとも思ってます。 まだHTMLとCSSが慣れてきたばかりで次にjqueryなので、この場合スクールに沿って言った方がいいのか、それともリアクトやビューを学んでいけばいいのか教えて貰えますか？

[@RyoKawasaki-b5d]

タイムリーにも、昨日今日でjQueryの主な部分をさらっと触ったところでした…しかし、有益な情報をありがとうございます

[@shimabu_it]

むしろ今日でまだ良かったかも知れませんね・・・ ぜひここでとどまって、次の需要がある技術を学んでくださいね✌

[@silverjoker7]

jQueryを使っていたらヒソカにこう言われそう。 ヒソカ「君の敗因はメモリの無駄遣い。」

[@shimabu_it]

ヒソカオタ発見！！ｗ

[@keigo1393]

いつもお世話になっています。 質問なのですが、技術者は基本情報技術やITパスポートなどの資格をしまぶーさんは取得しておいた方がいいと思いますか？？必要ないでしょうか？？

[@shimabu_it]

必要ないです。私も一切持っていませんし、周りでも資格を持っている人はほとんどいませんので安心して実務の方を学んでください！

[@keigo1393]

@@shimabu_it ご返信ありがとうございます!安心しました😊

[@SH-of6lh]

現在、ポートフォリオを作成中です。自分のレベルが低く、なかなか進みません。なにか進める上でアドバイスいただけますでしょうか。

[@shimabu_it]

誰もが最初はレベルが低いです。私もそうでした。 まずは自分ができる範囲で完成度が高いものをつくりつつ、それ＋αで1つだけ新しい技術を取り入れるのが良いかと思います。結局、一気にたくさんやろうとすると、何も学べず挫折して終わるので、今わかる範囲＋何か1つぐらいで作っていくのが良いかと思います。

[@SH-of6lh]

ありがとうございます、そのようにやっていきます！ 基本分からないことはググりながら、解決していますが、それでも分からない場合はどうしていましたか。 教えていただけると嬉しいです。

[@user-wd8rk5te5z]

初心者です。「スクロールしたら要素が出てくる」ようなものを早く作れるようになりたくてjqueryに向かって突っ走っていたのですが、スクロールイベントは今は素のJSで作るのが主流という感じですか？

[@yuuttana1223]

bootstrapについてはどう思ってますか？こちらも学ばなくても良いと思います？スクールで自分は少し学んでいるので気になりました

[@shimabu_it]

jQueryは「それを学ぶぐらいなら別のものを学ぶべき」ですが、Bootstrapは「必須ではないが学んでおいて損はない」という認識ですね。何かしらのコンポーネントフレームワークは学んでおいた方が良いかと思うので、学ぶのはそこまで悪くはないかと思います。 余談ですがBootstrapもv5で脱jQueryのようです。

[@田中あ-n8i]

独学でついこの間勉強しましたが現場で働いてる人の意見を聞けて参考になりました！吸収出来たことは0じゃないと思うんで切り替えてまた勉強頑張ります〜。

[@shimabu_it]

それはそうですね！ 価値があるとしたら今の技術を学んだときの差分を体感できることですね！ 私も学んでいるので一緒です 😊

[@footballdiet2015]

大変勉強になりました。ただ、初学者ですけど、がっつりjQuery勉強しちゃってます(泣)

[@mo-mo-firm3838]

jQueryを勉強した方が良いのか悩んでいたので、丁度良かったです！ ありがとうございます😊　やっぱり将来的にはreactなんですね。 VueとReactで悩んでいる人もいるかと思うので、是非そちらのご意見も聞いてみたいです！

[@shimabu_it]

好みによるので完全な主観と思っていただきたいですが、私の場合はReactを学びます。理由はたくさんあるので列挙します。 ・純粋な書き心地。Reactの方がシンプルと感じる。 ・TypeScriptとの連携がReactの方が良い。 ・Reactのhookが非常に使いやすい。 ・ReactのフレームワークのNext.jsが使いやすい。 ・Next.jsを作っているVercelという企業の技術力にも信頼感がある。 ・Reactは英語圏で強くVueは中国圏で強いが、そう考えた場合にReactの方が将来的に成長するのではないかと踏んでいるため。 ・ReactはFacebook製という安心感。 ・Vueはコミュニティ主導でしかもEvanYouという一人に依存しすぎているのが怖い。 参考までにcontributors（作っている人の貢献数）比較 github.com/facebook/react/graphs/contributors github.com/vuejs/vue/graphs/contributors という感じですね。もちろんVueにもSingle File Componentで初心者にも分かりやすいとか、データバインディングでフォーム系が作りやすいなどの利点もあります。最終的にはどちらが好きか、という好みの問題ですね。 ちなみに一方を理解しておけば、もう片方もすぐに習得できます。現に私もReactの後にVueを仕事で使いましたが、すぐに習得することができました。ぜひぜひ、参考にしていただけると幸いです🙏

[@mo-mo-firm3838]

しまぶーのIT大学 大変詳細に回答頂きましてありがとうございます！私自身含め他の視聴者にとっても良い参考になるかと思います！ これからもプログラミングの勉強頑張ります！

[@岩隼]

来年冬を目処に転職を目指して独学中です。しまぶーさんのおすすめのロードマップがあれば是非紹介してほしいです。

[@ノリ-f3c]

jQueryをJavaScriptに戻す勉強ばかりしていました。無駄ではないと信じたいです。 質問なのですが、reactを学習する前に勉強しとかなければならないことを教えてください。node.jsやnpm、module、Babelの名前がJavaScript勉強していて出てくるのですがreactを先に学習して良いのでしょうか？ ですが、学習する順番とかあるのですか？ モダンJavaScriptがかけるようになるには、どの順番で学習するのが良いのか、ロードマップみたいのを教えて欲しいです。

[@はやふー]

プログラミング副業したいと思って勉強してるんですけどHTML/CSS、JavaScript、jQueryあたりは絶対やっとくべきだと思ってました、、

[@youtubefan1822]

参考になりました🙇

[@javascript3820]

真っ直ぐ、JavaScript のスキルアップに精進します！

[@shimabu_it]

名前通りのコメントですね！笑 それが１番だと思います👍

[@まるめがね受験就活応援チャン]

プログラミングが出来ると強いですよね！

[@ぴんく色社長]

分かりました！ありがとうございます！！

[@takaone-w5d]

正直、jQueryよりVueの方が楽でいいですよね(笑)自由度も高いし やってみたらそもそもHTMLベースで勉強してる人はVueの方が入りやすいのでは？とも思うくらいでした。Reactよりも学習コストが低いし初心者におすすめだとも思います！ 自分がReactを使えないだけなんですけどね(笑)(笑)(笑)はやくReact使えるように頑張ります

[@takaone-w5d]

補足 jQueryをディスりましたが、JavaScriptの作用箇所を勉強するための教材として使うのはアリだと思います！コピベでいけるし

[@shimabu_it]

Reactも実はシンプルで簡単なのですが、Vueはドキュメントが日本人向けで分かりやすいですね。つい最近まで公式の日本語ドキュメントもなく、Vueは私が覚えている限りで3年ぐらい前から存在していたので、その差が実は大きそうな気はしています。

[@takaone-w5d]

@@shimabu_it 夜遅くまでお疲れ様です💦 そうなんですね！ただ、Vueは個人的にある程度さわれるまでそう時間はかからないのでエンジニアが増えて値崩れしそうなイメージがありますね😅 Reactはまだ触ってないのですが、Vue/Nuxtの学習が終わり次第取りかかりたいと思ってます！ 余談ですが、しまぶーさんとKZbinで出会って一年近くが経ち、恐らく独学で数百時間は勉強をしてようやくWebエンジニアになることができました！本当に感謝してもしきれないくらいです(*^^*)ありがとうございました 今後もお体に気をつけて動画更新頑張ってください☺️

[@shimabu_it]

うおおおおおおおおおおおおおおお、おめでとうございます！！！🎉🎉🎉 嬉しくて、こちらも報告していただいたことに感謝感激です😆✨ 私も本当はもっと講座を出して、たくさんの人がWebエンジニアになれるようにしたいと思っていたのですが、しっかりと自走して目標達成していただいたのは本当に嬉しすぎます。とにかくおめでとうございます！！ また今後もこういった素晴らしい報告をしてくださる方が増えるよう、ますます動画制作も頑張りたいと思いました！！😊

[@takaone-w5d]

@@shimabu_it ありがとうございます‼️こちらこそしまぶーさんの動画を見なければ到底こんな道に進むなんてしなかったでしょうし、本当に感謝しています。 今後はエンジニアとしてゴリゴリ勉強していつかしまぶーさんに恩返しできたらなとか勝手に思っています(ストーカー気質笑) とはいえ、面接の際に「寝ないで勉強します」ってゴリ押ししてなんとか…といった感じだったのですがね…(笑) これからも楽しみにしているので動画の作成頑張ってください☺️

[@sktakezo]

わかりやすかったです。

[@sktakezo]

ハートありがとうございます。自分はc, python, のプログラマで、この度お客様も利用するWebが必要になり、急遽お勉強。学生時代を思い出しつつHTML・・CSS・・PHP・・Javascriptとかじって勉強した時代との世界観の違いに驚きつつ色々調べていました。取っ掛かりも分からない状態で困ってまして、Reactというのを今日知り、やってみます。ありがとうございました。

[@2214124]

にゃるほど～ 難しいことは分からないけどなんとなーくは理解できました JQuery以外の学習に時間を割いた方が良いのですね！

[@shimabu_it]

はい、毎違いなく別の学習に時間を割くべきです！👍

[@しづき-y5l]

jQueryは一応勉強したのですが、もう必要ならグクる程度で良いかなぁと、最近はjsを改めて勉強してます。

[@kazukiminato6412]

Wordpress 案件をメインでやっていくならjquery かける必要はないけどある程度読める必要はある気はする。。。

[@shimabu_it]

WordPressとセットで用いられることは多いですよね（私はWordPressにも若干否定的なのであまりオススメしていないのですが） jQueryは習得難易度が高くないため、その場面に出くわしてからでも良いというのが私の考えです！

[@トリトン-f9z]

append解体作業して速さのテストはよかった。 とりあえず検索かけるとjQuery多い リファクタリングで気を付けている点はありますか？ しまぶー暴風警報🌀

[@shimabu_it]

おお、スピードテストもされたんですね。素晴らしい👏 「○○○ -jQuery」という感じで、jQueryをのぞいて検索してみてもいいかもですね〜。 リファクタリングではたくさん気をつけていることがありすぎるのですが、まず最初は2点を意識したらいいかもしれません。 1. データとUIを分けること（≒ロジックを分離すること） データと見た目が密接に紐づくと、後々仕様変更が置きたときにつらくなります。なるべく分離して管理する方が良いです。例えばユーザーリストがあったときに、ユーザーのデータはデータで、リスト部分のUIはUIだけと、しっかり分けた方がいいです。そうすると後々カスタマイズするときに、データだけ、UIだけ、と切り分けてコードを書くことができます。 2. 小さく分けること。 functionを1つとっても、数十行あるものと、数行のものだと、読みやすさや再利用性が違います。読みやすさは説明は言わずもがな少ないほうが読みやすいですね。再利用性だと、機能を小さく分けていたほうが、その機能を他のところでも使い回しやすいです。「データを取ってきて、そのデータをlogに表示」という操作1つでも、データ取得とlogに表示を分けたほうが、それぞれを後で使い回すことができます。 という感じですね。ちょっと文章だけじゃ難しいですが、伝われば幸いです。

[@slog3847]

今日さっきまでjQueryやってたァ JavaScriptの理解に少しでも繋がっただろうか…

[@shimabu_it]

OMG...🙀 jQueryで書いたものをJavaScriptでかけるようになったほうが勉強にはなるかもしれませんね。jQueryだけはあまり技術力向上にはつながらない気がします。

[@slog3847]

@@shimabu_it JavaScriptよく分からなかったからとりあえずjQueryで慣れようかなくらいの感覚で1日触れただけだったのでまだよかったです… いまさっきJavaScriptに戻ってみたらなんか理解できるようになってました！

[@ho1777]

ポートフォリオ制作でも使わない方がいいんでしょうか？ 今からでもreact やvue に移行し書き直した方がいいのかな？ その際の有効な学習方法あったら教えてください！

[@shimabu_it]

フロントエンドエンジニア志望なら確実に使わないほうがいいですね。私ならjQueryを使っているとかなり評価は下げます。難易度は上がりますが、ReactやVueを使ったほうが良いですね。 バックエンドエンジニア志望でかなりサーバーサイドに力を入れていて、フロントエンドは最低限という意味でのjQuery使用であればまだ分かります。それ以外だとマイナス評価ですね・・・。 有効な学習方法としては、やはりエコシステム全体を理解することです。私のJavaScript講座で最近取り扱っていますが、例えばモジュール、npm、webpackとは何なのか、どう使うのか、ここを抑えに行かないと基礎力が身につかないので、こういった周辺技術も関連づけながら覚えていくことをオススメします。構文だけ学ばないでくださいね、ということです！

[@ho1777]

ご丁寧な返信ありがとうございます。 どの道Reactやvueはやろうと思っていましたので、では早速取り入れていこうと思います。 これからも動画参考にさせていただきますね。ありがとうございます。

[@桜咲-r4y]

ここにコメント書くのは場違いかもしれませんが、 よろしければ しまぶーさんにNode.jsについてのコメント動画や、 Node.jSの講座も出していただきたいです。 是非、ご検討を宜しくお願い致します。

[@shimabu_it]

バックエンドは私はNode.jsでばかり書いているのでNode.jsも将来的に考えています。すぐにはできないので、だいぶ遠い将来と思っておいてください 😭

[@NatsukashiMusic]

ありがたい内容の動画ですm(_ _)m　今後何を勉強するのかってのは非常に重要で、助かります。

[@yuuki1844]

ありがとうございます👍

[@shimabu_it]

こちらこそコメントありがとうございます！😊

[@varakapi1126]

ひぇぇ…。来月から始まるウェブデザインの講座がjquery一色なんだけど…。忙しい中無理やり時間空けて受講するのに、これ見ちゃうとすごいもやもやの中で勉強することになりそう…😭😭😭

[@えんた-b3r]

前髪がなんかウェットですねw 現在のしまぶーさんのエンジニア、起業家としての状況状態を教えてください！！

[@shimabu_it]

深夜に撮ったのでテカテカ感・・・バレてしまった🤣 起業で出しているサービスは正直そこまで順調ではないのですが、なんとか次のステージにいけそうという段階ですね。起業系の動画はビックリするぐらい伸びないのでいったん止めているのですが、気乗りしたらいつかは出したいと思います・・・笑 エンジニアとしては相変わらずフロントエンドは今も最先端レベルで技術を追えているかと思っています。Next.jsとGraphQL周りの深堀りが多いですね。今日Next.jsのスターターテンプレートを自分用に作ったのでよければどうぞ。Twitterでも紹介しました。ちょっと難しいかと思いますが、私が使っている技術構成が分かるかと思います。 twitter.com/shimabu_it/status/1302509455326679042 あとは起業で出しているサービスをデザインしなければならない関係で、デザインを学ぶことは最近多めです。

[@田中タロウ-q9l]

私はエンジニアですがjoueryは必要と言われました。 特に学ばずその時間をpythonに使いました。必要ないと思い。 jquery学ぶ暇あるならpythonのが良いですよね。

[@shimabu_it]

jQueryは辞めたほうが良いですね。 その2つなら自分だったらPythonを学びます。

[@Moroeeee]

ReactとかVueってどういった実装で使うのですか？具体的に教えていただけるとありがたいです。

[@shimabu_it]

どういう実装でも使えますよ。私は簡単なホームページにも使っていますし、フロントエンドにおいてむしろ使えない場面はないと思っていますよ！

[@Moroeeee]

@@shimabu_it そうなんですね！ありがとうございます！ReactとかVueの動画楽しみにしてます！

[@しょーた-v1q]

脱jQueryでかっこいいサイトを作りたいなと思い、Vanilla.js + CSSでアニメーションを実装する練習をしているのですが、何か良い参考サイトはありますか？

[@shimabu_it]

むむむー難しいですねー。私の価値観としてアニメーションにあまり重きを置いていないので（それよりはパフォーマンスを重視しているので）、参考になるサイトと言われるとパッとは出ません。 一応最近見たサイトだとNOWVOICEはかっこいいなーとは思いました。アニメーション1つというよりはサイト全体の雰囲気感と合わせてですが。 voice.nowdo.net/

[@しょーた-v1q]

@@shimabu_it ありがとうございます！参考にして見ます！

[@さい-e7s]

いつも有益な　情報ありがとうございます。 今回の話を踏まえた上で、html css を学習したあとは、どの言語を学習するのがいいのでしょうか？

[@noritaro12]

Java script

[@kiyotakanakajima4857]

価値がない。価値がないから学ぶ必要がない。必要がないから學ばなくてよい。それでも学ぶ。

[@sts1167]

jQueryちょうど手を着けそうなところでした…💦(スライダーの実装等で…) 友人も、jQeryは要らないとReactに乗り換えていたので、自分もその方向が良いのかなと考えていました。 トドメの一撃、ありがとうございます😅

[@shimabu_it]

スライダーもReactでライブラリがたくさんあるので、そちらを使う方がいいですね〜。ドドメの一撃！笑

[@riyothenatural4338]

いつも有益な情報ありがとうございます。質問ですが、これから初心者がプログラミングを学ぶ際にどの言語を学ぶかという選択において、モダンな言語を優先して選択するということを意識して選んだ方が良いでしょうか？

[@shimabu_it]

モダンな言語というよりは需要がある言語ですね。モダン過ぎると現場ではまだ使われていなくて需要がないことはあるので。基本は募集要項を見て技術選択するのが１番ですね。

[@riyothenatural4338]

@@shimabu_it なるほどです！　的確なアドバイスありがとうございます。

[@maimai-uf2ue]

質問です。bootstrapもjQueryを読み込んでいますが、使っても良いでしょうか？そもそもbootstrapって勉強する優先度は高いですか？

[@narharos4974]

余談ですが最新のBootstrap 5ではjQueryの依存関係なくなってますよ

[@hiroki7033]

職業訓練でjQueryをメインに学んでいるのでやめるにもやめられない…

[@さくら桜-b7m]

@@日鞠-z5q すいません。酔ってました。

[@ta-suki-7066]

まだ初心者レベルなのでよく分からないのですが、reactはjqueryの上位互換みたいなものという理解であってますか?

[@shimabu_it]

書き方とかメリットが違うので上位互換と言われると怪しいですが、Reactを使える人がわざわざjQueryを使うことはないという意味で上位互換と言えるかもです。

[@ta-suki-7066]

@@shimabu_it 返信どうも有り難うございます。 Progateにreactの講義あったのでやってみます。

[@johnioch9681]

フロントエンドの求人にはjQueryのスキルが必須の所はまだ多いですよ…

[@ややや-h1l]

web制作フリーランスを目指すにあたって、学ぶべき言語はなんですか！

[@秋本裕之]

ちょうど迷っていたのでありがたいです。

[@ミジンコ-b1p]

お手数おかけするようで申し訳ないのですが、NodeとReactどちらがおすすめとかって ありますか？何方か教えていただけると嬉しいです…

[@みい-b2m]

jQueryの学習はこれからでした！バッサリ断言していただきありがとうございます😊

[@shimabu_it]

間に合った・・・！ギリギリセーフですね🤣

[@28web44]

JQueryのコードの可読性が低くて、ReactやJavaScriptの勉強を始めたら、オブジェクト指向を知り、難しいとは思うのですが、便利だなあと感じることが多々あります。やっぱり廃れていくんですね。なるほど

[@shimabu_it]

jQueryの可読性は本当に低いですね・・・。Reactなどと比べると特にモジュールがあるのとコンポーネント思考というのが大きな差な気がします！

[@fluororubberch2wcf2cf3cfwc2]

参考になりました🖊

[@CH-kk1bs]

今からJQUERY 勉強する予定だったからほんと見れてよかった

[@shimabu_it]

ギリギリで動画が間に合って本当に良かったです😂

[@しよ-u6q]

jQueryをスクールでこれから学ぶのが少し鬱

[@shimabu_it]

昔から運営しているプロダクトだとjQueryが動いているところはまだたくさんあるので、それに対応する力を身につけるという意味でポジティブにいきましょう！！💪💪

[@SK-zf4kc]

React, Vue, Angularの比較動画も挙げて欲しいです。

[@shimabu_it]

ものすごく荒れそうなので怖いので動画はもし可能であれば・・・ぐらいに思っておいてくださいませ(^o^;)私は圧倒的にReact推しとだけお伝えしておきます。

[@j.whorizon9786]

しまぶーさんの言っていることが、正しいにせよ問題があるにせよ、みんなすぐ扇動されるんだね。まず自分の頭でしっかり考えよう。

[@五暗刻-b3d]

生JS、React、Vueといった概念の理解に時間を要する学習から目を背けた人たちへの助け舟、jQuery。泥舟だったことが発覚。

[@shimabu_it]

なんか詩的で笑いましたｗ 言い得て妙です。

[@marubebe8904]

jQueryをこれから学ぼうと考えていたのですが必要がないならphpの勉強に当てたいと思いました ありがとうございました！

[@shimabu_it]

その2つだと間違いなくPHPの方が良いです。ぜひ迷いなくPHPの道に進んでください！

[@marubebe8904]

@@shimabu_it 返信ありがとうございます！がんばります！