Software Design plusシリーズJavaScriptライブラリ実践活用
[厳選111]
[厳選
2013年3月20日紙版発売
2013年3月21日電子版発売
WINGSプロジェクト 著
B5判/352ページ
定価2,838円(本体2,580円+税10%)
ISBN 978-4-7741-5611-8
ただいま弊社在庫はございません。
書籍の概要
この本の概要
本書は,数あるJavaScriptのライブラリやjQueryプラグインから厳選したものを,その特徴からサンプルソースを付けた使用例まで111個を紹介します。取り上げるライブラリはそれぞれ「UI(ユーザインタフェース)編」「スマートフォン編」「フレームワーク編」「テスト編」「小ネタ編」に分けられており,デザイナも含むWebデベロッパー必携のライブラリ便覧です。
こんな方におすすめ
- Webアプリケーション開発者
- Webデザイナ
本書のサンプル
本書の一部ページを,PDFで確認することができます。
サンプルpdfファイル(235KB)なお,「Build Insider」でも本書の一部を公開しています。
目次
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)
この本に関連する書籍
-
PHPライブラリ&サンプル実践活用[厳選100]
昨今のPHPによるWebアプリ開発ではライブラリ,フレームワークの利用は必須で,またすぐに利用できるサンプルプログラムはとても重宝されています。そこで,本書では,...
-
JavaScript徹底攻略
概要 WEB+DB PRESS plus徹底攻略シリーズでは,Webアプリケーション開発のためのプログラミング技術情報誌『WEB+DB PRESS』の掲載記事をテーマ別に厳選し,再編集して...
-
JavaScriptテクニックバイブル ~効率的な開発に役立つ150の技
昨今のWebアプリケーションでJavaScriptは必須な言語となっており,サーバサイドからフロントエンドまで広く使われ,HTML 5の普及もありWeb開発の中心となりつつありま...
-
改訂第5版 JavaScriptポケットリファレンス
『あの定番書籍がHTML5対応,そしてAndroid,iPhoneなどスマートフォン対応!』Web開発の定番言語「JavaScript」は,プログラマーだけでなくWebデザイナーも必須のテク...