おためし受講中

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

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

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

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

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

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

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

Webデザインの幅を広げる、jQuery初級(全1回)

【ノート機能】
授業内容や覚えておきたいポイントなど、ノートに自由に残せます

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