ChatGPTで「jQueryでAPIを呼びだし、その結果を表示するサンプルプログラムを書いてください」と指示したら、脆弱性のあるサンプルが出てきた話

2024/09/18 23 users chatgpt Mond API ockeghem 徳丸

徳丸 浩 @ockeghem 徳丸本の中の人 EGセキュアソリューションズCTO IPA非常勤職員 YouTubeチャンネル: youtube.com/@websecstudy 匿名での徳丸への質問はMondから mond.how/ja/ockeghem DMはどなたでも送信可能ですが、返信するとは限りません blog.tokumaru.org 徳丸 浩 @ockeghem ChatGPT o1-previewで「jQueryでAPIを... 続きを読む

トロイの木馬化したjQueryがGitHubやCDN経由で拡散　米セキュリティ企業が警告

2024/07/09 37 users GitHub npm Phylum バージ トロイ

米セキュリティ企業のPhylumは7月3日（現地時間）、JavasScriptライブラリ「jQuery」の特定バージョンがトロイの木馬化され、GitHubなどで拡散していると警告した。 同社は5月26日、パッケージ管理システム「npm」でトロイの木馬化されたjQueryを確認。少なくとも1カ月にわたって、数十のパッケージで“汚染”されたバージ... 続きを読む

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

2024/07/09 211 users GitHub npm Phylum トロイ サプライ

海外のセキュリティ企業「Phylum」はトロイの木馬化された「jQuery」がnpmやGitHub、jsDelivr のCDNホストで拡散している事を指摘しました。 「jQuery」を悪用したサプライチェーン攻撃の概要 Phylumは 2024 年 5 月 26 日以来、トロイの木馬化された jQuery のバージョンを悪用する執拗なサプライ チェーン攻撃者を監視... 続きを読む

レガシーなフロントエンドを リプレースするプラクティス。 エネチェンジが挑む 「React化」

2024/05/03 67 users プラクティス ENECHANGE エネチェンジ React化

ENECHANGEでは、電気とガスの料金シミュレーションサービス「エネチェンジ」を開発しています。リプレース前の「エネチェンジ」のフロントエンドは、jQueryがメインで、ところどころVue2が使われていました。今回は、長年の開発によって積み重なったフロントエンドの技術負債をどのように解消しているのかについてご紹介... 続きを読む

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

2024/03/18 166 users React htmx 珠玉 CEO エッセイ

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

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

2023/12/15 115 users querySelectorAll fsubal 複数個 要素

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

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

2023/12/14 399 users Drupal laiso フロントエ バーター 国政

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

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

2023/12/13 105 users 戦い デジタル庁 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 移行 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 Qiita タスク 制約 スタイリング アニメーション

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

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

2023/03/20 217 users いいデザイン オワコン 人材 コスト 回答

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

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

2023/01/27 186 users ガチャ 正規表現 投稿サイト PHP 筆者

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

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

2023/01/23 357 users React Svelte Vue 構文 jQuery使い

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

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

2022/12/21 63 users 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 エンジニアHub React+Redux 負債 redux

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

jQuery、今までありがとう

2022/10/01 15 users JavaS 脱jQuery お世話 それら 方法

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

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

2022/09/20 381 users 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 React Nuxt Vue ウェブアプリケーション開発

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

【脱jQuery】jQuery <=> vanillaJS 書き換え集

2022/06/29 29 users vanilla JavaSc 脱jQuery 記憶容量 コード

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

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

2022/01/10 10 users 今朝 上司 いまどき フロントエンド技術 ビデオ

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

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

2021/12/17 11 users Qiita CSS 道のり 経歴 HTML

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

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

2021/07/08 443 users 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 Slick Body アンドエイチエー PHP 仙台

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

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

2021/03/29 13 users コリス Bootstrap テンプレート HTML クッキー

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

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

2021/03/04 12 users LIFULL Creators Blog レガシーコード

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