chevron_left

Webデザインの幅を広げる、jQuery初級

PREMIUM
第1回

Webデザインの幅を広げる、jQuery初級

2014年1月13日 60min

授業の概要

HTML5やAjaxと言った新しいテクノロジーの出現によって、Webデザインの世界も大きく変わってきました。とくに近年では「jQuery」を利用した動きのあるWebデザインが主流となっています。

そのため、これまでHTMLのコーディングやJavascriptのプログラムとは無縁であったデザイナーの人たちも、サイトの構成やデザインを考えるにあたって、jQueryがどのような動きを実現し、どのような役割をするのかを知っておく必要が出てきました。

そこで、本講座では主にコーディングの初心者やデザイナーの方たちに向けて、「jQueryとは何か?」から始め、役に立つプラグインの紹介や使い方の解説を行いたいと思います。

プログラム知識がなくとも、jQueryを使うことによって、どんなことができるのかを知ることで、デザインの幅が大きく広がります。

今回は、本のようにページをめくる効果を持ったjQueryのプラグインを使って、Webサイト上で展開可能な絵本を作ってみましょう。

画像さえ用意できれば、誰でも簡単に作成できます。ぜひチャレンジしてみてください。

チャプター

play_arrow
【前半】授業
03:58
play_arrow
WEBテクノロジー栄枯盛衰物語
12:00
play_arrow
jQueryで何ができるの?
07:22
play_arrow
jQueryプラグインを使って、Web絵本を作ろう!
11:46
play_arrow
Q:この絵本はiPadでも動くのですか?
00:32
play_arrow
Q:jQueryのプラグインのダウンロードの仕方を教えてください。
04:07
play_arrow
Q:Javascriptを覚えていなくても、jQueryをいきなり勉強しても大丈夫ですか?
01:32
play_arrow
Q:外部化ファイル「$(function(){})」とbody終了タグ直前で処理はどちらが早いですか?
00:40
play_arrow
Q:プラグインがいっぱいある参考サイト等ありますか?
01:32
play_arrow
Q:画像にリンクをつけて、簡易的なWEBカタログのようにも使用できるのでしょうか?
01:11
play_arrow
Q:開きを右綴じにしたい場合は、どのように記述したらよいでしょうか?
02:21
play_arrow
Q:ブラウザで動きに差はありませんか?
00:40
play_arrow
Q:jQueryのバージョンの違いは何でしょうか?
01:31
play_arrow
Q:プラグインを自作して配布するのは、勝手にやって大丈夫なのでしょうか?
00:42
play_arrow
Q:jQuery 2.xというのもありますが、1.xの方がよいのでしょうか?
00:47
play_arrow
Q:wooofysのソースコードで、jQueryのソースを外部ファイルにまとめて、htmlファイルに読み込む事も出来ますか?
00:48
play_arrow
Q:プラグインの商用利用の際のライセンスの確認方法、気をつける点など教えて下さい。
01:45
play_arrow
Q:turn.jsは有料版と無料版とありましたが、違いは何でしょうか?
01:56
play_arrow
Q:jQueryのプラグイン同士がぶつかって、動かない事はありますか?
01:16
play_arrow
課題発表