JavaScriptライブラリ実践活用［厳選111］

出版社：技術評論社
ISBN：978-4-7741-5611-8
本体価格：2,580円
発売日：2013年03月20日
著者：WINGSプロジェクト　著

詳細は技術評論社サイトへ

この本の概要

本書は，数あるJavaScriptのライブラリやjQueryプラグインから厳選したものを，その特徴からサンプルソースを付けた使用例まで111個を紹介します。取り上げるライブラリはそれぞれ「UI（ユーザインタフェース）編」「スマートフォン編」「フレームワーク編」「テスト編」「小ネタ編」に分けられており，デザイナも含むWebデベロッパー必携のライブラリ便覧です。

こんな方におすすめ

• Webアプリケーション開発者
• Webデザイナ

目次

Part1　イントロダクション

• はじめに～本書を活用するために
• HTML5の基本
• jQueryの基本

Part2　UI編

• 1　リストをリッチなメニューに整形する（Apycom Menu）
• 2　Googleマップと連携したページを手軽に作成する（Gmap3）
• 3　Twitterへのツイートをキーワード検索する（monitter widgets）
• 4　HTMLテーブルから棒グラフや折れ線グラフなどを生成する（Visualize）
• 5　レーティングバーを作成する（Star Rating）
• 6　画像／動画をズームアップ表示する（Zoombox）
• 7　画像スライダーを作成する（SliderKit）
• 8　はてなブックマークやTwitter／Facebookボタンをページに設置する（SocialButton）
• 9　RSSフィードをリスト表示する（zRSSFeed）
• 10　ティッカー式のニュースリストを生成する（vTicker）
• 11　コードリストを綺麗に表示する（Snippet）
• 12　フォームに検証機能を付与する（Validation）
• 13　ソート／ページング対応のリッチなグリッド表を作成する（TableFixedHeader）
• 14　ファイルアップローダーを作成する（Plupload）
• 15　本をめくるような動作を実装する（Booklet）
• 16　フラットなフォームをウィザード形式に整形する（FormToWizard）
• 17　動画サイトのコンテンツを簡単に取り込みたい（jquery.createvideo）
• 18　MP3ファイルの再生プレイヤーを設置したい（jMP3）
• 19　かっこいいセレクトボックスを作る（Chosen）
• 20　HTMLにclassを指定をするだけでグリッドレイアウトを実現する（Twitter Bootstrap）
• 21　HTMLにclassを指定をするだけでCoolなコンポーネントを作る（Twitter Bootstrap（コンポーネント））
• 22　HTMLにclassを指定をするだけで動的なUIを実現する（Twitter Bootstrap用カスタムjQueryプラグイン）
• 23　吹き出し風にツールチップを表示する（bubble-tooltip）
• 24　ドラッグ＆ドロップで編集可能なフォルダーツリーを表示する（Folder tree with drag and drop）
• 25　モーダルダイアログを表示する（modal message）
• 26　スライドダウン（アコーディオン）メニューを表示する（slidedown-menu2）
• 27　縦書き表示にする（竹取JS）
• 28　Google Calendarライクなカレンダーコンポーネント（FullCalendar）
• 29　多彩な美しいグラフを描画する（jqPlot）
• 30　複数ファイルに対応したアップロードスクリプト（uploadify）
• 31　インタラクティブなグラフを表示する（Flot）
• 32　jQuery UIで典型的なUIをコーディングレスで作成したい（jQuery UI）
• 33　アコーディオン式のパネルを生成する（Accordion）
• 34　テキストボックスにオートコンプリート機能を付与する（AutoComplete）
• 35　日付選択ボックスを実装する（Datepicker）
• 36　汎用的なダイアログボックスを表示する（Dialog）
• 37　スライダーを作成する（Slider）
• 38　リサイズ可能なパネルを作成する（Resizable）
• 39　ドラッグ＆ドロップ操作を可能にする（Draggable＆Droppable）
• 40　クリック＆ドラッグ操作で選択可能なリストを作成する（Selectable）
• 41　ドラッグ操作で要素の並び順を変更する（Sortable）
• 42　展開可能なメニューを生成する（Menu）
• 43　タブパネルを作成する（Tabs）
• 44　ツールチップを表示する（Tooltip）
• 45　LightBox風に角丸で画像をポップアップする（Facebox）
• 46　高機能なグリッドを表示する（jqGrid）
• 47　複数のメッセージを整列してポップアップ表示する（jquery-notice）
• 48　操作可能なドアノブ風グラフが描画できるライブラリ（jQuery Knob）
• 49　わずか6KBのカレンダーピッカー（jQuery.calendarPicker）
• 50　カーソル付近にローディング中アイコンを表示する（prettyLoader）
• 51　簡単にポップアップを実現するjQueryプラグイン（prettyPopin）
• 52　フォーム要素の見栄えを改善する（Uniform）

Part3　スマートフォン編

• 53　iPhone風UIのスマホサイトを作成する（iUI）
• 54　多彩なアニメーションで画面遷移できる（jqMini）
• 55　モバイルに特化したjQuery互換ライブラリでモバイルサイトを作成する（JqMobi）
• 56　スマートフォン向けのイベントを簡単に実装できる（QUOjs）
• 57　jQuery互換ライブラリZepto.JSを使用したモバイルサイトを作成する（Zoey）
• 58　Canvasを使ってFlashのような動きのあるコンテンツを作成する（jAction）
• 59　HTML5を使ってスマートフォン向けゲームを作成する（jAction（処理編））
• 60　モダンブラウザ用に最適化されたjQuery互換ライブラリで作成する（Zepto.JS）

Part4　小ネタ編

• 61　JavaScriptでクッキーを簡単に操作する（jquery.cookie）
• 62　短くかつ安全で高性能なコードを書く（CoffeeScript）
• 63　オブジェクト指向でコードを記述する（CoffeeScript）
• 64　処理を短く記述する（CoffeeScript）
• 65　HTML5＋JavaScriptベースでゲームを作る（enchant.js）
• 66　ブラウザ上でローカルにストレージを作る（jStorage）
• 67　SVG，VMLのグラフィックスライブラリ（Raphael）
• 68　入力補完ライブラリ（suggest.js）
• 69　JavaScriptベースのデータベース（TaffyDB）

Part5　フレームワーク編

• 70　HTMLそのものをテンプレートとして動的な表示を実現する（Angular.js）
• 71　ビューとコントローラーを紐付けDOM更新のコードを省略する（Ember.js）
• 72　Node.jsでWebアプリケーションを作る（Express.js（基礎編））
• 73　フレームワークを使ってNode.jsで効率的にWebアプリケーションを作る（Express.js）
• 74　RIA（Rich Internet Application）を開発する（Ext JS）
• 75　リッチな画面レイアウトを作成する（Ext JS）
• 76　シンプルで軽量なNode.js向けのフレームワーク（flatiron.js）
• 77　URLによって処理を分割する（Sammy.js）
• 78　さまざまなライブラリを使って，高機能なWebアプリケーションを構築する（Yahoo! User Interface Library）
• 79　データをキー／値のペアでキャッシュする（【YUI】Cacheモジュール）
• 80　JSONPなど外部リソースからデータを取得する（【YUI】DataSourceモジュール）
• 81　ドラッグ＆ドロップを実現する（【YUI】ドラッグアンドドロップモジュール）
• 82　ページのリフレッシュなしで遷移履歴を扱う（【YUI】Historyモジュール）
• 83　画像を必要なタイミングで読み込む（【YUI】ImageLoaderモジュール）
• 84　タブUIを実現する（【YUI】Tabviewウィジェット）
• 85　大規模なフレームワークでAjaxアプリケーションを作成する（qooxdoo）
• 86　MVCパターンでアプリケーションを構築する（Backbone.js）
• 87　Backbone.jsのModelを操作し，イベントを購読する（Backbone.js）
• 88　Backbone.jsのCollectionを操作し，イベントを購読する（Backbone.js）
• 89　MVVMパターンでアプリケーションを構築する（Knockout）
• 90　LINQ形式でコレクションを操作する（linq.js）
• 91　linq.jsのEnumerableとjQueryを相互に変換する（linq.jquery.js）
• 92　CoffeeScriptでMVCフレームワークを使う（batman.js）
• 93　CoffeeScriptで動的なアプリケーションを作成する（batman.js）
• 94　フレームワークを使って開発を楽にする（Spine.js）
• 95　MVCでアプリケーションを設計できる（Spine.js）
• 96　LINQ形式でObserverパターンを処理する（RxJS）
• 97　DOMイベントを起点とした処理をクエリ形式のメソッドチェーンで定義する（RxJS）
• 98　非同期処理をクエリ形式のメソッドチェーンで処理する（RxJS）
• 99　外部ファイル，Webサービスから取得したテンプレートとオブジェクトをバインドする（SNBinder）
• 100　さなざまなコレクション操作を行う（Underscore.js）
• 101　テンプレートとオブジェクトから文字列を生成する（Underscore.js）

Part6　テスト編

• 102　サーバを立ち上げ各ブラウザでテストができる（Buster.JS）
• 103　assert，should，expectという3種類の表現方法でテストをする（chai.js）
• 104　さまざまなブラウザ環境でJavaScriptのテストを行うことができる（JSTestDriver）
• 105　Node.jsでもブラウザでもシンプルにテストが記述できる（Mocha）
• 106　スタブやモック，フェイクオブジェクトを扱うライブラリ（Sinon.js）
• 107　さまざまな環境でのテスト結果を管理する（TestSwarm）
• 108　RSpec風の構文でBDD用のテストコードを記述する（Jasmine）
• 109　JasmineのSpy機能でテストダブルを作成する（Jasmine）
• 110　スタブ，モック，スパイといったテストダブルを作成する（JsMockito）
• 111　テストコードを実行し，ブラウザで結果を確認する（QUnit）