はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ jQuery

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 1000件)

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

2024/03/18 このエントリーをはてなブックマークに追加 166 users Instapaper Pocket Tweet Facebook Share Evernote Clip React htmx 珠玉 CEO エッセイ

HTMXのCEOに就任したので[1]、記念に記事を書きたいと思います。 HTMXサイトのエッセイ[2]はどれも珠玉の出来で評判ですが、それらを読んでもわかるとおり、HTMXは「Webはこうあるべき」という主義主張のあるライブラリです。その主義主張のかなり初歩的な前提を書きたいと思います。 Reactはなぜだめか、という話です。... 続きを読む

jQuery 4.0β版が登場。バージョン3.0から8年振りのメジャーバージョンアップへ。IE10以前のサポートは終了に

2024/02/12 このエントリーをはてなブックマークに追加 8 users Instapaper Pocket Tweet Facebook Share Evernote Clip メジャーバージョンアップ 登場 サポート 終了 8年振り

jQuery 4.0β版が登場。バージョン3.0から8年振りのメジャーバージョンアップへ。IE10以前のサポートは終了に JavaScriptライブラリ「jQuery」の次期版として開発中の「jQuery 4.0ベータ版」が公開されました。 今年中にjQuery 4.0正式版がリリースされれば、2016年6月にリリースされたjQuery 3.0以来8年振りのバージョン... 続きを読む

漢は黙ってjQuery

2023/12/15 このエントリーをはてなブックマークに追加 5 users Instapaper Pocket Tweet Facebook Share Evernote Clip

TSX First な Zero-Runtime SSG potato4d/dodai とその仕組み / owned static site generator #kyotojs 続きを読む

jQueryは1個の要素と複数個の要素を同じように書かせる - fsubal

2023/12/15 このエントリーをはてなブックマークに追加 115 users Instapaper Pocket Tweet Facebook Share Evernote Clip querySelectorAll fsubal 複数個 要素

#フロントエンド #設計 #JavaScript 「1個の要素と複数個の要素を同じように書かせる」というのが実は jQuery の特徴の一つだと思っている。 document.querySelector() や querySelectorAll が出現して以降 jQuery の必要性はほとんどなくなったと言われる。 実際にこんなサイトもあるし https://youmightnotneedjquery.... 続きを読む

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

2023/12/14 このエントリーをはてなブックマークに追加 399 users Instapaper Pocket Tweet Facebook Share Evernote Clip Drupal laiso フロントエ バーター 国政

TL;DR: jQueryはDrupalのバーター リニューアルするたびにWeb界隈の一斉レビューを受けることでお馴染のデジタル庁ポータルサイトがいつの間にかまたリニューアルされていて、フロントエンドがNext.jsからDrupalに変わって話題になっていたので1、私も旅券所持者として国政に関心を持ってゆく また、まわりのフロントエ... 続きを読む

Next.js vs Drupal - デジタル庁 Web サイトの戦い

2023/12/13 このエントリーをはてなブックマークに追加 105 users Instapaper Pocket Tweet Facebook Share Evernote Clip 戦い デジタル庁 web Drupal before

Hal Seki (@halsk.bsky.social)🛡️ @hal_sk Drupalが話題ですが、元々CMS側は2年前からずっとDrupalだったんです。設立当初はサイトもシンプルだったのでフロントエンド側はNextjsでヘッドレス構成だったのですが、構成が複雑になってきてヘッドレスでは持たなくなってきたという話で。 twitter.com/hal_sk/status/… 2023-... 続きを読む

【月間9000万PVのPR TIMES】プレスリリース掲載ページの Next.js 移行でやったこと | PR TIMES 開発者ブログ

2023/12/13 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip 移行 Next.js PR TIMES 開発者ブログ PHP

こんにちは!PR TIMES 開発本部フロントエンドエンジニアの岩元 (@yoiwamoto) です。 先日、プレスリリース配信サイト PR TIMES の、月間9000万PVのPR TIMESでもっともアクセスが多い「プレスリリースページ」の実装を、PHP + Smarty + jQuery から Next.js に移行しました。 今回はこれについての詳細や難しかったこと... 続きを読む

jQueryへの別れ:現代的な開発のための必須JavaScriptメソッド - Qiita

2023/06/21 このエントリーをはてなブックマークに追加 328 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita タスク 制約 スタイリング アニメーション

jQueryは依然として有用ですが、制約もあります。2015年にリリースされたES6のブラウザサポートは、96%以上という高いレベルに達しており、要素の選択、スタイリング、アニメーション、データの取得といった基本的なタスクにおいて、jQueryからの移行を考える時期となっています。 以下は、バニラJavaScriptにおけるいく... 続きを読む

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

2023/03/20 このエントリーをはてなブックマークに追加 217 users Instapaper Pocket Tweet Facebook Share Evernote Clip いいデザイン オワコン 人材 コスト 回答

