お問合せ先 無料見積もり

APRICOT DESIGN BLOG

【コーダーの独り言】脱jQueryまでの長い道のり

UPDATE : 2021.09.12

CATEGORY : Sasayama Sayaka

さやさんです。
今日の記事は息抜き、
普段コーダーとして仕事する私の「日々感じるちょっとした悩み」のお話です。


ホームページ制作時に利用される
「jQuery」というのをご存じでしょうか?

「jQuery」とは

JavaScriptライブラリ。
利用することでJavaScriptの書き方をシンプルにすることが出来る。

JavaScriptを利用することで動きあるホームページを制作することが出来ます。
(現在はcssだけでも多くの動きを表現できますが、
かつてはJavaScriptを利用しなくてはホームページの動きの多くは表現できませんでした)

そのJavaScriptをシンプルにすることができる「jQuery」。
どれくらいシンプルにすることが出来るかというと
同じ意味の命令文でも、JavaScriptとjQueryではここまで違います↓

例)targetというidが付いたタグに「test」というクラスを追加する処理

「jQuery」の場合
  
    $("#target").addClass("test")
  

「JavaScript」の場合
  
    document.getElementById("target").classList.add("test")
  


これはとても簡単な処理なのでそこまで大きな差があるようには見えないかもしれません。
しかしちょっとした処理でも上記のように記述量に差があるのです。


このように記述を簡単にすることが出来る便利なjQueryですが、利用することにデメリットも存在します。

例えばjQueryは様々な記述がされた大きな一つのパッケージなので、
何度も利用すると処理が遅くなる場合があります。

また、非常に簡単に記述できるため、
JavaScriptの基本を理解できなくても利用が出来ます。
つまり、jQueryばかりに頼っていると、JavaScriptの理解が疎かになる危険性もあるのです。


他にも大規模開発に利用されるフレームワークによっては、
jQueryを併用するとエラーが発生することもあります。
(なのでjQueryではなくJavaScriptが理解できている方が好ましいでしょう)


通常のホームページ開発ではJavaScriptの処理はそこまで多くはありません。
また、大規模開発は行っていないアプリコットデザインでは
jQuery利用のデメリットよりも、
開発速度が格段に速くなるというメリットの方が大きいため、
jQueryを利用する機会が多いです。


私自身もjQueryを利用することは多いのですが、
しかし入社時より密かに「出来るだけJavaScriptで記述する」を目標にしています。

それはjQueryを利用することによって
JavaScriptの理解が疎かになることを防ぎたい、というのが一番の理由です。


しかし、やはり便利なjQuery…。
利用することで、開発速度は格段に上がることは事実……。

できるだけjQueryをJavaScriptに書き直してはいるのですが、
脱jQueryまでの道はまだ長そう…そんなことを思う日々です。


脱jQueryのためにお世話になっているサイト▼
https://q-az.net/none-jquery-id/

    営業マンゼロだから低コスト・高パフォーマンス!東京・長野(長野市、松本市)・金沢(石川県金沢市)でホームページ制作・WEB制作・ネットショップ制作を中心に、ブランディングに繋がるロゴ制作・チラシ・名刺・パンフレット・DM・ショップカード等の各種印刷物、看板・のぼりなどの販促物を制作しているデザイン事務所アプリコットデザイン。

    [長野オフィス-本社-]
    〒381-2246
    長野県長野市丹波島1-805

    [東京ブランチ]
    〒100-0004
    東京都千代田区大手町 2-6-1 朝日生命大手町ビル2F

    [松本ブランチ]
    〒390-0851
    長野県松本市大字島内4619-3 QuintetDoor 1階南室

    [金沢ベース]
    〒920-0831
    石川県金沢市東山1丁目10-1 103

    記事が気に入ったら「いいね」してね。(SNSとは連動してません)

    この記事を書いた人Who wrote this blog

    Sasayama Sayaka

    向上心ハンパない、ワクワク系WEBエンジニア。写真を撮るのは苦手笑

    無料見積

    まずは無料でお見積もりを作成いたします。
    お気軽にお問い合わせください。

    無料見積もり

    お問合せ先

    クリックで
    事務所一覧が
    開きます

    tel.0120-622835

    営業時間/9:00〜18:00 
    定休日/土日祝日

    Copyright © 2021 APRICOT DESIGN All Rights Reserved.