タグ

関連タグで絞り込む (63)

タグの絞り込みを解除

jQueryに関するkibitakiのブックマーク (81)

  • トロイの木馬化された「jQuery」がnpmやGitHubで拡散


    海外のセキュリティ企業﹁Phylum﹂はトロイの木馬化された﹁jQuery﹂がnpmやGitHub、jsDelivr のCDNホストで拡散している事を指摘しました。 ﹁jQuery﹂を悪用したサプライチェーン攻撃の概要 Phylumは 2024 年5月26日以来、トロイの木馬化された jQuery のバージョンを悪用する執拗なサプライ チェーン攻撃者を監視しており、最初にnpm でこのjQuery を悪用する亜種を発見しました。 そこでは、1か月にわたって数十のパッケージで侵害されたバージョンが公開されていました。 調査の結果、GitHubや、jsDelivr の CDN ホスト リソースでも、トロイの木馬化された jQuery のインスタンスを発見しました。 なお、今回解説されている内容は正規の﹁jQuery﹂へ今回のトロイの木馬が紛れ込んでいるのではなく、 悪意のあるユーザ
    トロイの木馬化された「jQuery」がnpmやGitHubで拡散
    kibitaki
    kibitaki 2024/07/10
    ぬ？fontawesomeあかんのん？
    リンク

  • Reactは悪い意味でも現在のjQueryだし、それを受け止めないと前に進めないということ


    HTMXのCEOに就任したので[1]、記念に記事を書きたいと思います。 HTMXサイトのエッセイ[2]はどれも珠玉の出来で評判ですが、それらを読んでもわかるとおり、HTMXは﹁Webはこうあるべき﹂という主義主張のあるライブラリです。その主義主張のかなり初歩的な前提を書きたいと思います。 Reactはなぜだめか、という話です。21日追記 ちょっと誤解が生じているために書き足しますが、Reactのパフォーマンス(及びそれ以外のこと)への批判というのはHTMX固有のものではありません。SvelteやSolidJSといった新興JSフレームワークやRails等の非JS WEBフレームワーク、SSG開発者たち、それからReact開発者たち自身といった多様なWEB開発者たちに共有されている見方です。この記事の最後の方でReact批判記事のリンク集を引用していますが、そういった多様なバックボーンの人た
    Reactは悪い意味でも現在のjQueryだし、それを受け止めないと前に進めないということ
    kibitaki
    kibitaki 2024/03/19
    まーたjQueryに親でも殺されたような※が。
    リンク

  • （基礎編）jQuery使いのエンジニアがReactとNext.jsでWebサイト制作するために最低限押さえておきたいコード


    なぜ書いたか 筆者もWebサイト制作をそこそこ長くやってきておりいまは業務でVueを書いたりちょっとReactを書いたりSvelteを書いたりしていますが、2年前くらいまではReactやES6の構文すら書いたことがありませんでした。 WordPressでのサイト制作が多く、機能が少ないサイト制作会社ではjQueryで充分なことも多く、恥ずかしながら業務時間外での学習や外部の情報を追うこともしていなかったため、開発系の技術スタックに慣れるのにかなり時間がかかりました。 まずはよく使うコードを見て解説しながら答えの一つを示し、よく出てくるコードをざっくり理解して書けるようにすることで、実務でReactを取り入れる取っ掛かりになればいいなぁという思いでこの記事を書いています。 続編は多分今月中に書きます。 こちらは基礎編です。 対象者 普段jQueryでWebサイトを制作している 生のJSはあん
    （基礎編）jQuery使いのエンジニアがReactとNext.jsでWebサイト制作するために最低限押さえておきたいコード

  • スナック「jQuery」 - Qiita


    ……あら、いらっしゃい。 若いお客さんなんて珍しいわねえ。昔は、この街一番の人気店でね、若いお客さんもたくさんいたんだけどさ。最近はめっきり減っちゃってね。 何飲む？　……水割り？　わかったわ。 じゃあさ、ちょっとだけ、あたしの昔話に付き合ってもらってもいいかしら。 What is jQuery? この店――﹃jQuery﹄がオープンしたのって、2006年なんだけどさ。その頃の、この街の様子って覚えてる？　……知らないか。あなた、まだ若いもんね。その頃って、そりゃあヒドイもんだったのよ。 その頃、シェア率トップだったブラウザって、もちろんInternet Explorerだったんだけど。当時はバージョン7が登場したばかりで、あの悪名高きIE6もまだまだ主流だったの。 他のブラウザは、Safariがバージョン3がMacとWindowsに公開されていた頃で、Firefoxはまだバージョン2.0
    スナック「jQuery」 - Qiita
    kibitaki
    kibitaki 2020/05/07
    $ちゃんはprototype.jsさんが育てたエースだったのにアンタが泥棒猫したの忘れてないわよ！最初は自分は2番ですからnoConflictしますわなんてしおらしいこと言ってたのに裏でRFC店長にエグいオネダリして云々（本当です）
    リンク

  • 2019年になってもまだjQueryを使用している理由


    現在、jQueryを使用している人、そしてjQueryを取り去ろうとしている人がいると思います。jQueryの使用に対する一つの考え方を紹介します。 Why I'm still using jQuery in 2019 by Martin Tournoij 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は元サイト様のライセンスの元、翻訳しています。 2019年になってもまだjQueryを使用しているのはなぜですか Hacker News での議論 多くの人が﹁普通のJavaScriptを使えば、jQueryは必要ない﹂と主張しています。私は多くを必要としないので、jQueryを必要としませんが、確かに便利です。 You might not need jQueryのようなページでは、jQueryを捨てるのは簡単だというアイデアを売り込もうとしていますが、逆にこのページの最初の例
    2019年になってもまだjQueryを使用している理由

  • WordPress 5.0内でReactだけを利用する方法 – Capital P – WordPressメディア


    さて、これまでBefore Gutenbergの連載では、ブロックの作り方などを説明してきたが、純粋にReactだけを使いたい場合やReactコンポーネントを作る方法については説明してこなかった。今回はその方法を説明しよう。 ポイント1. ReactおよびReactDOMは同梱されている WordPress 5.0以降、ReactおよびReactDOMは同梱されている。したがって、自分のプラグインなりテーマなりに含める必要はない。たとえば、 my-script.js が自分のプラグインのJSだとすると…… <?php // wp-elementを指定すると、reactやらreact-domやらが入ってくる。 // 依存関係に wp-element を指定する。 wp_enqueue_script( 'my-plugin-js', 'path/to/my-script.js', [ 'wp-
    WordPress 5.0内でReactだけを利用する方法 – Capital P – WordPressメディア
    kibitaki
    kibitaki 2019/03/07
    はえー。
    リンク

  • jQueryをWordPressで使う場合の読み込み方と使い方


    WordPressでjQueryを使おうと思った時、動かなくて困る事がよくあります。 jQueryのプラグインなどを入れてみてサンプル通りのコードを貼り付けたのに動かない！なんでよ！って思うんですんが、jQueryの通常の書き方だと、大抵は動きません。 テーマによっては動いたりする時もあるのが、さらに混乱する原因にもなってます。 jQueryをWordPressで使いたいのに動かない場合、ちょっと書き方を変える必要があります。 WordPressは標準でjQueryを読み込んでるので読み込みは不要 WordPressに初めから入ってる初期のテーマ(Twenty Fifteen など)や公式テーマ、購入したテーマなど配布されてるテーマを使ってる場合、WordPress本体が持ってる標準のjQueryを読み込んでる事が多いです。 ﹁Twenty Fifteen﹂を適用した場合のソース画面(jQ
    jQueryをWordPressで使う場合の読み込み方と使い方

  • 【2024年版】jQuery最新は3.7.1／コピペで使えるスクリプトも紹介｜macoblog

    jQueryのライブラリ読み込ませるの忘れてた！ってスクリプト自体忘れたわ。いちいちググるのめんどくせーから記事で残しとこ、初心者の方にはきっと需要があるはず。 jQueryの最新バージョンは3.7.1となっています、GoogleのCDN経由で読み込ませるスクリプトを置いておきますのでご自由にご利用ください。3.7.1の部分を変えることで他のバージョンへの切り替えも可能です。

    【2024年版】jQuery最新は3.7.1／コピペで使えるスクリプトも紹介｜macoblog

  • WordPressテーマ開発：jQueryの正しい読み込み方法 | WWWクリエイターズ


    WordPressのテーマ開発者の、初期に起こりやすい疑問や迷いを解決するシリーズです。今日は、テーマ開発に必須の知識ともいえる﹁jQueryなどの読み込み方法と、正しい使い方﹂です。 WordPress での jQuery の読み込み方法 まずはじめに、header.phpの<HEAD>タグ内に、直接jQuery読み込み用の<script>タグを書き込んんではいけません。WordPressには、WordPressの作法があります。 wp_enqueue_script() 関数を使おう WordPressでは、独自のJavascriptファイルを読み込む際に利用する関数があります。﹁wp_enqueue_script()﹂です。もし読み込もうとしているJavascriptファイル︵/js/main.js︶において、jQueryを参照する必要がある場合、下記のように記述します。これにより、W
    kibitaki
    kibitaki 2019/03/07
    答えだけ合ってても煽ったり作法とかどーしょもない。
    リンク

  • 一休.comホテルページのスマホ版からjQuery依存を取り除くためにやったこと - 一休.com Developers Blog


    一休.comでWebフロントエンドを開発している宇都宮です。 先日、一休.comホテルページのスマホ版から、jQueryを取り除きました。jQueryを取り除いた経緯、やったこと、結果について書きます。 ちなみに、ホテルページには以下のURLでアクセスできます︵スマホで開くか、PCの場合はUAをスマホに偽装する必要があります︶ https://www.ikyu.com/sd/00001290/ なぜjQueryを取り除いたのか？ どうやったのか 何をやったのか jQuery.ajax() =>fetchに置き換えfetchのpolyfillを採用した理由 DOM操作を標準APIに置き換え 要素の取得 show/hide addClass/removeClass html/textアニメーション $.ready() イベントフィルタリング jQueryの使用を防ぐ目印 jQuery削
    一休.comホテルページのスマホ版からjQuery依存を取り除くためにやったこと - 一休.com Developers Blog

  • Masonry.jsを使ってみる

    レスポンシブ対応のグリッドレイアウトを実装できるjQueryのプラグイン「Masonry.js」の使い方をメモ。 今回はバージョン4のプラグインを使用していますが、バージョン3だと記述方法が少し違うところがあるようなので注意してください。 使い方 下記からダウンロードできます。 GitHub – desandro/masonry: Cascading grid layout library HTML内に必要なファイルを読み込みます。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <script src="./masonry.pkgd.min.js"></script> HTML <div class="grid"> <div class="grid-item"

    Masonry.jsを使ってみる

  • グリッドレイアウト採用時に便利なjQueryプラグイン 20 - NxWorld

    有名なサイトだとPinterestやBehanceなどで取り入れているような、グリッドレイアウトを簡単に実装できるjQueryプラグインのまとめです。 少し前はポートフォリオのギャラリー部分などのような箇所で主に使われている印象が個人的にあったのですが、最近ではブログの記事一覧やECサイトなどでもよく見かけますし、コーポレートサイトのトップに採用しているサイトなども多く見かけます。 基本的な動きは同じようなものでもサポートブラウザやアニメーションの有無などがプラグインによって違うので、自分の中で幾つか使いやすいものを見つけておくと良いと思います。 一応グリッドレイアウトを実装するためのプラグインということでまとめていますが、中にはフィルタリング・ソート・ドラッグ&ドロップなどの機能も併せて実装できるプラグインもあります。 また、基本的にフリーで使用できるもの中心でまとめていますが、商用利用

    グリッドレイアウト採用時に便利なjQueryプラグイン 20 - NxWorld

  • 【jqueryでタイルレイアウト】masonryの使い方 - Qiita

    jqueryでタイルレイアウトをしたい 最近、デジタルコンテンツ販売のサイトを運営し始めました。このとき思ったのが、「ある一定領域のなかであれば、どれだけボックス要素（サムネイルと商品名）を増やしても、自動でうまい具合に流し込みたい」ということでした。 なぜなら、通常のリストだけでは敷き詰められたボックス要素が横幅を超えると「横幅いっぱいになったから次にズレそう」といのをしてくれなくて横一列に詰めまくってレイアウトが崩れてしまうからです。 これを回避するには、何個かのボックス要素ごとにリストタグを追加しないといけません。とても面倒ですよね。そこでいくつか探していると、masonry（メーソンリー？マソンリー？）がjqueyでタイルレイアウトをやるのに簡単で設定しやすいということがわかったので、画像とテキストをセットにしてタイルレイアウトさせる方法を紹介します。 ファイルパスの指定方法は、絶

    【jqueryでタイルレイアウト】masonryの使い方 - Qiita

  • http://emiac-works.com/coding/jquery/js-carousel-slick/

    http://emiac-works.com/coding/jquery/js-carousel-slick/

  • jQueryで楽になる部分、楽にならない部分、顧客が本当に必要だったもの - Qiita


    俺も昔はお前のような jQueryスパゲッティジェネレーターだったのだが、膝にReactを受けてしまってな… 基本的な方針 とくにライブラリ設計者において、小さなモジュールを単機能で分割する以上、ライブラリ設計者は可能な限り依存を減らすことを求められます。node環境ならdependency hellの回避のため、フロントエンド環境ならファイルサイズを減らすためです。 ライブラリ設計者ならずともコードのポータビリティを維持するため、できるだけライブラリに依存しないコードを書くのが望ましいです。 Githubみてる限り、最近書かれるJSのライブラリの多くはjQuery非依存です。ユーザーから見る限りは、jQueryElement渡すかHTMLElement使うかぐらいの違いですけどね。 また、Angular, React等のSPAをスクラッチで設計する場合、気づいたらjQueryを使っていな
    jQueryで楽になる部分、楽にならない部分、顧客が本当に必要だったもの - Qiita

  • JSといえばjQueryだったWebデザイナーが、Reactを1年間使って感じたメリット｜dwango creators' blog（ドワンゴクリエイターズブログ）


    はじめまして、ほそだと申します。昨年秋まで個人事業主の立場でドワンゴでお仕事させていただいておりましたが、いろいろ経緯がありまして中の人になりました。ドワンゴ歴はそこそこ長い新入りです。よろしくお願いいたします。 さて、今回はデザイナー︵HTML/CSS/JSは扱えるいわゆる﹁Webデザイナー﹂︶として1年間ほどReactを使ってみたので、そのメリットを書いてみようかと思います。 Reactとの出会い ReactとはFacebook製のJSライブラリです。 https://facebook.github.io/react/ WebアプリケーションのView部分を実装します。2014年の暮れにエンジニアの方々が魂を震わせているのを見て存在を知りました。2015年はReact元年な感じでしたよね。 僕自身、以前から比較的JSを書くタイプのデザイナーではありましたが、正直なところ自分が関わってき
    JSといえばjQueryだったWebデザイナーが、Reactを1年間使って感じたメリット｜dwango creators' blog（ドワンゴクリエイターズブログ）

  • 2015年総まとめ、jQueryのプラグインとスクリプト100選

    毎年恒例のjQueryのプラグインとスクリプトの総まとめを紹介します。「100選」の名称は恒例なので、実際は100以上あります。 今年目立ったのは、ランディングページなどの縦長ページ系、スクロールエフェクト系・CSSやSVGのアニメーションでしょうか。あとレスポンシブ周りも単にサイズ変化に対応させるだけでなく、ユーザビリティを向上させるものが充実していました。 背景関連 SVG関連 縦長ページ関連 スクロール連動・パララックス関連 その他スクロール操作・補助関連 レスポンシブ関連 ナビゲーション関連 レイアウト関連 コンテンツ生成関連 コンテンツ紹介・ツアー関連 ソーシャル関連 スライダー・カルーセル関連 画像拡大・配置・キャプション関連 アニメーション関連 エフェクト関連 テキスト関連 タブ・アコーディオン関連 テーブル・リスト・チャート関連 フォーム関連 パネル・ボックス関連 モーダル

    2015年総まとめ、jQueryのプラグインとスクリプト100選

  • ものっすごい簡単にGoogleマップAPIを操作出来るjQueryGoogleMAPプラグイン


    タイトルで全部言っちゃってる気がしないではないですが、WebサイトにGoogleMAPを設置して、色々と簡単にAPIを叩けるプラグインです。 ちなみにこの記事の為にこのjQueryプラグインを読み込むなんてことはしておりませんので、説明で使用しているMAPは全てキャプチャー画像です。本来なら、ぐりぐりと拡大縮小出来るあのMAPを貼り付ける事が出来ます。気になる方は、最後に紹介するチュートリアルページをご覧になっていただければ、わかると思います。 まずは呼び出し 基本の呼び出し。 まずはページのどっかに書いて読み込みましょう。 <script src="javascripts/jquery.js"></script> <script type="text/javascript" src="//www.google.fr/jsapi"></script> <script type="text/
    ものっすごい簡単にGoogleマップAPIを操作出来るjQueryGoogleMAPプラグイン
    kibitaki
    kibitaki 2015/10/25
    jQueryプラグイン紹介するなら検証ぐらいはしようぜーヘイヘーイ！
    リンク

  • [JS]縦長ページに実用性とデザイン性を兼ね備えたスクロールメニューを設置するスクリプト -ScrollMenu

    デフォルトのスクロールバーも表示 ブラウザのデフォルトのスクロールバーを併用することも可能です。 ScrollMenuの使い方 Step 1: 外部ファイル 当スタイルシート・スクリプト、jquery.jsを外部ファイルとして記述します。 <head> ... <link rel="stylesheet" type="text/css" href="scrollmenu.css"> </head> <body> ... コンテンツ ... <script src="jquery.js"></script> <script src="scrollmenu.js"></script> </body> Step 2: HTML 各コンテンツは、section要素で実装します。 <section class="section" id="section1"> <div class="content"

    [JS]縦長ページに実用性とデザイン性を兼ね備えたスクロールメニューを設置するスクリプト -ScrollMenu

  • Best JavaScript Debugging Tools | Learning jQuery

    Tips, techniques, and tutorials for the jQuery JavaScript library Debugging JavaScript code can be real pain in ass as finding errors in bunch of code is quite time consuming and arduous task for developers. In this article we have gathered some of the Best JavaScript Debugging Tools that will turn out to be handy while debugging millions of JavaScript code without much hassle and help you to achi

  • 1 2 3 4 5 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.