|
【カテゴリ】 JavaScript
JavaScriptライブラリ実践活用[厳選111]
サポート終了
|
WINGSプロジェクト 山田祥寛、安西剛、高江賢、高野将/著
株式会社 技術評論社/発行
定価
2,838円
B5版・
352ページ・
1色一部4色
ISBN 978-4-7741-5611-8
発刊日:
2013年3月19日
|
本書の特徴
厳選!JavaScriptのライブラリ便覧
たくさんあるJavaScriptライブラリの中から、役立つ、おもしろい、使えるものをピックアップし、サンプルソースとともに紹介しています。
各パートは、「UI(ユーザインタフェース)編」「スマートフォン編」「フレームワーク編」「テスト編」「小ネタ編」で構成されています。
デザイナーにもプログラマーにもおすすめしたい一冊です。
まとめて読んで 更にスキルアップのこんな書籍
- ・JavaScriptを利用するWebプログラマ向けの逆引き集
- 「JavaScript逆引きレシピ 第2版」(翔泳社)
- ・jQueryを基礎から始めるなら
- 「10日でおぼえるjQuery入門教室 第2版」(翔泳社)
- ・JavaScriptを基本から学ぶなら
- 「JavaScript本格入門 ~モダンスタイルによる基礎からAjax・jQueryまで」(技術評論社)
本書について取り上げていただいたブログさま
-
・あおきのTechメモ -
aoki1210さま
-
JavaScriptライブラリ実践活用111(2013年4月28日)
-
・びーおーぷんどっとねっと -
beopner12さま
-
JavaScript ライブラリ実践活用〔厳選111〕の紹介(2013年3月27日)
Contents |
- 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)
|
|