Workshop

西畑一馬のJavaScript/jQuery Mobile入門講座

※2012年2月より、講座内容が新しくなりました。

AndroidやiPhoneなどが普及するにつれ、スマートフォン向けサイトの需要が高まっています。しかし、スマートフォン向けサイト制作では、さまざまなデバイスへの対応が求められ、PC向けサイトに比べると敷居が高くなります。また、スマートフォン向けサイトでは、スマートフォンならではの「アプリ」のような表現が求められることもあります。

そんな中注目されているのが、「スマートフォンフレームワーク」です。フレームワークをつかうと、「アプリ」のようなスマートフォン向けサイトを簡単に制作することができます。

代表的なスマートフォンフレームワークはいくつかありますが、対応デバイスの幅広さで圧倒的に人気を集めるのが「 jQuery Mobile 」です。本講座では、jQuery Mobileの基本からメリット・デメリット、jQuery Mobileの活用方法など、詳しく解説していきます。

*Android端末、iPhone/iPadなどスマートフォンをお持ちの方は、ご確認用にご持参されることをおすすめします。

講座レベルlevel3

■カリキュラム概要

  • 1.jQuery Mobileの基本

    • HTML5の基本
    • 基本スタイル
    • リストスタイル
    • フォームの最適化
    • Ajaxリンク

  • 2.jQuery Mobileの活用方法

    • jQuery Mobileのメリット・デメリット
    • jQuery Mobileに適したサイト設計

  • 3.jQuery Mobileを利用したサイト作成

    • ThemeRollerの活用
    • CSS3を高度に活用したサイト制作

＊カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。

使用アプリケーション
Safari、TeraPad
講師
西畑一馬
定員
6名
対象
HTML/CSSのマークアップ・設計ができる方
「 千貫りこのHTML/CSS中級講座 」の履修相当の理解がある方
本ページ下の 受講対象レベルチェック問題 を理解できる方
料金
29,800円（税込み）

2012年6月16日（土）11:00～18:00残り4席

お申し込み：2012年6月16日（土）

受講希望の方は 受講規約 および よくある質問 のページを閲覧していただき、ご了承の後にお申し込みフォームからお申し込みください。また お申し込みの流れ もご参照ください。

■受講対象レベルチェック問題

＊全問正解が受講の必須条件ではなく、受講対象レベルの具体的な目安とお考えください。

問1：

次のタグを赤色で表示するCSSを答えてください。

<p class="sp">スマートフォン</p>

問2：

次のHTMLの間違いを答えてください。

<p>lesson<a href="index.html>1</p></a>

問3：

p要素に対してセレクタの優先度が高い準に並べてください。

(1) #container .content p { color: red; }
(2) p { color: red; }
(3) div#container div.content p { color: red; }
(4) .content p { color: red; }

答1：

p.sp{
  color:red;
}

答2：

href属性の"（ダブルクオーテーション）がとじていない点と、a要素とp要素の閉じタグの登場順が逆になっている点。

<p>lesson<a href="index.html">1</a></p>

答3：

(3),(1),(4),(2)

Information

写真：西畑一馬

Instructor西畑一馬

to-R代表、Webクリエイター

プロフィールを見る

voice

受講頂いた方からのコメントをご紹介しています。

とても分かりやすかったです。実際に使っていく中で質問したいことがでてくるので、アフターフォローがあるとすばらしいかと。

一般企業勤務

とってもわかりやすかったです！単純に講義としての内容だけでなく、トレンドや、先生ご自身の意見も聞けてよかったです

Web制作会社勤務

講師の方の説明が大変分かりやすく勉強になりました。基礎知識が不十分だったため、難しい部分もありましたが、トレンドを取り入れた説明も多く聴くことができました。

Web制作会社勤務

今回のスマートフォン制作については未知の分野だったので、非常に勉強になりました。jQuery Mobile いろいろ試してみたくなりました。

フリーランス

jQueryMobileの入り口として、細かい部分で本などより理解しやすい部分が多かったので、今後につながると感じてます。内容的にもすぐに使えるものなどもありそうでしたし、jQueryと組み合わせる面白さもありそうなので満足でした。

Web制作会社勤務 正社員

講義と実習のバランスがよく、飽きずに最後まで参加できました。講師の説明もわかりやすく、深く理解できました。

Web制作会社勤務 正社員

67WS channel

【「複数割」受講チケット最大23%OFFキャンペーン】有効期限はお買い求め日から1年間。募集中の全ての講座にご利用いただけます！！キャンペーンの詳細はこちら

【10,000円キャッシュバックキャンペーン】 2講座受講の方に10,000円のキャッシュバック！！キャンペーンの詳細はこちら

安心サポート始めました 一度ご受講された講座に、6ヶ月間無料で再受講できます

イメージ：jQuery Mobile スマートフォンサイト デザイン入門
jQuery Mobile スマートフォンサイト デザイン入門

イメージ：Webデザイン・フォーラム 10人のプロが教える原則と経験則
Webデザイン・フォーラム 10人のプロが教える原則と経験則

イメージ：JavaScriptコーディング ベストプラクティス 高速かつ堅牢なコードを効率よく書くために
JavaScriptコーディング ベストプラクティス 高速かつ堅牢なコードを効率よく書くために

イメージ：jQuery逆引きマニュアル Webデザインの現場で役立つ基本と実践
jQuery逆引きマニュアル Webデザインの現場で役立つ基本と実践

イメージ：Web制作の現場で使う jQueryデザイン入門
Web制作の現場で使う jQueryデザイン入門

トップページに戻る