JavaScript カテゴリの記事一覧 - WWW WATCH

WWW WATCH - Web デザインやテクノロジーの話題がメインのブログ

JavaScript や jQuery に関する記事

Node.js で X（Twitter）、Bluesky、Mastodon に JSON データから同時投稿（クロスポスト）する

DMARC レポートの XML ファイルを HTML 形式のレポートに変換するスクリプト

Astro で details 要素に name 属性を使うと型チェックでエラーになる件を解決する

Astro と Movable Type Data API でページネーション（ページ分割）を実装する

Astro と Tailwind CSS でこの Blog をリニューアルしました

OpenAI TTS（Text to Speech）を Node.js で試してみた

axe-auto-reporter というアクセシビリティ自動テストのためのスクリプトを公開しました

アクセシビリティ試験で補助的に使えるブックマークレット集

Tailwind CSS でつくるダークモード切り替えスイッチ

Astro.js と Movable Type Data API を使用して Jamstack な Blog を作ってみる

Next.js （SSG） + Vercel + GitHub Actions を使用した定期デプロイ

Next.js から Feedly API を叩いて記事データを取得する

Next.js から Qiita API v2 を叩いて人気記事のデータを取得する

Headless UI のドロップダウンメニューで next/link を使うとキーボード操作での挙動がおかしくなる件を解決する

指定テキストをハイライト表示する「Text Fragment」付きリンクをツイートするためのブックマークレット

:focus-within 疑似クラスを IE11 でも使用可能にする Polyfill 書いてみた

Next.js を使用して、サブ Blog を Jamstack な Blog としてリニューアルしてみた件

Next.js アプリケーションで静的にツイートを埋め込む「static-tweet」を使いやすくカスタマイズしてみた

Next.js と Movable Type Data API を使用して Jamstack な Blog を作ってみる

AMP の実装で「要素に class 付けて開閉する」みたいな UI は amp-bind を使うと超簡単で手軽だった件

jQuery 3.5.0 がリリース。セキュリティ修正あり

gulp 4.0 が正式リリース、v3 からの移行に伴う gulpfile.js ファイルの修正点

Cookie 使用の同意を得てから Google Analytics のトラッキングを有効にする

Web サイト作るお仕事をしている人向け gulp で作るフロントエンド開発環境

Google Chrome 65 が Beta リリース、CSS Paint API、display: contents のサポートなど

閲覧中の URL を AMP （Accelerated Mobile Pages）バリデータに投げるブックマークレット

Google タグマネージャに新機能「ワークスペース」が追加、複数人での更新が便利に

jQuery 3.0 が正式リリース、通常の Web サイト制作で利用するなら軽量版「Slim build （スリムビルド）」が便利

Grunt 1.0.0 がついに正式リリース、0.4.5 のリリースから約 2年

jQuery 3.0 および jQuery Compat 3.0 のアルファ版が公開される

ページ内リンクはスムーズスクロールしなくても一瞬点滅すればいいんじゃないかという実験

Google Chrome 41/42 は JavaScript に関する新しい技術によってページの表示速度がさらに向上するらしい

SVG のフォールバックは結局 Modernizr に落ち着いた件

jQuery は次期リリースから 1.x 系、2.x 系共にメジャーバージョン番号を jQuery 3.x で統一へ

Google+ ウィジェットの JavaScript コードに async / defer 属性がついた件

閲覧中の Web ページに Thumb Zone Map （親指が届く範囲マップ）をオーバーレイ表示するブックマークレットを作った

Firefox 31 が正式リリース、HTML5 track 要素や CSS Variables 最新仕様に対応など

iPhone Safari などで Web ページのタイトルと URL をコピーするブックマークレットを作った

jQuery 公式 Blog 「jquery-latest.js を使用するのをやめろ」

TweetDeck に XSS の脆弱性。意図せぬリツイートが実行される

jQuery が 1.12 以降のブラウザサポートについて発表。 IE6/7 のサポートは 1.12 まで

スタイルの継承で Google Maps JavaScript API で表示した地図のコントロール UI がおかしくなった件

TinyPNG API を使って PNG 画像を最適化する grunt-tinypng 使ってみた

Web デザイナーさん向け Grunt を使ったコーディング作業の効率化、はじめの一歩

Google タグマネージャで Web ページに読み込む JavaScript を管理してみる

Geolocation API 仕様が W3C 勧告に

Google が無料の Web コンテンツ作成ツール「Google Web Designer」を公開

CSS と jQuery で作るスクロールにあわせて回転するロゴ

Web Audio API が Firefox でサポートされる

Blink で mouseenter/mouseleave イベントがサポートされるらしい

Firefox 23 が Content Security Policy 1.0 仕様に対応

jQuery 1.10.0 / 2.0.1 が同時リリース

Chrome Beta for Android 28 が Fullscreen API に対応

jQuery 2.0 が正式リリース。旧 IE サポートは 1.x 系で継続

CSS で作る Tumblr モバイルアプリ風メニュー

Google Chrome の Console でお寿司

Firefox 20 で Tombloo が動かなくなった場合の対処

jQuery Core 1.9 アップグレードガイド日本語訳

Webkit に最適化されたサイトを IE10 に適応させるためのガイド

placeholder 属性と jQuery で IE にもプレースホルダを