[B! *jQuery] yamadarのブックマーク

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

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

yamadar 2024/03/19

コメントが本番

リンク

デジタル庁でjQueryが何をしているのか - laiso

TL;DR: jQueryはDrupalのバーターリニューアルするたびにWeb界隈の一斉レビューを受けることでお馴染のデジタル庁ポータルサイトがいつの間にかまたリニューアルされていて、フロントエンドがNext.jsからDrupalに変わって話題になっていたので1、私も旅券所持者として国政に関心を持ってゆくまた、まわりのフロントエンドエンジニアの間でjQuery氏の入庁について「モダンブラウザ全盛の時代に必要か？」と疑念がとなえられていたので、これも追求してゆきたいどのような変更があったのかシステム変更の経緯はプロジェクトの関係者であるHal Sekiさんの発言が正確なところだと思う Drupalが話題ですが、元々CMS側は2年前からずっとDrupalだったんです。設立当初はサイトもシンプルだったのでフロントエンド側はNextjsでヘッドレス構成だったのですが、構成が複雑になってきて

yamadar 2023/12/15

分析から当事者の試行錯誤が垣間見えて読んでいて面白い。記事を書いてくれてありがとうございます

リンク

「jqueryとかbootstrapってオワコンだよね」という人がいますが、本当にオワコンなんですか？どの辺がオワコンなんですか？

回答 (9件中の1件目) 使える人が増えて、人材としてのコストが下がったからじゃない？昔ほど使えるからってたくさん給料が貰える訳じゃないかならね。雇う側からしたら、安価で頼めるから全然終わって無いんだけど（笑）むしろ使いこなせる人が増えると依頼を掛けやすくて良いよね。もちろん、イイデザインに仕上げてくれるのなら高いお金を払う価値はあると思っています。道具としてマズくなかったら全然問題ない。

yamadar 2023/04/22

『jQueryというのはReact.jsみたいなUIフレームワークではないのです。オワコンはオワコンですけど、単に「流行が過ぎた」のではなく、「その歴史的な役目を終えた」というのが正しい見方です』

リンク

Chromeに実装された疑似クラス「:has()」がjQueryの「:has()」に悪影響、一定の条件下でWebサイトが壊れる可能性

Chromeに実装された疑似クラス「:has()」がjQueryの「:has()」に悪影響、一定の条件下でWebサイトが壊れる可能性最近リリースされたSafariとChromeで、CSSのSelectors Level 4（現時点でドラフト）仕様にある疑似クラス「:has()」が相次いで実装されました。疑似クラス「:has()」は、カッコ内に要素を書くと、その要素を持つ親要素にのみ指定したスタイルを設定できる、という便利な機能を提供してくれます。ところがこの「:has()」のChromeにおける実装は、jQueryで似たような機能（カッコ内の要素を持つ親要素を選択する）を提供する「:has()」に悪影響を及ぼし、このjQueryの「:has()」を使っているWebサイトでは、Chromeを利用した場合に一定の条件下でWebサイトが壊れるなどの問題を引き起こすことが分かりました（同じエ

yamadar 2022/09/21

『jQueryの拡張セレクタを使っていないくても、jQueryは通すがCSS仕様としては通らない書き方に依存したコードだと問題になる。具体的に見つかってるものとして、`:has()`のネストと、属性セレクタの値の書き方がある』

リンク

jQuery UIとjQuery Mobileがついに開発終了、今後はメンテナンスのみに。jQuery本体は引き続き積極的に開発

jQuery UIとjQuery Mobileがついに開発終了、今後はメンテナンスのみに。jQuery本体は引き続き積極的に開発 JavaScriptのUIフレームワークであるjQuery UIと、モバイルアプリケーション向けフレームワークであるjQuery Mobileは今後新規機能の開発が行われず、jQuery UIについてはメンテナンスへ移行、jQuery MobileについてはDeprecated︵利用を推奨せず︶になることがOpenJS Foundationから正式に発表されました。 jQuery UIは2007年に登場、jQuery Mobileは2011年に登場しました。一時期はWebサイトなどで広く使われ、関連書籍なども数多く出版された主要なライブラリ群の開発が正式に終わることになります。ただしjQuery本体の開発は引き続き積極的に行われていくとのことです。 Follo