回答 (9件中の1件目) 使える人が増えて、人材としてのコストが下がったからじゃない?昔ほど使えるからってたくさん給料が貰える訳じゃないかならね。 雇う側からしたら、安価で頼めるから全然終わって無いんだけど(笑)むしろ使いこなせる人が増えると依頼を掛けやすくて良いよね。もちろん、イイデザインに仕上げてく... 続きを読む

正規表現でガチャを回せる投稿サイトを作った話

2023/01/27 このエントリーをはてなブックマークに追加 186 users Instapaper Pocket Tweet Facebook Share Evernote Clip ガチャ 正規表現 投稿サイト PHP 筆者

(映像もつくりました) 正規表現ガチャ(英語名:Regech)という、正規表現から生成されるランダムな文字列でガチャを引ける投稿サイトをはじめてのNext.jsで個人開発した話です。 筆者について 今までPHPやjQueryで開発をしてきた19歳です。 今回はじめてのNext.jsで作った成果物です。 制作期間は20日ほどです。 もし... 続きを読む

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

2023/01/23 このエントリーをはてなブックマークに追加 357 users Instapaper Pocket Tweet Facebook Share Evernote Clip React Svelte Vue 構文 jQuery使い

なぜ書いたか 筆者もWebサイト制作をそこそこ長くやってきておりいまは業務でVueを書いたりちょっとReactを書いたりSvelteを書いたりしていますが、2年前くらいまではReactやES6の構文すら書いたことがありませんでした。 WordPressでのサイト制作が多く、機能が少ないサイト制作会社ではjQueryで充分なことも多く、恥ず... 続きを読む

Chromeの疑似クラス「:has()」がjQueryの「:has()」に悪影響を及ぼす問題が解決へ。Chromeは回避策実装、jQueryは新バージョンで対応

2022/12/21 このエントリーをはてなブックマークに追加 63 users Instapaper Pocket Tweet Facebook Share Evernote Clip Has CSS Chrome 疑似クラス 一定

Chromeの疑似クラス「:has()」がjQueryの「:has()」に悪影響を及ぼす問題が解決へ。Chromeは回避策実装、jQueryは新バージョンで対応 8月にリリースされたChrome 105で実装されたCSSの疑似クラス「:has()」が、jQueryに以前から備わっている「:has()」に悪影響を及ぼし、一定の条件下ではjQueryを使ったWebサイトが壊れ... 続きを読む

React+Reduxによる状態管理とフロントエンドの技術的負債 ─ 長く継続するサービスのアプリケーション設計 - エンジニアHub|Webエンジニアのキャリアを考える!

2022/10/21 このエントリーをはてなブックマークに追加 122 users Instapaper Pocket Tweet Facebook Share Evernote Clip エンジニアHub React+Redux 負債 redux

React+Reduxによる状態管理とフロントエンドの技術的負債 ─ 長く継続するサービスのアプリケーション設計 遷移なく表示コンテンツを変更できるシングルページアプリケーションでは、ページの状態管理が重要になります。現在はReactによるUI構築とReduxによる状態管理を選択しているChatworkは、jQueryなどの技術的負債... 続きを読む

jQuery、今までありがとう

2022/10/01 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip JavaS 脱jQuery お世話 それら 方法

こんにちは。これまでお世話になったjQueryですが、そろそろ本当に別れを告げる時が来ているかと思います。(巷では脱jQueryとも言われていますね) なぜ必要無くなったのかにはいくつか理由があります。それらについてと、jQueryから移行する先やその方法について書いていきます。 なぜ必要無くなったのか 理由1:JavaS... 続きを読む

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

2022/09/20 このエントリーをはてなブックマークに追加 381 users Instapaper Pocket Tweet Facebook Share Evernote Clip Has CSS ドラフト Selectors Level 一定

Chromeに実装された疑似クラス「:has()」がjQueryの「:has()」に悪影響、一定の条件下でWebサイトが壊れる可能性 最近リリースされたSafariとChromeで、CSSのSelectors Level 4(現時点でドラフト)仕様にある疑似クラス「:has()」が相次いで実装されました。 疑似クラス「:has()」は、カッコ内に要素を書くと、その要素... 続きを読む

ウェブ制作で React(Next) や Vue(Nuxt)、jQuery が最近どれぐらい使われているのか調べてみた - feb19

2022/09/05 このエントリーをはてなブックマークに追加 480 users Instapaper Pocket Tweet Facebook Share Evernote Clip React Nuxt Vue ウェブアプリケーション開発

ウェブアプリケーション開発で React や Vue を使うのはまぁよくある話かなと思うのですが、マーケティングや広報活動など広告クリエイティブ系のウェブサイト制作ではどれぐらい使われているのかなと思い、暇つぶしに集計してみました。 調査方法 母集団 ウェブギャラリーサイトをいくつか見て比較的国内系のセレクトが... 続きを読む

【脱jQueryjQuery <=> vanillaJS 書き換え集

2022/06/29 このエントリーをはてなブックマークに追加 29 users Instapaper Pocket Tweet Facebook Share Evernote Clip vanilla JavaSc 脱jQuery 記憶容量 コード

