現在のGoogleは、JavaScriptやCSSも含めてレンダリングしたうえでインデックスしている。この処理に関する誤解（都市伝説）を、調査データと分析でVercelが検証している。テクニカルな内容だが、非常に興味深い。 ほかにも、「初期状態で隠れているコンテンツの ...

「7周でよくわかるシリーズ」は、ある特定のテーマについて、初心者から上級者まで、段階的に理解を深めていけるように設計された記事シリーズです。螺旋階段を一段ずつ登るように、同じ事柄を繰り返しながら、少しずつ説明の難易度を上げていきます。

Webデザインにおいて、ユーザーの操作に応じて画面を変化させたり、動的に情報を取得したりするためにJavaScriptは欠かせない要素です。しかし、JavaScriptをHTMLファイルにどのように記述し、どのタイミングで読み込ませるべきかという設計は、ページの表示 ...

Developers Summit 2026・Dev x PM Day 講演資料まとめ Developers Boost 2025 講演資料まとめ Developers X Summit 2025 講演資料まとめ Developers Summit 2025 FUKUOKA 講演関連資料まとめ Developers Summit 2025 KANSAI 講演関連資料まとめ Developers ...

JavaScriptで画像のスライドショーを作成する方法(8ページ目) 一定秒数ごとに自動的に画像とキャプションが切り替わるスライドショー機能の簡単な作り方を解説。HTMLで画像とキャプションの表示空間を用意し、CSSで装飾を加え、JavaScriptで指定時間ごとに表示 ...

初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の ...

ログインして、InfoQのすべての体験をアンロックしましょう！お気に入りの著者やトピックの最新情報を入手し、コンテンツと交流し、限定リソースをダウンロードできます。 “AI活用”をキーワードに「AIを使い倒し／使いこなす」企業の最前線をお届けし ...

皆さんが普段見ているWebサイトにはパソコン用の表示とスマホ用の表示がありますよね。前回のお話で、CSSはデザインの専門家という話をしました。パソコン用のデザインやスマホ用のデザインをCSSで作っています。 では、誰が「これはパソコンだ」「この ...

国内で，一般消費者に向けたWebサイトへの改ざん攻撃が止まらない。しかも改ざんされたページには ，悪質なサイトにユーザーを誘導してウイルスを送り込む“わな”が仕掛けられる。3月10日前後から12日までの間に，一斉にWebサイトがページを改ざんされた ...

WebページパフォーマンスツールであるYSlowの主要開発者でありYahoo! Exceptional Performanceの開発者であるStoyan Stefanov氏がNon-blocking JavaScript Downloadsというタイトルで、ページの読み込み速度を向上させるテクニックを簡潔にまとめている。これはブロックが発生 ...

EC サイトにおける、商品一覧・商品詳細・カートページでそれぞれ固有の処理を走らせたい。 ただし、商品一覧（item-list.js）・商品詳細（item-detail.js）・カートページ（cart.js）を言ったように各ファイルを用意するのではなく、1 つの index.js に集約して ...