yamadar 2021/10/12

リンク

スナック「jQuery」 - Qiita

……あら、いらっしゃい。若いお客さんなんて珍しいわねえ。昔は、この街一番の人気店でね、若いお客さんもたくさんいたんだけどさ。最近はめっきり減っちゃってね。何飲む？　……水割り？　わかったわ。じゃあさ、ちょっとだけ、あたしの昔話に付き合ってもらってもいいかしら。 What is jQuery? この店――﹃jQuery﹄がオープンしたのって、2006年なんだけどさ。その頃の、この街の様子って覚えてる？　……知らないか。あなた、まだ若いもんね。その頃って、そりゃあヒドイもんだったのよ。その頃、シェア率トップだったブラウザって、もちろんInternet Explorerだったんだけど。当時はバージョン7が登場したばかりで、あの悪名高きIE6もまだまだ主流だったの。他のブラウザは、Safariがバージョン3がMacとWindowsに公開されていた頃で、Firefoxはまだバージョン2.0

yamadar 2020/05/07

「あたしの出番が無くなったっていう事は、めでたいことじゃない。それだけJavaScriptもブラウザも、それから開発手法も進化したって事なんだから」泣けるからやめろ／タイトルで吹いた。

リンク

I Need jQuery

It has been a long time since you said "You Don't Need jQuery", but it's still useful for doing DOM operation in user script etc.1 Get elements In native, element getter methods has too many kinds and has too long name. In jQuery, $() is all. Get element by selector Native

yamadar 2018/01/06

コメントが本番だった

リンク

これからは今まで以上に、jQueryが必要なくなるかもしれない

3, 4年前あたりから、jQuery無しでこう記述するとか、jQueryの一部の機能を代替する軽量スクリプトなどが出始めました。 2017年も半年が過ぎ、その状況はさらに変わり始めています。 (Now More Than Ever) You Might Not Need jQuery 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。現在のブラウザ事情 jQueryに替わる、JavaScriptの選択肢マイクロライブラリの台頭 IE9への対応はポリフィルで NodeListの反復 jQueryは遅いのか？ jQueryについて私が嫌いなもの $なしでは生きていけない？現在のブラウザ事情 jQueryが2006年にリリースされてから、DOMとブラウザのAPIは飛躍的に向上しています。2013年に「You Might Not Ne

yamadar 2017/07/14

jQueryの、かつての貢献にありがとうと言いたい

リンク

JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～ - Qiita

JavaScript,jQueryの爆速コーディング、デバッグ方法論の勧め～実践向け逆引き(windows,chrome向け)～JavaScriptjQuery ※2017/4/21にオンロード時のデバッグ方法8を追記しました！こんにちは！エイチーム引越し侍の加藤です！みなさんJavaScript書いてますか？ console.logめっちゃ使うよねーって人は目からうろこのデバッグ方法を、ケース毎に紹介していこうと思います。(僕はconsole.log使いません) サーバーにデバッグ用のコードをアップロードすること無いので、消さずに意図に反してリリースしてしまう危険性がないのもお勧めです。前提知識 F12で出てくるデベロッパーツール(Elements, Console, Source, Network)の知識 Ctrl+Shift+Fで外部ソース(js,css)に対して一括検索が

yamadar 2017/04/05

リンク

【翻訳まとめ】jQuery 3.0 アップグレードガイド - Qiita

