プロ直伝業務システム開発のためのＨＴＭＬ５攻略ガイド / 新日鉄住金ソリューションズ（ＮＳＳＯＬ）システム研究開発センターｈｉｆｉｖｅ開発チーム【著】

電子版価格
¥2,750

電子版あり

プロ直伝　業務システム開発のためのＨＴＭＬ５攻略ガイド

ただいまウェブストアではご注文を受け付けておりません。

サイズ B5判／ページ数 287p／高さ 24cm
商品コード 9784822237639
NDC分類 547.48
Cコード C3055

出版社内容情報

HTML5で業務システムを開発するために、必要な基本知識から具体的な活用例までを豊富な図表やコードで分かりやすく解説！

##内容##
HTML5を活用した業務システムの開発手法を分かりやすく体系的に解説しています。
業務システム開発の進め方、業務システムにおけるHTML5の位置づけといった基本的な考え方をはじめとして、Webエンジニアができるだけ実務的に使えるように、豊富な具体例を説明しています。
具体的なアプリケーションを想定して実践的かつ分かりやすく説明しており、ITエンジニアが業務システムを開発する際の教科書としても活用できます。
著者らの長年の経験・実績を体系化・整理することで、HTML5を使った業務システムの開発のイメージが持てるようになっており、プロジェクトを円滑に進めることができるようになります。

はじめに

【戦略編】
●第1章　HTML5による業務システム開発に踏み出そう
1.1　身のまわりで着実に普及が進むHTML5
1.2　業務システムへの適用を本気で検討すべき時期に来ている
1.3　まずはHTML5の基本と現状を押さえよう
1.4　「狭義のHTML5」と「広義のHTML5」
1.5　HTML5採用が適さないケースもある
1.6　業務システムは「フレームワーク」を使って開発する
1.7　様々な特徴を備えたフレームワークが存在する
1.8　業務システム開発向けフレームワークを選ぶ5つのポイント
1.9　「hifive」のアーキテクチャーと利用メリット

●第2章　HTML5を業務システム開発に適用する利点
2.1　HTML5でここまでできる！入力補助からオフライン実行まで
2.2　データ可視化三種の神器「チャート」「グリッド」「図形」

●第3章　HTML5を使った実際の開発の進め方
3.1　要件定義フェーズの進め方
3.2　設計フェーズの進め方
3.3　実装フェーズの進め方
3.4　テストフェーズの進め方
3.5　運用・保守フェーズの進め方

【実践編】
実践編のはじめに

●第4章　業務システム開発における実装フェーズの流れ
4.1　開発を始める前の考慮点
4.2　コーディングの準備
4.3　実行の準備
4.4　コード共有の準備

●第5章　業務システム開発におけるコーディングの基本
5.1　Hello Worldを作ってみよう！?コードの基本構造を理解しよう！
5.2　HTMLとJavaScriptを分離しよう！
5.3　フレームワーク導入で書き方を統一しよう！
5.4　HTML5のAPIを利用しよう！?Web Speech APIを利用しよう！
5.5　作成済みのUI部品を適用しよう！?再利用のための部品化を検討しよう！

●第6章　HTML5による実装の実際
6.1　開発の準備をする
6.2　画面の文書構造を定義する（HTML）
6.3　画面の見た目の装飾を定義する（CSS）
6.4　画面の操作や処理を定義する（JavaScript）

●第7章　HTML5の機能をより詳しく知る
7.1　画面の文書構造を定義する（HTML）
7.2　画面の見た目の装飾を定義する（CSS）
7.3　画面の操作や処理を定義する（JavaScript）

●第8章　ツールでアプリを洗練する
8.1　クライアントでデバッグする：開発者ツール
8.2　スタイルの記述を高度化する：Sass/LESS/Stylus
8.3　記述力やコーディングの品質を向上させる：TypeScript
8.4　早期にバグの可能性を発見する：JSLint/JSHint/ESLint
8.5　JavaScriptの動作を確認する：QUnit、JSCover
8.6　画面の実際の見た目をテストする：Selenium、Pitalium

●第9章　可視化部品を使った業務アプリ開発の実際
9.1　経費精算アプリケーションを作る
9.2　設計 202
9.3　実装（1）：基本的な機能の実現
9.4　実装（2）：チャート表示で一覧性向上
9.5　実装（3）：適切なタイミングで画面を更新：データバインディング
9.6　実装（4）：パフォーマンス向上のための工夫
解説　JavaScriptにおけるコンポーネント定義

●付録A　hifiveとその特長
A.1　hifive
A.2　Pitalium
A.3　リファレンス

●付録B　手軽にHTML5/JavaScript開発を始めるための環境構築法
B.1　Webブラウザーのセットアップ
B.2　Node.jsのセットアップ
B.3　HTTPサーバーのセットアップ
B.4　バージョン管理ツールのセットアップ
B.5　仮想マシン型の開発環境のセットアップ

おわりに：HTML5の広がりとこれから

新日鉄住金ソリューションズ株式会社　システム研究開発センター　hifive開発チーム［シンニッテツスミキンソリューションズカブシキガイシャシステムケンキュウカイハツセンター］

戦略編（ＨＴＭＬ５による業務システム開発に踏み出そう；ＨＴＭＬ５を業務システム開発に適用する利点；ＨＴＭＬ５を使った実際の開発の進め方）
実践編（業務システム開発における実装フェーズの流れ；業務システム開発におけるコーディングの基本；ＨＴＭＬ５による実装の実際；ＨＴＭＬ５の機能をより詳しく知る；ツールでアプリを洗練する；可視化部品を使った業務アプリ開発の実際；ｈｉｆｉｖｅとその特長；手軽にＨＴＭＬ５／ＪａｖａＳｃｒｉｐｔ開発を始めるための環境構築法）