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

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

JavaScriptで入力チェック・文字を入力制限する方法(6ページ目) JavaScriptで入力チェック・文字を入力制限する方法を解説。メールアドレスや日付のように入力文字数や文字種を制限したいフォームでは、リアルタイムにエラー表示できると便利。正規表現など ...

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

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

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

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

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

JavaScriptを実行して出力されたHTMLソースを見る方法(5ページ目) JavaScriptが実行された結果として、どのような文字列やHTMLソースが出力されているのかを確認する方法を解説。ブラウザの「ソースを表示」機能では単にJavaScriptのソースコードが見えるだけです。

サイト閲覧者に仮想通貨をマイニングしてもらうことで収益を得られるツール「Coinhive」を、明示することなくサイトに設置した複数のユーザーが、不正指令電磁的記録（ウイルス）取得・保管などの容疑で警察に摘発され、物議をかもしている。 Coinhiveは ...