はじめに jQuery 3.0が正式リリースとなったので、最新のアップグレードガイドをまとめようと思います。原文から一部わかりやすいように言い換えたり、補足したり、省略したりしています。注意: 長いです。主要な変更点は前回の記事︻翻訳まとめ︼jQuery 3.0 alpha リリースノートを参照してください。 jQuery Core 3.0 Upgrade Guide全体像 APIを綺麗にしてバグを修正しました。 - 一部破壊的な変更があり - 既に非推奨と公表していたAPIを削除 - ドキュメントにない隠しAPIの削除 - 特定の入力値に対する既存APIの振る舞いを修正サポートブラウザ IE9 以上 Chrome, Edge, Firefox, Safariの最新版とそのひとつ前のバージョン Operaの最新版 iOS 7 以上のモバイルSafari Android 4.0以上

yamadar 2016/06/29

リンク

Reactを使うとなぜjQueryが要らなくなるのか - Qiita

はじめに React︵通称 React.js1︶を全く知らない、あるいは幾つか記事を見たけどなんなのかピンと来ていない、という人のために書いています。﹁jQuery くらいしか知らない﹂くらいの人に具体的に雰囲気を知ってもらうのが目的であり、すでにやる気がある人向けのチュートリアルではありません。やる気が出れば日本語版ドキュメントを読んで手を動かせばあっという間なので、そこまでの興味が出ることを目標にしています。以降では ES2015 (ES6) の文法︵アロー関数とか︶を使っています。この部分が怪しい人は先にアロー関数と const 文だけでも知ってから先に進んでください。以下の説明中、このアイコンで表すのは︵2023 年現在から見た︶﹃昔話﹄です。新しく自分のコードを書く際には本来知らなくていいことですが、古い記事を見たときに混同しないための参考情報として書いてあります。この記事

yamadar 2016/06/08

リンク

You Don't Need jQuery - Qiita

注意とお願いこの記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。ひとつお願いがあります。﹁あれ、動かないぞ﹂というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構です。﹁これはもう動かないよ﹂という印をつけたいのです。この記事はYou Don't Need jQueryの日本語訳と同じ内容です。先日ひょんなことからYou Don't Need jQueryの日本語訳をさせていただきました。著者のCam Songさんからも快諾をいただけたので1、Qiitaでも公開させていただきます。なお、本家の英語の説明は継続的にメンテされているので、この記事の情報は古くなっている可能性があります。追記この記事は当初は﹁もうjQueryは必要ない﹂というタイトルで

yamadar 2016/04/13

まじかよjQuery便利だな！

リンク

jqueryでselectorを指定するときに[]をエスケープする方法 - リア充爆発日記

railsだとinputでname="user[name]"のようにかっこを使ったnameを使う。これをjqueryで $form.children("input[name=user[name]]") ってやると通らない。[]をエスケープする必要がある。なにでエスケープするかだけども $form.children("input[name=user\\[name\\]]") バックスラッシュ2つだった。ここにちゃんと書いてあった。 http://api.jquery.com/category/selectors/

yamadar 2015/12/15

*jQuery

リンク

[JS]このアイデアは面白い！セレクトボックスの選択肢をすぐに選択できるようにするスクリプト -Quick[select]

フォームのセレクトボックスは多くの選択肢を配置できる便利な要素ですが、他のフォームと操作性が異なるため一連の流れで入力しにくいのが弱点です。セレクトボックスの操作性を改善し、デザインも簡単に変更できるスクリプトを紹介します。Quickの名前の通り、すぐに選択できるようになります。通常のセレクトボックスの挙動セレクトボックスは、タップとクリックの2つのオペレーションがあります。これはフォームの他の要素と操作性が異なり、ユーザーをフォームの一連の流れから外してしまうものです。そこで注目すべき点は、通常セレクトボックスの選択肢の中にはより多く選択されるものがあることです。上記の例だと、「はい」「いいえ」が多いでしょう。 Quick[select]は、セレクトボックスの選択肢の中から、いくつかを表示させておくことができます。

yamadar 2015/11/12

リンク

React.jsではなくRiot.jsを採用した話、運用中サービス『GAMY』でリニューアル - Qiita

