jQueryに関するtrashtoyのブックマーク (39)

  • 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を使用している理由
    trashtoy
    trashtoy 2019/06/05
    同意. API がシンプルで使い勝手が良いというだけで充分に採用の決め手になっている
  • jQuery 3.3登場、約1年ぶりのアップデート。新機能も追加

    JavaScriptライブラリとして知られるjQueryが約1年ぶりにアップデートされ、「jQuery 3.3」が1月19日付けでリリースされました。 1つ前のバージョンであるjQuery 3.2のリリースが2017年3月16日で約10カ月前、さらにその前のバージョンであるjQuery 3.1のリリースがそこから8カ月前に遡る2016年7月7日ですので、jQueryはゆっくりながらも着実にアップデートされてきたといえるでしょう。 配列に対してまとめてクラスの追加や削除が可能に 新機能として.addClass()、.removeClass()、.toggleClass()の3つのメソッドが、列挙されたデータに対して利用可能になりました。以下がその例です。 jQuery(elem).addClass([ 'dave', 'michał', 'oleg', 'richard', 'jason',

    jQuery 3.3登場、約1年ぶりのアップデート。新機能も追加
  • jQueryが必要とされなくなってきたのは, Reactなどの他のフレームワークが登場したせいではなく, 標準DOM APIが進歩したおかげです

    jQueryが必要とされなくなってきたのは, Reactなどの他のフレームワークが登場したせいではなく, 標準DOM APIが進歩したおかげです JavaScript Advent Calendar 2017 - Qiitaの2日目の記事です. 何故この記事を書こうと思ったか JavaScriptの定番ライブラリであるjQueryは, 最近以前と比べて必要とされなくなってきました. その理由はよく, Reactなどの他のフレームワークが登場したせいだと勘違いされています. しかし, jQueryが必要とされなくなってきた理由は標準DOM APIの進歩によるものです. この記事ではそれを書いていきます. なお, この記事ではReact Nativeについて触れる必要がないため, React DOMのことも一緒くたにReactと記述します. また, 私がweb開発を開始したのは3年前ぐらいから

    jQueryが必要とされなくなってきたのは, Reactなどの他のフレームワークが登場したせいではなく, 標準DOM APIが進歩したおかげです
    trashtoy
    trashtoy 2017/12/01
    理解しつつも, 慣れてるからという理由でいまだに jQuery を使っている
  • jQueryは有害なのか | POSTD

    ずっと「~は有害なのか」という記事を書いてみたかったんです ^(1) 。 まず題に入る前に、1つ言わせてください。 jQueryはWeb業界の発展に大いに役立った と私は考えています。jQueryがあることで、開発者はこれまで想像もできなかったことをできるようになりましたし、そういった機能をブラウザの製作者がネイティブに実装するきっかけにもなりました(もしjQueryが開発されていなければ、今でもdocument.querySelectorAllは存在していなかったでしょう)。jQueryは、今ある便利なツールを使うことができなかったり、IE8やそれ以下の過去の遺産をサポートしなければならない際に今でも必要になってきます。 しかし、そのようなケースはもはや稀なものとなりました。Web開発者の大半は、マーケットシェアの縮小した古いブラウザをサポートする必要はありません。更に、忘れてはならな

    jQueryは有害なのか | POSTD
  • jquery.kerning.js

    jQuery.Kerning.js A jquery plugin which adjust text kerning in HTML. Get Source Demo うつくし明朝 - plain ポラーノの広場 あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。 うつくし明朝 - kerned ポラーノの広場 あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。 M+ 2m Regular - plain ポラーノの広場 あのイーハトーヴォのすきとおった風、夏でも底に冷たさをもつ青いそら、うつくしい森で飾られたモーリオ市、郊外のぎらぎらひかる草の波。 M+ 2m Regular - kerned ポラーノの広場 あのイーハトーヴォ

    trashtoy
    trashtoy 2014/09/08
    テキストがspanでザクザクに斬られるのがちょっと抵抗感がある
  • jQuery でなんか書くときのちょっとした規約 - 犬ターネット

    規約ってほどでもないけど、jQuery でコード書くときは以下みたいな感じで書くことが多くなった。 どう書こうが好みだろうけど、jQuery オブジェクトに $ を付けるくらいはしといたほうがよい。

  • Chromeで日本語入力を禁止する - Qiita

    Chrome日本語入力を禁止したい ・IEやFFと同じようにChromeで日語の入力を禁止したい ・ChromeCSSのime-mode:disabledに対応していない ・「とにかくヤレ」と神の声を賜ったので、JavaScriptで頑張ってみる 2015/9/17編集 masa-kunikataさんアドバイスの正規表現方式に変更。 textareaで改行・タブもとおるようにしました。 jQuery(document).ready(function() { // ime-modeが使えるか var supportIMEMode = ('ime-mode' in document.body.style); // 非ASCII var noSbcRegex = /[^\x00-\x7E]+/g; // 1バイト文字専用フィールド jQuery('.sbc_field') .on('key

    Chromeで日本語入力を禁止する - Qiita
    trashtoy
    trashtoy 2014/07/14
    だが断る。そんなことされたら、コンソールから操作してそのbindを解除するまで。(辞書登録でいろんな文字列を一発入力できるようカスタマイズしているので、IMEを勝手に無効化されては困る)
  • [JS]映画のエンドロールみたいな演出を加えるスクリプト -End Credits

    End Creditsの使い方 Step 1: 外部ファイル 当スクリプトとjquery.jsを外部ファイルとして記述します。 <body> ... <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script> <script src="static/endcredits.js"></script> </body> Step 2: HTML まずは、エンドロールを呼び出すボタン。 <a href="#creditos" name="creditos">Open Credits</a> エンドロールはdiv要素などに「#credits」を付与し、その中に記述します。通常時は表示されず、ボタンをクリックをすると表示されます。 <!-- Start of Credits -->

    trashtoy
    trashtoy 2014/06/27
    後半に色々とロゴが出てくるあたりとか、エンディング感がすごいw
  • jQuery Background Position

    A jQuery plugin that allows the position of a background image to be animated. The current version is 1.1.1 and is available under the MIT licence. For more detail see the documentation reference page. Download now Basics Positions Options In the Wild Quick Ref You can animate the position of a background image as either 'backgroundPosition' or 'background-position', providing both the horizontal

  • jQuery の.on()をもういっぺん理解してみる - あまり新しくないもの

    jQueryのイベントハンドリングには、現在 .on(),.off()のみが推奨されて利用されています。 その基的な使い方はこんなかんじでした。 $(element).on(event, function() { console.log('event fired!'); }); この場合、対象となる$(element)において指定したeventが発火した時に、コールバック関数が呼び出されます。非常に直感的ですね。 ところで、これは以前の.bind()と全く同じです。 .bind()の場合は、指定したずばりその要素に対してのみ、イベントハンドリングを行います。よって、.bind()が呼び出されたその時点で存在しない要素に対しては、たとえセレクタが一致していたとしてもハンドリングが行われません。 このことを利用すれば、イベントハンドリングをしたいまさにその要素にのみ、たとえその後同じセレクタ

    jQuery の.on()をもういっぺん理解してみる - あまり新しくないもの
  • とんかつQ&A「スクリプト」 | ホームページ作成サービス「グーペ」のキャラクターブログ「とんかつ教室」

    ロースおじさんこんにちわ。わたくしとある会社で技術職をしておりますが、今回弊社のホームページに画像ギャラリーを設置しようと思っています。 http://robertnyman.com/picture-slides/demo-packages/gallery/index.html こちらのスクリプトが理想に近いのですが、最後の画像を表示したあとに最初の画像に戻るように、また最初の画像のときに「戻る」で最後の画像が表示するようにしたいのです(要するに画像の並びをループさせたい)。どうしたらいいのかわからないので助けてください! ふーむ、なるほどねぇ。おじさんの見たところ、このプラグインには予め“loopSlideshow”っちゅうオプションが用意されとるようやから、これを“true”に設定すればええんやないかな。 ただ“loopSlideshow: true”にしても最初の画像の戻るが最後につ

    とんかつQ&A「スクリプト」 | ホームページ作成サービス「グーペ」のキャラクターブログ「とんかつ教室」
    trashtoy
    trashtoy 2014/05/02
    おそらく内部にエスカレーションしているんだろうけれど、いつもの口調でまとめあげたのが凄いw / このブログでこのタグを使う日が来るとはw
  • 見つけた便利MV**ライブラリを紹介するときにjQueryをスケープゴートにするのをいい加減に止めろ - saneyuki_s log

    オレオレMV**フレームワークを紹介する際にjQueryを引合いに出して語る事案が多く、そこで語られるjQuery批判が的外れもいいところなのが散見されるので書きました。 Abstract MV**便利フレームワーク・ライブラリを紹介するときに、jQueryの一番イケてない書き方を引き合いに出して比較して「こんなにすごいんです」と紹介するのは不毛極まりないのでいい加減に止めろ jQueryで書いたコードがひどいのは、クライアントサイドWeb(あえてこう書く)が過去10年近くにわたって設計を軽視してきた結果であり、その根が変わらない限り、問題は変わらない jQueryエンジニアをdisりながら、Angularエンジニアを産み出すとかギャグじゃないの? 私個人のjQueryに対する見解 だいたい同意する意見: jQueryについての私見 - mizchi's blog mizchi / いか

    見つけた便利MV**ライブラリを紹介するときにjQueryをスケープゴートにするのをいい加減に止めろ - saneyuki_s log
    trashtoy
    trashtoy 2014/03/24
    jQueryがあまり綺麗なライブラリじゃないというのは作者本人が実際言っていた気がする
  • SVGMagic

    div要素の背景画像としてSVGを使用します。 SVGMagicの使い方 Step 1: 外部ファイル jquery.jsと当スクリプトを外部ファイルとしてhead内に記述します。 <head> ... <script src="http://code.jquery.com/jquery-1.10.1.min.js"></script> <script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <script src="SVGMagic.min.js"></script> </head> SVG画像をPNG画像に変換するのには、PHPを使用しています。 converter.php(ダウンロードファイル一式に含まれています) SVGMagic.min.js内では、配布元のサーバーのファイルを参照してい

  • jQuery 1.11 and 2.1 Released | Official jQuery Blog

    Here in the eastern part of the United States, we’re huddling in subzero temperatures and dealing with the aftermath of a snowstorm. Still, there’s nothing to brighten our moods like the pristine beauty of a freshly fallen release–no, make that TWO releases. jQuery 1.11.0 and 2.1.0 are ready to keep you warm on these dark winter nights. You can get the files off our CDN as always, and either use t

  • s3pw.com

    This domain may be for sale!

    trashtoy
    trashtoy 2013/12/16
    待望の Restful API になった
  • $.onScreen();

    A jQuery plugin that does stuff to elements when they enter or leave the viewport Download How to use Basic usage The basic form $('element').onScreen(); will only toggle the onScreen class on the matched elements. This is optimal for CSS animations, like the demos section above. You can set the tolerance parameter and allow the elements to enter the viewport certain amount of pixels before doing

    trashtoy
    trashtoy 2013/11/07
    ありそうでなかった jQuery プラグイン。いわゆる autoPagerize 的な処理が簡単に出来るのがいいね!
  • Loading...

    trashtoy
    trashtoy 2013/09/11
    ブコメを読むとJavascriptのサンプルをゴリゴリ使ったWebページらしいが、うちのウイルスバスターが「危険のWebサイト」と判断しちゃってる件。
  • jQuery 2.0 Released | Official jQuery Blog

    You asked for it, you got it: jQuery 2.0 has arrived! As promised, this version leaves behind the older Internet Explorer 6, 7, and 8 browsers. In return it is smaller, faster, and can be used in JavaScript environments where the code needed for old-IE compatibility often causes problems of its own. But don’t worry, the jQuery team still supports the 1.x branch which does run on IE 6/7/8. You can

  • ajaxHooks/src/ajax/xdr.js at master · tlianza/ajaxHooks

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    ajaxHooks/src/ajax/xdr.js at master · tlianza/ajaxHooks
  • http://s3pw.com/jQ-JPN/