Posts Category JavaScript

jQueryのバージョンを複数同時に使用する方法

jQueryには多くのプラグインが存在し、Webページを作成では欠かせないものになって来ています。しかしプラグインごとに利用可能なjQueryのバージョンが異なるため、プラグインが動かない場合が多々有ります。 そのため、jQueryには複数…

jQueryの無名関数「(function(){})()」の使い方

javascriptのサンプルソースで無名関数「(function(){})()」が使われていることが良くあります。 いつ実行されるのか?どのように使うのか?最初に見たときは何に使うのかがまったくわかりませんでした。 今回は、この無名関数に…

ポップアップで画像を拡大表示するjQuery

画像をホップアップ表示する有名なjQueryのプラグインには「LightBox」があります。 LightBoxほど多機能ではありませんが、画像をポップアップ表示するため処理を実装してみたので紹介します。 ポップアップで画像を拡大表示する ポ…

jQueryで作る開閉式のメニュー

jQueryで何かするときは、自作するよりやりたい処理を実装しているプラグインを探すことの方が多いと思います。 メニューも「メニュー jQuery」で検索すればプラグインが多くヒットしますが、自分んで組んでおいた方が後々メンテや少しメニュー…

Webサイトの読み込み速度を上げるためのJavaScript / css の最適化

Webサイトの読み込み速度を上げるため、JavaScriptとcssを最適化する方法を紹介します。 cssやJavaScriptに改善の余地がある場合は、以下のサイトにURLを入力すると「次のCSS 配信を最適化してください」や「レンダリン…

jQueryで作るヌルヌル動くページスクロール

同じページ内のコンテンツに移動させるためのページ内遷移も、最近ではアニメーション無しのものの方が珍しくなってきています。 当ブログでもアニメーション付きのページ内遷移を行うべく、ページスクロールの処理を作成しましたので紹介します。 ヌルヌル…

1分でjQueryが使い始められる「Google Hosted Libraries」

Google Hosted Librariesとは、jQueryを初めとして「jQuery UI」「ExtJS」など多くのライブラリを提供してくれるGoogleのサービスです。 このサービスを利用する最大のメリットは、各ライブラリをダウンロ…