コーディング制作お役立ちPhotoshopIllustratorXDHTML・CSSHTMLやCSSを詳しく、そして分かり易く丁寧に解説しています。it「jQueryはオワコン」「jQueryは終わった」なんて言う人が居る一方で、現在でもjQueryを使っているWebサイトはよく見かけます。「せっかくjQueryを勉強しても本当に使わないなら時間の無駄になるし、どうしたらいいかなぁ」「Webデザイナーだけど、今も勉強しておいた方が良い?」こんな疑問に対して、実際の所はどうなのか?jQueryの現在と今後について、理由も併せてお答えしていきます。まとめjQueryは終わった、オワコンと言われるけど本当?実際に「jQueryってオワコン?なぜ」って質問を受ける事があります。Webデザイナーなど、これから習得を考えている人からすれば、勉強が無駄になるかも知れず不安ですよね?しかし、僕が知る限り「jQueryは終わった」という話は数年前から言われていました。(Bootstrapなどもですが)元々はプログラムが苦手なWebデザイナーでも習得しやすい事が人気の理由でした。現在ではjQueryを使わずともCSSで表現出来る事が増えた事やJavaScript自体の進化、古いブラウザが消えていった事も影響があると思います。実際は、作る物や需要の多さ、制作コストなどで考え方が変わります。Web制作会社やフリーランスなど、制作現場ではどの様に利用しているのか書いていきます。jQueryの特徴と機能、メリットは?改めて解説すると、jQueryはJaveScriptのライブラリの事。ライブラリとは、汎用性の高い複数のプログラムを再利用可能な形でひとまとまりにしたものです。大雑把に言うと、jQueryを利用すればJavaScriptの様に長くて複雑なプログラムをもっと簡略化して使えます。プログラムが苦手なWebデザイナーでも、HTMLやCSSを理解していれば扱いやすいのが大きなメリットです。ウェブデザイナーでも以下の様な機能を良く使います。マウスやキーボードを使った操作でのイベントHTMLとCSSを変更するなどの操作エフェクトやアニメーションを付けるプラグインを利用して表現力アップウェブサイトの画面右下にある「TOPへ戻る」ボタンやクリックすれば開くアコーディオンメニュー、ポップアップ画面なども作れます。プラグインを読み込ませれば複雑な事も出来るので、よく見かける画像が次々に切り替わるスライダーなども使えます。見た目や操作性にこだわりたいWebデザイナーでも扱いやすいので人気があるんです。これらは一例ですが、現在でも色々なウェブサイトで見かけますよね。それでもjQueryは終わった、オワコンだと思いますか?jQueryのデメリットは?もちろんjQueryにだってデメリットは有ります。それは短いコードであってもjQuery本体やライブラリを読み込ませる必要がある事。ブラウザの読み込みスピードを上げる為にはjQueryのファイルサイズが大きいから駄目だという人が居るんです。確かにコードが短い場合はjQueryなしのJavaScriptで記述するほうが、ブラウザ上での処理が速くなる場合があります。使う簡単な機能ならライブラリを使わなくても十分対応可能です。そもそも、jQueryのファイルサイズが気になる程のシビアな案件ならばWebデザイナーの領域ではなく、エンジニアとか他の専門分野の人達が何とかすべき内容です。jQueryを悪者にしたくてオワコン扱いIT業界は次々と新しい技術が出てきます。jQueryの欠点を補うような新しい技術だって出てくるわけです。良くも悪くもエンジニアだと新しい技術に興味があり、すぐに試してみたいと考える人も居ます。現状に不満を持っていた人達は新しい技術に乗り換えたい訳ですから、「新しくてもっと良いプログラムがあるのに・・・」となり、全力で否定するんですね。この反応はjQueryが登場した当時も同じだったわけです。少なくとも目の前の仕事で必要とされている技術が優先です。制作物や誰が使うのかによって求められる技術も違うので、一括りに考えてはいけません。新しい技術が幾つか出てきた個人的にはReactやVue、AngularなどJavaScriptライブラリ・フレームワークが出てきた事により「jQueryはオワコン」と言われる事が多くなった様に思います。ReactやVue、Angularはフロントエンジニアでのアプリ開発需要が多く、「よし今日からjQueryは止めてVueを使うぞ!」とはなりません。いうか会社だとWebデザイナーよりエンジニアにお願いすると思います。仮にjQueryを使わないと決めても、既存サイトの運用や制作コストを考えると現状はすぐに変わらないです。jQueryがオワコンで無いなら需要はあるの?主にWebデザイナー向けに書いていますが、結局は使いどころ次第です。どんな所で使う事が多いのか紹介します。LP(ランディングページ)キャンペーンサイトやそのページ既存のWebサイトの更新や追加ページ中小規模の新規Webサイト例えば、1ページで完結するLP(ランディングページ)では、Webデザイナーがコーディングまでする事もよくあります。ある動きや見せ方にはjQueryが丁度良かったりします。お問い合わせや購入先の処理が必要な物であれば、エンジニアと連携するので大丈夫です。要するに、フロントエンドである見た目(ちょっとした動きや装飾表現)では活躍します。ビジュアル面はエンジニアよりもデザイナーにお願いしたい部分でもあります。職種を超えて連携するのが普通なので、結局はこういった考えに帰結するんですね。jQueryは終わった?の結論は、勉強したほうが良い!結論から言うと以下の意見が多く、勉強しておく方が良さげ。需要があるので、とりあえず勉強して損はない将来的に何がしたいかで決めれば良いのでは?Twitterでのツイートを見ても、Web制作の勉強をしている多くの人が現在でもjQueryを勉強しています。Web制作の学習が出来るオンラインサービスを見てもjQueryのコースは人気です。これには理由があります。勉強して損はないなんだかんだで、Web制作の現場では新規案件でも普通にjQueryを使う事が多いです。既存のサイト運用ならすでにjQueryを使っている事が殆ど。jQueryが扱える人は有用です。不要だと考えていても、需要があるのに使えないのでは困りますよね。jQueryは学習コストもそれほど高くない事もあり、Webサイトでよく使う機能を取り入れたサイトも割と簡単に作れます。jQueryは、HTMLとCSSが使えればプログラムが苦手なWebデザイナーでも覚えやすいのが人気の理由です。これらの理由から、非エンジニアのWebデザイナーにも需要があるんですね。将来的に何がしたいかで決めれば良いのでは?エンジニアとして自社サイトやアプリ開発などに携わりたいのであればjQueryは使えなくても困らないと思います。先に触れたReactやVue、Angularなどはフロントエンド開発として実際に多くの求人があります。エンジニアとしての需要です。目的によって使い分けすれば「jQueryはオワコンだ」とはならない事が分かるはずです。「自分が将来何を制作したいのか」によって、Web制作をしたいのでjQueryを勉強しておくアプリ開発したいからフレームワークを勉強する実際に僕の周りの人達もこんな感じで柔軟に仕事をしています。フリーランスなら勉強する価値あり将来フリーランスになるとか、副業をするならjQueryを勉強する価値は十分あります。クラウドワークスやランサーズ、ココナラといったサービスではjQueryを必要とする制作依頼も多いです。ReactやVue、Angularなどはフリーランス系のサービスで需要があります。この事からも「jQueryは終わった」のではなく、目的によって求められるものが違うだけだと分かりますよね。jQuery習得にはJavaScriptを勉強してから?jQueryを習得するにはJavaScriptを先に勉強した方がいいの?こんな質問を受ける事があります。経験として、少なくともJavaScriptの基本くらいは理解しておくべきです。する事で結果的にjQuery習得のプラスになります。jQueryの人気の秘密はWebデザイナーなど非エンジニアでも習得しやすい事。jQueryを勉強しつつJavaScriptの基本も学ぶ。興味度合いに応じてJavaScriptの理解も深めていく。リンク上記の書籍はWebサイトでよく使う基本的な動きの原理や仕組みをサンプルコードと共に学べます。リンクこちらの書籍は出版時期は少し古いのですが、サンプル機能を基本編と応用編に分けて解説してあり、比較する事で沢山の気付きがあります。初心者デザイナーにおすすめの本2023.01.25まとめjQueryは今の所、オワコンではなく終わったものでもありません。用途や目的によって使い分けるので、Web制作の現場では普通に使われています。学習コストも低いので、早めに習得してWeb制作で使っていきましょう。ちなみにこのワードプレスのブログでもjQueryが実装されていますよ。汎用セクション要素:HTML5リファレンス検索:FUERU(フエル)ウェブデザイナーが知識と経験をもとに、制作やSEO対策、ITスキルについて解説・発信するブログ。デザイン・コーディングからSEO対策やライティングなど幅広くWEB制作をしています。スキルアップして仕事に活かしましょう。コーディング制作お役立ちPhotoshopIllustratorXDHTML・CSSHTMLやCSSを詳しく、そして分かり易く丁寧に解説しています。