jQuery逆匕きマニュアル Webデザむンの珟堎で圹立぀基本ず実践

jQuery逆匕きマニュアル Webデザむンの珟堎で圹立぀基本ず実践

3,300円本䜓 3,000円皎10%

品皮名
曞籍
発売日
2010/12/17
ペヌゞ数
424P
サむズ
A5刀
著者
西畑䞀銬、䞭村享介、埳田和芏
ISBN
9784844329619

初玚から䞊玚たでテクニック満茉! 目的別で匕ける!Webの珟堎に必ず眮いおおきたい必携曞。

jQueryの知識テクニックを121項目にわたっお解説。基本構文から、プラグむンの掻甚・䜜成、むベント凊理、倚圩なフォヌムやアニメヌションの実珟、さらにはiPhone/iPadサむト䜜成たで完党網矅。項目ごずに初玚・䞭玚・䞊玚のレベルを衚瀺。目的別に匕けるので、すぐに圹立ちたす。Webデザむン珟堎の必携曞。

◆jQueryやJavaScriptに自信がない
   ⇒ 本曞を最初から読むず、キホンが分かりたす
◆芋た目ずかフォヌムずか珟堎でちょっず困っおる
   ⇒ 本曞の目次から匕いお問題解決
◆jQueryの実践テクニックを身に぀けたい
   ⇒ 䞭玚・䞊玚アむコンを目安に本曞をお読みください

「読者アンケヌトに答える」「読者プレれントに応募」の堎合もこちらをご利甚ください。

アンケヌトに答える

曞籍の内容に関するお問い合わせはこちら。お答えできるのは本曞に蚘茉の内容に関するこずに限りたす。

孊校・法人䞀括賌入に関するお問い合わせはこちらぞ。

䞀括賌入窓口

著者玹介

 本曞は、jQueryやJavaScriptの基本的な文法から、jQueryのさたざたなテクニック、実務で必芁になるであろうUIナヌザヌむンタヌフェむスの䜜成、プラグむンの利甚方法、AjaxやWebサヌビスずのマッシュアップ、そしおスマヌトフォン察応など、Web制䜜で求められるさたざたな技術を網矅するように解説しおいたす。その数は121項目にも及びたす。なかには詳现に解説しようずするず1冊にもなる内容を数ペヌゞにたずめたものもあり、説明が物足りなく感じる堎合もあるでしょう。しかし、幅広い知識を習埗するこずは、新しいアむデアを産み出し、業務での助けになるず考えおいたす。
 本曞が、jQueryを孊ぶだけではなく、jQueryを通しおWebに関するさたざたな構築手法を習埗する䞀助になれば幞いです。「はじめに」より

ペヌゞむメヌゞ

クリックするず倧きい画像でご芧いただけたす

目次

第1章 jQueryの基本構文
   1-1 jQueryを利甚したい
   1-2 セレクタやフィルタを理解したい
   1-3 HTMLを倉曎したい
   1-4 HTMLの属性を操䜜したい
   1-5 CSSを操䜜したい
   1-6 メ゜ッドチェヌンを利甚したい
   1-7 むベントを蚭定したい
   1-8 将来远加される芁玠にむベントを蚭定したい
   1-9 ブラりザのむベント凊理を止めたい
   1-10 繰り返し凊理をしたい
   1-11 thisを理解したい
   1-12 セレクタで指定した芁玠を絞り蟌みたい

第2章 jQueryずJavaScriptを組み合わせおみよう
   2-1 jQueryずJavaScriptの䜿い分け方を知りたい
   2-2 倉数を理解したい
   2-3 条件分岐を理解したい
   2-4 配列を理解したい
   2-5 関数を䜜りたい
   2-6 正芏衚珟を理解したい
   2-7 オブゞェクトを理解したい
   2-8 繰り返し構文を理解したい
   2-9 DOMを理解したい

第3章 jQueryのさたざたなテクニック
   3-1 DOM芁玠䞭に倀を保存したい
   3-2 画像のプリロヌドを行いたい
   3-3 ブラりザごずに凊理を倉えたい
   3-4 セレクタのコンテキストを利甚したい
   3-5 jQueryを高速化したい
   3-6 プラグむンを䜜成したい
   3-7 セレクタを自䜜したい
   3-8 クッキヌを䜿いたい
   3-9 再垰的に眮き換え凊理を行いたい
   3-10 むベントデリゲヌトで効率よくむベントを蚭定したい
   3-11 クロヌゞャを利甚したい
   3-12 配列を効率よく操䜜したい
   3-13 jQuery以倖のラむブラリず䜵甚したい
   3-14 thisが瀺す倀を固定したい
   3-15 セレクタで指定した芁玠の数を取埗したい
   3-16 jQueryオブゞェクトからDOMノヌドを取埗したい
   3-17 右クリックを犁止したい
      右クリックで独自メニュヌを衚瀺させたい
   3-18 むベントで名前空間を利甚したい
   3-19 むベントオブゞェクトを利甚したい

第4章 芋た目をよりよく倉えおみよう
   4-1 ブロックレベル芁玠を角䞞にしたい
   4-2 ストラむプテヌブルを衚瀺したい
   4-3 IE6で透過PNG画像を利甚したい
   4-4 画像にリフレクション効果を䞎えたい
   4-5 耇数の背景画像を異なるスピヌドでスクロヌルさせたい
   4-6 ナヌザヌがスタむルシヌトを切り替えられるようにしたい
   4-7 テヌブル芁玠のナヌザヌむンタヌフェむスを匷化したい
   4-8 衚瀺䞭の画像の䞀郚を拡倧しお別に衚瀺させたい
   4-9 グラデヌションを衚珟したい
   4-10 画像の瞊暪比を固定しお瞮小したい
   4-11 ドロップシャドり圱を付けたい
   4-12 芁玠に耇数の背景画像を蚭定したい
   4-13 芁玠をふわっず衚瀺・非衚瀺させたい
   4-14 ブロックレベル芁玠の高さを揃えたい

第5章 さたざたなむンタヌフェむスを䜜成しよう
   5-1 アラヌトをきれいに衚瀺したい
   5-2 ロヌルオヌバヌを䜜成したい
   5-3 タブパネルを䜜成したい
   5-4 アコヌディオンパネルを䜜成したい
   5-5 ツヌルチップを利甚したい
   5-6 フロヌティングりィンドりを利甚したい
   5-7 りィゞェットを移動できるiGoogleのようなペヌゞを䜜りたい
   5-8 モヌダルりィンドりを利甚したい
   5-9 ドラッグドロップを実装したい
   5-10 ニュヌスティッカヌを衚瀺したい
   5-11 Dock颚メニュヌを䜜成したい
   5-12 ドロップダりンメニュヌを䜜成したい
   5-13 クロスフェヌドギャラリヌを䜜成したい
   5-14 グラフを衚瀺したい

第6章 フォヌムを入力しやすくしよう
   6-1 チェックボックスを䞀括倉曎したい
   6-2 入力チェックを行いたい
   6-3 カレンダヌを衚瀺したい
   6-4 カラヌピッカヌを衚瀺したい
   6-5 チェックボックスやラゞオボタンのデザむンを倉曎したい
   6-6 数倀をスラむダヌで倉えたい
   6-7 セレクトボックスをデザむンしたい
   6-8 プレヌスホルダヌを実装したい
   6-9 耇数のセレクトボックスを連動させたい
   6-10 フォヌムに入力された文字数を衚瀺したい

第7章 倚圩なアニメヌション衚瀺を利甚しよう
   7-1 アニメヌションを䜜成したい
   7-2 芁玠をスラむド衚瀺・非衚瀺で切り替えたい
   7-3 芁玠をフェヌドむン/フェヌドアりトさせたい
   7-4 さたざたなeasing凊理を䜿いたい
   7-5 アニメヌションの実行タむミングを制埡したい
   7-6 耇雑なeasing凊理を䜿いたい
   7-7 スクロヌルしおも垞に衚瀺されるメニュヌを䜜成したい
   7-8 ペヌゞ内リンク先をスムヌズスクロヌルで衚瀺したい
   7-9 スクロヌルで別のコンテンツに切り替えたい

第8章 Ajaxを利甚しよう
   8-1 Ajaxを利甚したい
   8-2 他のペヌゞの芁玠を読み蟌みたい
   8-3 JSONデヌタを衚瀺したい
   8-4 クロスドメむンでJSONPを扱いたい
   8-5 RSSなどのXMLを読み蟌みたい
   8-6 耇雑な非同期通信をスムヌズに実行したい
   8-7 通信゚ラヌ時の凊理を行いたい
   8-8 ロヌディング画像を衚瀺したい
   8-9 クロスドメむンからRSSフィヌドを取埗したい
   8-10 Ajaxでもヒストリヌを䜿いたい
   8-11 サゞェスト機胜を実装したい

第9章 Web APIを組み蟌もう
   9-1 YouTube APIを利甚したい
   9-2 Google Maps APIを利甚したい
   9-3 Twitter APIを利甚したい
   9-4 Flickrを利甚したい
   9-5 URLを短瞮したい
   9-6 delicious APIを利甚したい

第10章 iPhone/iPadサむトを䜜成しよう
   10-1 タッチやタップのむベントを実装したい
   10-2 滑らかにアニメヌションを衚瀺させたい
   10-3 デバむスの向きを怜出したい
   10-4 iPhoneのUIを䜜成したい

第11章 ツヌルを䜿っおより簡単に開発しよう
   11-1 Firebugを利甚したい
   11-2 FireQueryを利甚したい
   11-3 IEの開発者ツヌルを利甚したい
   11-4 Visual Studioでコヌドを楜に曞きたい
   11-5 チヌトシヌトを掻甚したい
   11-6 jQueryの゜ヌスコヌドを確認したい

第12章 The Other Topics of jQuery その他の重芁テヌマ
   12-1 JavaScriptが実行できない環境を考慮したい
   12-2 JavaScriptファむルを圧瞮したい
   12-3 ラむセンスに぀いお知りたい
   12-4 jQueryプラグむンを効率よく探したい
   12-5 ブックマヌクレットを䜜成したい
   12-6 Greasemonkeyスクリプトを䜜成したい
   12-7 CDNを䜿っおjQueryを利甚したい




■著者プロフィヌル

西畑䞀銬Kazuma Nishihata
to-R代衚。PHPによるシステム開発や、CMSを利甚したWebサむト制䜜、SEO察策などのマヌケティング、コンサルティング、Webクリ゚むタヌ向けの講座の講垫などを業務で行っおいる。䞻な著曞に『Web制䜜の珟堎で䜿うjQueryデザむン入門』アスキヌ・メディアワヌクス刊、『珟堎のプロから孊ぶXHTML+CSS』共著、毎日コミュニケヌションズ刊。

埳田和芏Kazunori Tokuda
マむンドフリヌ株匏䌚瀟ディレクタヌ兌UIデベロッパヌ。Web制䜜䌚瀟のHTML/CSSコヌダヌを経おディレクタヌずしおマむンドフリヌ株匏䌚瀟ぞ入瀟。JavaScriptの特性を掻かしたサむトディレクション・UI開発を埗意ずする。個人ブログhttp://5509.me/では倚数の自䜜jQueryプラグむンを公開しおいる。

䞭村享介Kyosuke Nakamura
株匏䌚瀟ピクセルグリッド代衚取締圹/フロント゚ンド・゚ンゞニア。Web制䜜䌚瀟のFlash゚ンゞニア・ディレクタヌを経お、株匏䌚瀟ピクセルグリッドを蚭立。䞻な業務はJavaScriptを䞭心に、HTML5/CSS3ずいった新しい技術を駆䜿したWebサむト制䜜やiPhone/iPadずいったスマヌトフォン、タブレット向けWebサむト/アプリ制䜜など。䌚瀟経営・制䜜のほか、講挔、執筆など幅広く掻動しおいる。著曞に『Webクリ゚むティブのためのDOM Scripting』毎日コミュニケヌションズ刊。

ダりンロヌド

サンプルコヌドのダりンロヌドず実行

  • →サンプルのダりンロヌド

    以䞋のリンクをクリックするず、サンプルを収録したアヌカむブファむル5.942KBをダりンロヌドできたす。ダりンロヌドしたアヌカむブを解凍するず、各節ごずのフォルダずサンプルが展開されたす。

    サンプルのダりンロヌド開始リンク

    【1】8ç« 4節のサンプルsample.jsonpp.306が保存されおいるURLが消滅し、サンプルが動䜜しおいたせんでした。新芏のURLに保存・倉曎し、動䜜するようにしたした2014/11/04。

    【2】9ç« 3節で解説しおいる@AnywhereずいうTwitter APIが利甚できなくなっおおり、9ç« 3節のサンプルが動䜜したせん。倖郚サヌビスの停止のため、ご理解のほどなにずぞよろしくお願いいたしたす2014/11/04。

  • →各サンプルを実行できるペヌゞ

    以䞋のリンク先ペヌゞでは、衚瀺されるリンクをクリックするこずで、オンラむンで各サンプルを実行できたす。

    各サンプルの実行ペヌゞ

    【1】8ç« 4節のサンプルsample.jsonpp.306が保存されおいるURLが消滅し、サンプルが動䜜しおいたせんでした。新芏のURLに保存・倉曎し、動䜜するようにしたした2014/11/04。

    【2】9ç« 3節で解説しおいる@AnywhereずいうTwitter APIが利甚できなくなっおおり、9ç« 3節のサンプルが動䜜したせん。倖郚サヌビスの停止のため、ご理解のほどなにずぞよろしくお願いいたしたす2014/11/04。

お詫びず蚂正

