ムダをゼロにする フロントエンド開発で使えるJavaScriptライブラリ

概 要

Webアプリのフロントエンド・エンジニアのためのHTML5やjQueryのよく使われるライブラリを解説したTips集です。本書は、HTMLやJavaScriptを学んだばかりの初心者、HTMLやCSSは理解しているがJavaScriptはよくわからないというデザイナー、今までサーバサイド技術を学んだがフロントサイド技術も理解したい人、フロントエンド技術を学んでスマホアプリを作りたい人などを対象に、HTML5、jQuery、jQuery UI、jQuery Mobileの他、jQueryのよく使われるライブラリをわかりやすく解説します。さらに、サーバサイドJavaScript技術の代表例であるNode.jsとゲームフレームワークenchant.jsについても取り上げています。サンプルデータのダウンロードサービス付き。

著者 飯塚康至
価格 本体2600円(税別)
ISBN 978-4-7980-3986-2
発売日 2013/11/23
判型 B5変
色数 2色
ページ数 448
CD/DVD
対象読者 初級
シリーズ
表紙イメージ
購入 アマゾンで購入する
楽天で購入する

※リンク先によっては、販売ページが用意されていないことがあります。あらかじめご了承ください。

新しいウィンドウで開く 書籍購入のご案内

サポート

サポート情報は以下からご参照下さい。

サポート情報へのリンク

目次

第1章 Webアプリケーションを理解したい

1 Webアプリケーションの仕組みを理解したい

2 フロントエンド・エンジニアリングとは

3 ライセンスについて知りたい

第2章 フロントエンド・エンジニアリングを始めたい

1 開発環境について知りたい

2 基本について知りたい

3 デバッグ方法について知りたい

4 Webサーバーを構築したい

第3章 最新のHTMLを利用したい(HTML5)

1 HTML5とは

2 HTML5の基本的な記述

第1項 基本的な記述

第2項 その他HTML5のタグについて

第3項 HTML5のフォームを利用したい

第4項 拡張された<input>タグを利用したい

第5項 追加されたフォーム関係の要素

第6項 その他の属性について確認する

3 APIの利用

第1項 データを簡単に保存したい(Web Storage)

第2項 HTMLの要素や属性を操作したい(Query Selector)

第3項 Hash Change を使って画面を変更したい

第4項 履歴を操作したい(history management)

第5項 位置情報を操作したい(GeoLocation)

第6項 クロスドメインで情報のやりとりを行いたい(PostMessage)

第7項 ファイルを操作したい(File API)

第8項 絵を描きたい(Canvas)

第9項 きれいな図形を表示したい(SVGの利用)

第10項 音楽やビデオを再生したい(Audio・Video)

第4章 JavaScriptライブラリを活用したい(jQuery)

1 jQueryの導入方法について知りたい

2 jQueryの基本的な使い方について知りたい

3 jQueryでHTMLを操作したい

4 jQueryでイベントを処理したい

5 jQueryで非同期通信を利用したい

6 jQueryでAjaxを利用したい

7 XMLデータをAjaxで利用したい

8 JSONデータをAjaxで利用したい

9 JSONPを利用して通信を行いたい

第5章 ユーザーインターフェースをかっこ良くしたい(jQuery UI)

1 jQuery UIとは

2 jQuery UIの導入方法について知りたい

第1項 導入

第2項 テーマの読み込みと日本語化

3 インタラクション機能を利用したい

第1項 ドラッグできるようにしたい

第2項 ドロップできるようにしたい

第3項 リサイズできるようにしたい

第4項 要素を選択できるようにしたい

第5項 要素を入れ替えられるようにしたい

4 ウィジェットの機能を利用したい

第1項 アイコンを利用したい

第2項 アコーディオンUIを作成したい

第3項 ボタンやチェックボックスをかっこ良く表示したい

第4項 オートコンプリートを利用したい

第5項 日付を簡単に入力したい

第6項 ダイアログをかっこ良く表示したい

第7項 メニューを表示したい

第8項 プログレスバーを利用したい

第9項 スライダーを利用したい

第10項 スピナーを利用したい

第11項 タブを利用したい

第12項 ツールチップを利用したい

第13項 エフェクトの機能を利用したい

第6章 スマートフォン用の画面を作成したい(jQuery Mobile)

1 jQuery Mobileとは

2 準備とjQuery Mobileの導入

3 テーマを変更する

4 画面遷移を行いたい

5 ダイアログやポップアップを利用したい

6 ツールバーを利用したい

7 ナビバーを利用したい

8 グリッドを利用したい

9 折りたたみコンテンツを利用したい

0 アコーディオンを利用したい

1 フォームを作成したい

2 リストを作成したい

3 イベントを処理したい

第7章 フォームでJavaScriptを活用したい

1 フォームの内容をJavaScriptでチェックしたい (jQuery Validation Plugin)

2 郵便番号から住所を入力したい (ajaxzip3)

3 都道府県をかっこ良く表示したい (jqselectable)

4 フォームにヒントTipsを表示したい (jQuery Form Tips)

5 フォームに入力規則を適用したい (Masked Input Plugin)

6 パスワードの最後の一文字を表示する (dPassword)

7 パスワードの強度を表示する (jQuery plugin: Password Validation)

8 トーストメッセージを表示したい (jQuery plugin: Message)

第8章 リッチな画面を作成したい

1 ツリーメニューを利用したい (jQuery Treeview)

2 スプレッドシートを利用したい (その1:Handsontable)

3 スプレッドシートを利用したい (その2:jQuery Grid Plugin)

4 グラフを表示したい (その1:jqPlot)

5 グラフを表示したい (その2:Highcharts)

6 グラフを表示したい (その3:ccchart.js)

第9章 アニメーション・画像を操作したい

1 テキストをアニメーションさせたい (Sliding Letters with jQuery)

2 スクロールにあわせてアニメーションさせたい (STWLLAR.JS)

3 画像を拡大して表示したい (fancyBox)

4 スライドショーを実行したい (FlexSlider)

5 画像ギャラリーを回転させたい (Cloud Carousel)

6 可変グリッドレイアウトを作成したい (Masonry)

7 プレゼンテーションを行いたい (REVEAL.JS)

第10章 サーバーサイドJavaScriptを利用したい(Node.js)

1 サーバーサイドJavaScriptについて知りたい

2 Node.jsの基本的な使い方を知りたい

3 自動再読み込みするようにしたい

4 テンプレートを利用したい

5 Webフレームワークを利用したい

6 get/postのデータを取得したい

7 セッションを利用したい

第11章 ファイルを操作したい

1 CSVファイルを読み込みたい (jquery.csv2table.js)

2 zipファイルを処理したい (JSZIP)

3 エクセルファイルを操作したい (xlsx.js)

4 EPUBドキュメントを読み込みたい(epub.js)

5 PDFファイルを読み込みたい (pdf.js)

6 ダミー画像を生成したい (Holder.js)

第12章 ゲームを作成したい(enchant.js)

1 enchant.jsとは

2 ダウンロードとサンプルの確認

3 enchant.jsの利用方法について理解する

4 キャラクターを配置したい

5 キャラクタをマウスで動かしたい

6 キーボードでキャラクタを動かしたい

7 キャラクタをアニメーションさせたい

8 キャラクタを回転させたい

9 背景色とSceneを変更する

10 テキストラベルの表示

11 サウンドの再生

PR

秀和システム