今回、ゲーム攻略コミュニティ﹃GAMY﹄というサービスでRiot.jsを採用しました。知る限りでRiot.jsで実装されたサイトの中でも最大規模のサービスだと思います。これまではjQueryとjQueryプラグインを使っていましたが、デザインのリニューアルを機に、全部書き換えることにしました。ドキュメントも兼ねてアウトプットしていきます。 Riot.jsとは Riot.jsは今流行りのReact.jsに似た仕組みを持っている、それで非常に軽量なJavaScriptライブラリーです。最近GitHubのリポジトリが/muut/riotjsから/riot/riotにお引っ越しして、これからがより注目なライブラリーです。詳しくはこちら↓ Riot公式 Riot.js 2.0 情報まとめ GitHub 捨てることを前提としたライブラリー選定最初は今ブームの2大フレームワークとなっている﹃

yamadar 2015/07/29

リンク

autocomplete で入力中に候補を選択した場合、フォームにセットされない - Qiita

autocomplete 便利ですね。でも日本語だと、入力中でもサジェストが表示されて「あら便利」と候補を選択してもフォームにセットされません。場合によっては選択した候補と入力中の文字が混ざったりと変なことになります。そういった場合の対応方法。 select メソッドでフォーカスを外してあげるといい感じに動きます。

yamadar 2015/07/06

リンク

jquery.tablefix.js

»Download jquery.tablefix.js は、Excel のウィンドウ枠固定のように、テーブルのヘッダや左側を固定して、残りの部分をスクロールさせるための、jQuery プラグインです。 JavaScript 無効時はただのテーブルとして普通にそのまま表示される点と、他の類似品と違ってソート変更などの高度な機能がない代わりに、すでにデザイン済みの任意のテーブルにそのまま適用出来る点が特徴です。読み込むのはプラグインだけで、追加の css や画像ファイルは必要ありません。使い方普通にテーブルをデザインする jQuery とプラグインを読み込む jQuery のセレクタでテーブルを選択して、プラグインを呼び出すこれだけで、あとはプラグインがよかれにやってくれます。プラグインの呼び出し方 $('tableSelector').tablefix({width: 600,

yamadar 2015/07/05

色々試して一番シンプルなので利用させて頂いた。ちょっと気になるところがあったので、ラッパーを作成。パフォーマンスなど問題があるので、やる気が起きたら一から書き直すと思う。

リンク

【jQuery】プラグインの作り方 - Qiita

//POINT1 即時実行の無名関数で囲うこと (function($) { $.fn.sample = function(option){ //POINST2 パラメータとデフォルト値のマージ var defaults = {text:'hello'}; var option = $.extend(defaults,option); //ここに処理を書く！ //POINT3 メソッドチェーンに対応するためthisを返す return(this); }; })(jQuery); jQueryを読み込んで、プラグインの定義したファイルを読みこむ。 jQueryオブジェクトのメソッドにプラグインが追加されているので実行できる。

yamadar 2015/07/01

リンク

DateTimePicker - XDSoft plugins, scripts, program, parsers

PeriodPicker or TimePicker or PeriodDateTimePicker Try another perfect period picker or cool datetimepicker. Used TimePicker or perioddatetimepicker Compact mode like this datetimepicker mode or cute timepicker (touchable,draggable,use keyboard and mousewheel, support mobile devices). Read more Buy and Download Read more ... How do I use it? First include to page css and js files <!-- this should

yamadar 2015/04/06

Datetimepicker, 時分秒までのデートピッカー

リンク

jQuery plugin: Tablesorter 2.0

yamadar 2015/03/31

なんだかんだで結構お世話になっている。jQuery 作者謹製のスクリプト。だいぶ前に browsers が無くなったけど、そこは普通にMSIE を判別すればOK

リンク

はてなブックマーク

タグ

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

*jQueryに関するyamadarのブックマーク (213)

お知らせ

今週のはてなブックマーク数ランキング（2024年6月第4週）

今週のはてなブックマーク数ランキング（2024年6月第3週）

今週のはてなブックマーク数ランキング（2024年6月第2週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス