HTML5 Experts.jp

JavaからHTML5ヘ--業務システムの開発におけるウェブ技術の変化と適応事例(前編) - (page 3)

佐川夫美雄

2013-11-25 12:00

開発スタイルがどう変化したか

 開発のウェイトがJavaからJavaScriptへ移ったことにより、アプリケーション開発環境も大きく変化しています。従来型では

  • Eclipse or NetBeans
  • maven
  • svn
  • JUnit & DBUnit
  • enkins

 が主たる開発環境でありましたが、JavaScriptフレームワークを用いたウェブアプリケーションでは

  • sublime textなど
  • Yeoman(yo, grunt, bower)
  • Jasmine
  • git &github
  • travis

といった開発が有用です。

 「開発者にとって開発環境がすべて」という表現をされる方もいますので、ここで少し私が使用している開発インフラYeomanについて触れたいと思います。


 Yeomanはyo、grunt、bowerの3つのツールで構成されている「Web App Development Through Tooling」です。それぞれの役割はYeomanのサイトから引用すると次の通りです。


 Yeomanは次の目的のために使用しています。

  1. yoによるテンプレートの作成。
  2. bowerによる依存関係を管理
  3. gruntによるアプリケーションの開発およびリリースビルド

 特にビルドプロセスでは

  • JavaScript/CSS等の圧縮
  • JavaScriptに対してUnitテストを実施

 などです 。テンプレートに関しては必要となるJavaScriptフレームワーク、ユニットテストツール、altJS、Sass/Compass、csslint、jslint等が含まれています。このテンプレートは初めから作成することも可能ですし、すでにあるテンプレートをカスタマイズして利用することも可能です。一般的にプロジェクトで使用する場合はある程度カスタマイズした方が良いでしょう。

 grunt、bowerですが、mavenやantを利用したことがある方ならイメージがつきやすいかと思います。Yeomanの詳細については次の機会に紹介します。

 当然ですが、サーバサイドのモジュールを開発するときには従来型の開発環境を使います。

 後編は開発要員構成などについて解説します。

 ※この記事はHTML5 Experts.jpJavaからHTML5ヘ。業務システムの開発におけるWeb技術の変化と適応事例をZDNet Japan編集部が加筆、修正したものです。

画像
佐川夫美雄
 生産管理での開発、プロジェクトマネージャを経験した後、Open系開発エンジニアとして品質管理・生産管理システムの開発に従事する。Oracleデータベースに精通し、Oracle Master Platinum 9iを取得。Javaでのフレームワーク開発を経験し、バックエンドからフロントエンドエンジニアへ転身。現在はプロジェクトマネージメントやアーキテクチャ選定、メンバー教育まで幅広く活躍している。

Keep up with ZDNet Japan
ZDNet JapanはFacebookページTwitterRSSNewsletter(メールマガジン)でも情報を配信しています。

ZDNET Japan 記事を毎朝メールでまとめ読み(登録無料)

ホワイトペーパー

新着

ランキング

  1. セキュリティ

    「デジタル・フォレンジック」から始まるセキュリティ災禍論--活用したいIT業界の防災マニュアル

  2. 運用管理

    「無線LANがつながらない」という問い合わせにAIで対応、トラブル解決の切り札とは

  3. 運用管理

    Oracle DatabaseのAzure移行時におけるポイント、移行前に確認しておきたい障害対策

  4. 運用管理

    Google Chrome ブラウザ がセキュリティを強化、ゼロトラスト移行で高まるブラウザの重要性

  5. ビジネスアプリケーション

    技術進化でさらに発展するデータサイエンス/アナリティクス、最新の6大トレンドを解説

ZDNET Japan クイックポール

注目している大規模言語モデル(LLM)を教えてください

NEWSLETTERS

エンタープライズ・コンピューティングの最前線を配信

ZDNET Japanは、CIOとITマネージャーを対象に、ビジネス課題の解決とITを活用した新たな価値創造を支援します。
ITビジネス全般については、CNET Japanをご覧ください。

このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]