誀蚘のためにご迷惑をおかけし、誠に申し蚳ございたせん。

  • 18ペヌゞ フォヌムフィルタの衚 「checkedフィルタ」の「蚘述䟋」
    • [誀]
      $(":disabled")
    • [æ­£]
      $(":checked")
    • 【 第2刷にお修正 】
  • 60ペヌゞ 最初の眫囲みコヌドの䞋の説明
    • [誀]
       parentsメ゜ッドの匕数にセレクタを指定した堎合、そのセレクタの芁玠たでの各芁玠の先祖をjQueryオブゞェクトずしお䜜成したす。次のように蚘述するず、li芁玠からbody芁玠の間にある各芁玠の先祖芁玠をjQueryオブゞェクトずしたす。その際、li芁玠ずbody芁玠はjQueryオブゞェクトには含たれたせん。
    • [æ­£]
       parentsメ゜ッドの匕数にセレクタを指定した堎合、jQueryオブゞェクトをそのセレクタで指定した先祖芁玠に倉曎したす。次のように蚘述するず、jQueryオブゞェクトを先祖芁玠のbody芁玠に倉曎したす。
    • 【 第2刷にお修正 】
  • 96ペヌゞ 「スクリプトの䟋」䞋の本文4行目
    • [誀]
      getElementsByClassNameメ゜ッドを䜿っお
    • [æ­£]
      querySelectorAllメ゜ッドを䜿っお
    • 【 第2刷にお修正 】
  • 96ペヌゞ 「スクリプトの䟋」䞋の本文5行目
    • [誀]
      IEなど䞀郚のブラりザでは
    • [æ­£]
      IE6/7など䞀郚のブラりザでは
    • 【 第2刷にお修正 】
  • 96ペヌゞ 「スクリプトの䟋」䞋の本文6行目
    • [誀]
      そのため、すべおの芁玠を粟査し、
    • [æ­£]
      たた、すべおの芁玠を粟査し、
    • 【 第2刷にお修正 】
  • 97ペヌゞ 䞊から2぀めの眫囲みにあるコヌドカンマをピリオドに倉曎
    • [誀]
      $("div,nav")
    • [æ­£]
      $("div.nav")
    • 【 第2刷にお修正 】
  • 97ペヌゞ 本文1行目
    • [誀]
      IEなど䞀郚のブラりザでは、getElementsByClassNameメ゜ッドを利甚できたせん。
    • [æ­£]
      IE6/7など䞀郚のブラりザでは、querySelectorAllメ゜ッドを利甚できたせん。
    • 【 第2刷にお修正 】
  • 97ペヌゞ ペヌゞ䞋から6行目
    • [誀]
      これは、jQueryのセレクタが「右から巊」に解釈されるためです。
    • [æ­£]
      これは、querySelectorAllメ゜ッドがセレクタを「右から巊」に解釈するためです。
    • 【 第2刷にお修正 】
  • 127ペヌゞ 「スクリプトの䟋」のコヌド䞋 本文7行目
    • [誀]
      button芁玠はnameプロパティを持たないため、クリックしおも「undefined」ずアラヌト衚瀺されおしたいたす。
    • [æ­£]
      button芁玠はnameプロパティの倀を持たないため、クリックしおもアラヌトに䜕も衚瀺されたせん。
    • 【 第2刷にお修正 】
  • 187ペヌゞ コヌドの䞋から13行目の末尟セミコロンを削陀
    • [誀]
      ul.tab li a.selected{;
    • [æ­£]
      ul.tab li a.selected{
    • 【 第2刷にお修正 】
  • 307ペヌゞ スクリプトの䟋/8-4/index.html
    • [誀]
      $.getJSON("http://5509.me/sample.jsonp",function(data){
    • [æ­£]
      http://5509.meが消滅しおいるため、別のドメむンのURLにsample.jsonpp.306を保存し、このサンプルのURLを倉曎する必芁がありたす。
  • 308ペヌゞ スクリプトの䟋/8-4/index2.html
    • [誀]
      $.getJSON("http://5509.me/sample.jsonp?jsoncallback=?");
    • [æ­£]
      http://5509.meが消滅しおいるため、別のドメむンのURLにsample.jsonpp.306を保存し、このサンプルのURLを倉曎する必芁がありたす。
  • 345ペヌゞ 9-3節の内容に぀いお
    • [誀]
      @AnywhereずいうTwitter APIの利甚に぀いお
    • [æ­£]
      @AnywhereずいうTwitter APIが利甚できなくなり、9ç« 3節のサンプルが動䜜したせん。倖郚サヌビスの停止に぀きたしお、ご理解いただきたく、なにずぞよろしくお願いいたしたす2014/11/04。
  • 355ペヌゞ リスト 䞋から8行目行末にセミコロンを远加
    • [誀]
      $(this).prependTo("#photos").show()
    • [æ­£]
      $(this).prependTo("#photos").show();
    • 【 第2刷にお修正 】

お問い合わせ

曞籍の内容に関するお問い合わせはこちら。お答えできるのは本曞に蚘茉の内容に関するこずに限りたす。

お問い合わせフォヌãƒ