jQueryは終わったのか論争を、終わらせにきました。
jQueryがオワコンかどうかと擦られ続けてきた話題をまた持ち出すのか…というコーダーやエンジニアのため息がビシビシ聞こえております。 「終わらせにきた」なんて偉そうなことを言っておきながら結論はハッキリしないんだろう…というエンジニアのため息もビシビシ聞こえております。 はい。またjQueryの話題です。おっしゃる通り結論はハッキリしません。結論を先に言っちゃいますと「築きたいキャリアによって答えは変わる」です。 やっぱりか…と離脱するのはあと少しだけ待ってください。お願いします。 ライブラリやツールを取り巻く状況ってちょこちょこ変わるじゃないですか。jQueryもそうです。なので今回は本日2023年9月14日の最新情報に私自身の見解を交えてjQueryの行方を書いていきます。 これからjQueryを勉強しようか迷っているプログラミング初学者の方々には特に参考になるかと思います。すでにj
jQuery Attack Hits NPM and GitHub; Can Extract Web Form Data
jQuery Attack Hits NPM and GitHub; Can Extract Web Form Data The trojanized jQuery attack has been spread on npm, GitHub and elsewhere since May. A trojanized version of jQuery has been spreading on the npm JavaScript package manager, GitHub and elsewhere, for use in a jQuery attack, security researchers have discovered. Phylum researchers said they have been monitoring the “persistent supply chai
（基礎編）jQuery使いのエンジニアがReactとNext.jsでWebサイト制作するために最低限押さえておきたいコード
なぜ書いたか 筆者もWebサイト制作をそこそこ長くやってきておりいまは業務でVueを書いたりちょっとReactを書いたりSvelteを書いたりしていますが、2年前くらいまではReactやES6の構文すら書いたことがありませんでした。 WordPressでのサイト制作が多く、機能が少ないサイト制作会社ではjQueryで充分なことも多く、恥ずかしながら業務時間外での学習や外部の情報を追うこともしていなかったため、開発系の技術スタックに慣れるのにかなり時間がかかりました。 まずはよく使うコードを見て解説しながら答えの一つを示し、よく出てくるコードをざっくり理解して書けるようにすることで、実務でReactを取り入れる取っ掛かりになればいいなぁという思いでこの記事を書いています。 続編は多分今月中に書きます。 こちらは基礎編です。 対象者 普段jQueryでWebサイトを制作している 生のJSはあん
JavaScript と jQuery の書き方の比較 | knooto
このページは、 JavaScript と jQuery の書き方の違いをまとめる予定のページです。 目次 注意 「jQuery で書いていたコードを jQuery 無しの時どう書くか」の参考ページです。 このページを作ったひとが自分のために記載しているため網羅性はありません。 少し古いですが基本的には You Might Not Need jQuery を見るといいと思います。 コードのライセンスは CC0 (クレジット表示不要、改変可、商用可) です。 できるだけ素の IE11 以上で使用できるように調整しています。(他の想定ブラウザは Edge, Chrome, Firefox) 書き方の比較 要素の条件確認 is(selector) jQuery const $target = $('#foo'); if ($target.is('input[type=password]')) {
【HTML/CSS】たかがフェードイン/フェードアウトするだけの挙動に全力で取り組んだ結果、最強のCSSができてしまった話【最強】
エウレカのPairsグローバル事業部エンジニアの山内です。 この記事は、eureka Advent Calendar 2017 13日目の記事です。 昨日は新卒エンジニア鈴木康文さんの「Goのフレームワーク“Revel”を触ってみた」でした。 これからGoをはじめてみようという方にはとても入っていきやすい内容です。是非。 # 前置き最近、HTML要素をフェードイン/フェードアウトする実装をしました。 たかがフェードインアウト、と侮るなかれ。 「CSSだけで表現」「JavaScriptは極力関与しない」「とにかく簡潔に」と決めて取り掛かるといくほどか難易度がアップします（しました）。 実装を終え、なるほどなぁと思うところがあったのでそのことを書くことにしました。 よろしければお付き合いください。 # 達成条件以下を満たす、フェードイン/フェードアウトを実装します。 アニメーションをスタートす
ウェブ制作で React(Next) や Vue(Nuxt)、jQuery が最近どれぐらい使われているのか調べてみた - feb19
ウェブ制作で React(Next) や Vue(Nuxt)、jQuery が最近どれぐらい使われているのか調べてみたdate2022.9.4(Sun.)tagsweb developmentFrontendJavaScript ウェブアプリケーション開発で React や Vue を使うのはよくある話かなと思うのですが、マーケティングや広報活動など広告クリエイティブ系のウェブサイト制作ではどれぐらい使われているのかなと思い、暇つぶしにリサーチしてみました。 調査方法母集団ウェブギャラリーサイトをいくつか見て比較的国内系のセレクトが多そうな https://io3000.com/ さんから 2022 年に紹介されている 175 件と、ウェブサイトのアワードサイトとして有名な https://www.awwwards.com/websites/ さんで 2022.8 以降に Winner と
ウィンドウサイズの取得・判定をしてみよう | TOMONO Tech-Blog
レスポンシブ対応のときに、ウィンドウサイズによって何かしらの処理を行うことがあります。 CSSではメディアクエリを使って、ウィンドウサイズによってスタイルを指定することができます。 p { font-size: 18px; } @media screen and (max-width: 768px) { p { font-size: 16px; } } @media screen and (max-width: 375px) { p { font-size: 13px; } } しかし、JavaScriptではwindow.innerWidthやjQueryのwidth()でウィンドウ幅を取得して、判定しなければならず、CSSと違ってウィンドウサイズが変更されたらそれを検知して実行する必要があります。 これがまた一手間で、ブラウザによっては挙動が違ったり、検知に負荷がかかってしまったり…。
【slick】ロード時に一瞬縦並びになるのをCSSで解決する
ページのメインビジュアルとしてもおなじみのスライダー（カルーセル）。 jQueryのプラグインも数多くありますが、グランフェアズでよく使っているレスポンシブ対応のスライダープラグイン、「slick」についての備忘録をお届けします。 slickの公式サイトはこちら。 当記事では基本の設置方法は割愛しています。公式サイトの「get it now」からダウンロードして、「demos」を参考に好きなスライダーを作ってみましょう。 slick – the last carousel you’ll ever need slick is a responsive carousel jQuery plugin that supports multiple breakpoints, CSS3 transitions, touch events/swiping & much more! ロード時に一瞬縦並びに
jQuery でスクロール終了イベントを取得する : まだプログラマーですが何か？
jQuery を使うと、スクロールイベントを簡単に取得したり、スクロールイベントに対するハンドリング処理を実現できます： $(window).scroll( function(){ var scroll_top = $(this).scrollTop(); //. スクロール位置 : （スクロール時の処理） console.log( 'top = ' + top ); : }); ただ、少し取扱が難しい面もあります。上記の内容のままだとスクロールを感知する毎にイベントが発生し、その全てをハンドリングすることになります。要するに一回のスクロールの中で何度もこの処理を繰り返すことになります。 これを「スクロールが一段落したらハンドリング処理を行う」ように改良してみます。考え方として一定時間（以下の例では 200 ミリ秒）スクロールイベントが発生しなかったらハンドリングする、という考え方で擬似的
LintとPrettier周りのメモ
真面目に各種LintとPrettierに向き合い始めたのでメモしておきます。 今回対象にしたのは以下。 htmllintESLintStylelintPrettier HTMLに関してはできればEJSが良かったのですが、メンテされていそうなものが見当たらなかったので生成後のHTMLを一応チェックするくらいの気持ちで。 特に嵌まったのがPrettier。ESLintやStylelintとの連携でだいぶカオスになりました。 数日格闘した感想としては以下。 ESLintとの連携にはeslint-config-prettierとeslint-plugin-prettierを使用ESLint上からPrettierを動かすしたがって、設定ファイルはESLintの.eslintrc.json。あと.prettierrc.eslintrc.jsonの中身は特定ディレクトリ下のファイルを無視する設定について
$.ajax(jQuery.ajax)の非同期処理をasync awaitの入れ子なし同期処理で記述する - Qiita
目的 $.ajaxをasync awaitを用いた同期処理で書く。 Ajax通信を待ってから処理に進む。 同期処理が入れ子にならず、クリーンに書くことができる。 IEには対応していない。注意。 経緯 保守の際、既存コードがjqueryのajaxで記述されていた。 jquery自体は別に良い。 だが、大量のコールバックによる入れ子で非常に見通しが悪くなっていた。 それをasync awaitを用いた同期処理にリファクタリングをした際の備忘録である。 書き方 フルーツID🔑からフルーツ名🍒を取得する。 /** * フルーツ名を取得する * * @param {string} fruitId */ async function getFruitName(fruitId) { const fruitRequest = {id: fruitId} const fruitResult = awai
jQueryでname=submitを含むフォームがsubmitできなくなる問題をサラッと回避する - Qiita
<form> <input type="submit" id="submit" /> </form> <script> $(function() { $("body").click(function() { $("form").submit(); // 効かない }); }); </script> jQueryでは、submit を id や name に含むフォームは submit() できない！らしいです。 なので、submit を id や name に使うのはやめましょう。 解決！ 結論 いやいやいや、そんなはずはない。 そうだ。 id や name が submit っていうボタンがあるってことなんだから、クリックしたら良いんじゃない？
スマホ対応！ページ離脱はjQueryのアラートで防ぐ！ | MUGEN WEB note
CV率アップ！ユーザーの離脱は、jQueryのアラート(ポップアップ)で防ぐ！ PCだけならbeforeunloadでできますが、iOSなどのスマホのブラウザでは、popstateやhashchangeをトリガーにして発火しないので、スマホでも動作するよう対策も。 サンプルを用意しました。 jQuery関連記事【jQuery】pdfが存在するか、mimeタイプのバリデーションする jQuery UIのsortableを使ってリストをドラッグで並び替える jQueryのモーダルウィンドウを使ってフォームの確認画面を実装する HTMLのcanvasタグとJavaScriptで円グラフの画像をつくる bxSliderをカルーセルやコンテンツスライダーなど便利なサンプル5種 bxSliderの使い方と、オプションでのカスタマイズ方法 select・optionタグをjQueryで、プルダウンの選択
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - i18next/jquery-i18next: jQuery-i18next is a jQuery based Javascript internationalization library on top of i18next. It helps you to easily internationalize your web applications.
jQueryでhoverした時にfadeIn,離れた時にfadeOutさせたいのですがhoverしているときにfadeIn,fadeOutが繰り返されてしまいます。
【楽に解決！】WordPressのjQueryを使う方法と動かない時の解決策！プラグイン導入方法も
jQuery validation fails when putting step="1" in a "datetime-local" input type
Mobile support incompatible with jQuery Validation · Issue #956 · flatpickr/flatpickr
validating the checkbox in jquery with the minimum limit
Rails 5.1+jQueryでajaxを試す (罠にハマる) - Qiita
