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. セキュリティ

    初心者にも優しく解説!ゼロトラストネットワークアクセスのメリットと効果的な導入法

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

    Google が推奨する生成 AI のスタートアップガイド、 AI を活用して市場投入への時間を短縮

  3. セキュリティ

    「2024年版脅威ハンティングレポート」より—アジアでサイバー攻撃の標的になりやすい業界とは?

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

    改めて知っておきたい、生成AI活用が期待される業務と3つのリスク

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

    ITR調査結果から導くDX浸透・定着化-“9割の国内企業がDX推進中も成果が出ているのはごく一部”

ZDNET Japan クイックポール

所属する組織のデータ活用状況はどの段階にありますか?

NEWSLETTERS

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

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

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