jQuery <=> JavaScript全書き換え一覧ではありません jQueryで書いていたコードをvanilla(素のJavaScript)に書き換えたいけど書き方がわからなくて調べ方もピンとこない状態の自分がこれを見ることができたらきっと嬉しいと思ったのでここに供養します。 脳の記憶容量が8バイトくらいしかないので今でもシンプルにJavaSc... 続きを読む

定番「jQuery」はもう古い、イマドキのモダンWebを理解する

2022/01/10 このエントリーをはてなブックマークに追加 10 users Instapaper Pocket Tweet Facebook Share Evernote Clip 今朝 上司 いまどき フロントエンド技術 ビデオ

最新のWebサイトである「モダンWeb」では、以前のWebサイトよりも高度な技術が使われています。本特集では今どきのフロントエンド技術を活用したWebサイトの機能や仕組みを解説します。 青木進一は、業務ソフトを開発する「お台場ソフト開発株式会社」入社5年目のWeb開発エンジニアです。今朝、上司の丸山課長からビデオ... 続きを読む

マークアップエンジニアからフロントエンドエンジニアになった道のりを晒す - Qiita

2021/12/17 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita CSS 道のり 経歴 HTML

【はじめに】 フロントエンドエンジニアの kalbeekatz です。話の背景となる自分の経歴から紹介させてください。 Web制作会社でマークアップエンジニアとして HTML/CSS/JavaScript(主に jQuery)で静的な Web サイトの構築をしていました(2年間)。 その後、株式会社ニジボックスに転職し、フロントエンドエンジニアと... 続きを読む

jQueryからTypeScript・Reactまで - Viteで始めるモダンで高速な開発環境構築 - ICS MEDIA

2021/07/08 このエントリーをはてなブックマークに追加 443 users Instapaper Pocket Tweet Facebook Share Evernote Clip vite ウィード ビルドツール ICS MEDIA 作者

Vite(ヴィート=フランス語で「速い」の意味)は2020年に発表された新しいフロントエンドのビルドツールです。 開発者がVue.jsの作者であるEvan You氏であるため、Vue.jsのツールであると誤解されることもありますが、プレーンなJavaScript(バニラJS)からVue.js・React・Svelteといった流行のフレームワークまで、さ... 続きを読む

WordPress化したらslickが動かない?!原因はjQueryの処理タイミングかも | 運用・改善が得意な仙台のホームページ制作会社AndHA(アンドエイチエー)

2021/07/01 このエントリーをはてなブックマークに追加 10 users Instapaper Pocket Tweet Facebook Share Evernote Clip Slick Body アンドエイチエー PHP 仙台

静的で一度コーディングし終え、よしWordPress化(PHP組み込み)するぞ! あれ、slickが動かない、、、という経験がありませんか? それの原因はズバリ、jQueryの記述方法かもしれません。 「処理実行タイミング」については、headタグ内に記述するとか、bodyの閉じタグ直前に記述するといった、jQueryを「読み込むタイ... 続きを読む

地味に便利!さまざまなプロジェクトに適したHTMLのテンプレートを簡単に生成できる -HTML Boilerplates | コリス

2021/03/29 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス Bootstrap テンプレート HTML クッキー

普通に使えるシンプルなHTMLのテンプレートをはじめ、jQueryを使用するHTMLのテンプレート、Bootstrapを使用するHTMLのテンプレート、ソーシャルメディア用のタグを記述したHTMLのテンプレート、クッキー...記事の続きを読む 続きを読む

HTML Centricで行きたい私たち - LIFULL Creators Blog

2021/03/04 このエントリーをはてなブックマークに追加 12 users Instapaper Pocket Tweet Facebook Share Evernote Clip LIFULL Creators Blog レガシーコード

LIFULLの中島です。 近頃、LIFULL HOME'Sのフロントエンド(ここではJavaScriptのみを焦点とします)もようやく進む道を見出し、そろそろ設計方針を一新しようと試みています。 今回はそれについて話したいと思います。 現在の私たちの課題感 私たちの管理する多くのレガシーコードはDOM操作ライブラリとしてjQueryを、UI... 続きを読む

CSSのこの発想はすごい!scroll-behavior: smooth;によるページ内検索時のスクロールを除外するテクニック | コリス

2021/01/18 このエントリーをはてなブックマークに追加 18 users Instapaper Pocket Tweet Facebook Share Evernote Clip smooth コリス CSS スクロール HTML

ページにhtml {scroll-behavior: smooth;}を加えるだけで、簡単にページ内のスクロールのすべてがスムーズになります。一昔前はJavaScriptやjQueryのプラグインで実装していますが、非常に簡単に実装できるようになりました。 「すべてがスムーズになる」弊害が1つあり、ページ内検索時にも適用されてしまいます。複数の... 続きを読む

Ruby、jQueryなどの廃れていくOSSを開発している人達はどういう気持ちで日々それらを開発しているんですか? - Quora

2020/11/19 このエントリーをはてなブックマークに追加 534 users Instapaper Pocket Tweet Facebook Share Evernote Clip Quora OSS Ruby 気持ち 人達

続きを読む

 
(1 - 25 / 1000件)