以前は、JavaScript でクリップボードを操作してテキストをコピーしたり貼り付けたりするのはとても面倒でした。NTUST.ME（台湾科技大学の短縮URLサービス）を開発したとき、短縮した URL をみんなが簡単にコピーできるようにしたいと思い、JavaScript のクリップボード API を調べました。すると、新しめのブラウザには execCommand という関数があり、コピーや全選択など、便利なテキスト操作がたくさんできることが分かりました。では、ご紹介しましょう！ ...
写真系のサイトには一般的に多くの画像が掲載されています。訪問者がそうしたサイトを開くと、たくさんの写真を読み込むため、表示まで時間がかかります。これはサイトのホストのトラフィックに大きく影響するうえ、訪問者側のCPU Timeも大きく増えてしまいます。ここでは、画像の読み込みを遅らせるjQueryプラグイン「Lazyload」を紹介します。つまり、サイトにアクセスしたときにすべての画像を一度に読み込むのではなく、一部だけを読み込みます。ブラウザのスクロールバーを動かすと「今見ている範囲の画像」を読み込むので、ページの表示速度が速くなるのです。 ...
QRコードを描画する方法はたくさんあります。自分で関数を書いて描画することもできますし、他の人が提供しているAPIを使うこともできます。たとえば、Google Chat APIを使ってQRコードを生成するのはAPIを使う方法です。一方、この記事で紹介するjquery.qrcodeは、他の人が書いた関数を使ってコードを生成します。最初はjquery.qrcodeとGoogle Chat APIの違いがよくわかりませんでした。後から、Google Chat APIはデータをGoogleのサーバーに送って生成するのに対し、jquery.qrcodeはブラウザ上で直接描画することを知りました。 ...