logo jQueryに強い、基本料金0円。わかりやすい料金設定でご提供する、
コーディング代行サービス「ココマチ コーディングラボ」
050-3184-0915

MENU

JavaScript

お見積り依頼

jQueryスライドショーbxsliderについて

Webサイトのアクセントになるスライダー

デザインにメリハリをつけるために、スライダーの動きを利用するという方法があります。bxsliderを使うと初心者でも簡単にjQueryスライドショーをつけることができます。シンプルなスライダーから、オプションを使い個性的なスライダーまで簡単に設置することができます。実際にどのように使うのか具体的にご紹介していきます。

続きを読む

jQueryとは

Webページを作るには

jQueryとは、JavaScriptコードを簡単に記述できるように設計された、JavaScriptライブラリです。という一文で説明できてしまうのですが、もう少し詳しく説明していきます。まず、Webページを作るために、HTMLという言語を使用します。この言語はそもそもWebページを作るために開発されたのですが、現在インターネット上で公開されているWebページのほとんどがこのHTMLを使って作成されているくらい、大メジャーな言語です。Webページと他のWebページとのリンクを貼ったり、データファイルをリンクで埋め込むことがきりたりするのですが、他にも文章の構造を記述するために使います。ここからここまでが見出しで、ここからここまでがひとつの段落だよ、という具合にです。ところが、これ以上の役割を持たされてはいないのです。文字の大きさや色を変えたいときは、HTMLではなく、CSSといった、スタイルを指定するためのまた別の言語を使うのです。この二つの言語を使えば、Webページは作れますが、見た目としては本や雑誌のようなページが出来上がります。いわゆる「静的ページ」というもので、何の動きもないページになってしまいます。

続きを読む

初心者でも簡単にスライドが生成出来る。jQuery のプラグインbxsliderについて

bxsliderとは

jQueryは、javascriptのコードを簡潔な表記で実行できる人気のライブラリです。ライブラリ内の著作権表示を消さなければ、商用も含め誰でもフリーに利用できます。そんなjQueryのプラグインの一つがbxsliderです。
画像の下の●や■が切り替わるのと同時に横にスライドしていく画像や自動的に入れ替わる画像を、ちょっとお洒落なホームページで見かけたことがあるでしょう。そんな難しそうな表示を、初心者でも簡単に出来るようになるのがこのプラグインです。ファイル容量が小さいので、読み込みの負担が少ないことも嬉しいところです。また、レスポンシブデザインにも対応しており、スクリーン幅に合わせてコンテンツサイズを自動的に調整させることも可能です。

続きを読む

パララックス(視差効果)サイトについて

「パララックス(視差効果)」と呼ばれるスクロールエフェクトを使ったウェブページについてご説明します。

スクロールをすると、背景の画像やコンテンツが次々と表示されたり、重なって現れたり、奥行きや立体感を表現でき、高い訴求効果も期待できる演出効果のひとつです。
続きを読む

IEのテスト環境 Modern IE

IEの特定のバージョンのみで起こるレイアウト崩れを確認する際に、手元に該当バージョンのIEがないことがあります。 そのような場合には、Microsoft公式のIEテスト用仮想マシンである Modern IE が便利です。 2015年1月16日現在、以下のURLからダウンロードできます。 https://www.modern.ie/ja-jp/virtualization-tools#downloads
続きを読む

HTMLとJavaScript

HTMLコーディングでのデザインに慣れてくるともっと面白い機能を持たせたいと思うものです。
そんな時はJavaScriptを使うといいでしょう。
JavaScriptはHTMLが文書の記述を行うのに対して簡易プログラム言語ですからいろいろなことができます。
基本的にはWebページに動きを取り入れることが可能なため、時計を表示させたり文章の続きを読むためのタグなどといったようにページを有効に利用することができます。
続きを読む

jQueryで、javascriptの簡略化をしましょう。

jQueryとは、javascriptのコードを簡潔な表記で実行できるライブラリです。
MIT License(エム・アイ・ティー ライセンス)でライブラリ内の著作誰表示を消さなければ誰でも自由に無料で利用できます(商用可)。
ただし万が一不具合が出て損害が出ても自己責任です。
続きを読む