albatrosary's blog

UI/UXとエンタープライズシステム

2014-01-01から1年間の記事一覧

HTML5勉強会#11(名古屋)でYEOMANのお話をさせて頂き感じたこと

名古屋ではじめてお話させて頂きました。YEOMANを説明してSingle-page Applicationを開発するときにモックサーバをgruntタスクに追加すると良いです、というストーリーです。Webサーバの構築ができるできないに関わらずモックサーバを使う意味というのはあり…

「オープンソースカンファレンス 2014 Tokyo/Spring」と「Enterprise ☓ HTML5 Web Application Conference 2014」で連続登壇してみて、これからの業務系Web Application開発者に必要なことを考えてみた

HTML5を含めその関連技術は数年前のHTML4と比べ数十倍技術要素が必要に成っています。これは、ある意味当たり前のことでやることが多くなれば、それを整理するためのフレームワークや開発するためのツール郡が多く産出されるという、ごく自然なことと思いま…

JsTestDriverを使ってマルチブラウザでのユニットテスト

JsTestDriverを使って複数のブラウザでのユニットテストをします。JsTestDriverはgoogleが作ったJavaScriptユニットテスト用のjar(JsTestDriver.jar)です。このJsTestDriverを使って面倒なマルチブラウザテストを行いましょうというのが今回の趣旨です。JsTe…

Offline Web Application必須アイテム「Web Storage」を使うためのハードルは?

Offline Web Applicationを開発するためのポイントがいくつかありました。 Application Cache Web Storage Application Cacheは静的な情報(HTML、CSS、JavaScript)をキャッシュする仕組みでありWeb Storageは動的な情報をキャッシュする仕組みと考えることが…

Yeomanを使った簡単SPA開発手順

フロントエンドアプリケーションを開発するためには、構築するためのワークフローが存在します。あまりメジャーではありませんが手順を踏んで作業したいと、どんなにすばらしいJavaScriptフレームワークを使ったとしても最終的には不味いスパゲティの出来上…

WebアプリケーションなのにOffline Web Applicationって?

Offline Web Applicationをご存知ですか?私がHTML5でのアプリケーション開発に踏み切ったきっかけとなった技術要素なのですが、html5j白石さんの「オフラインファーストの思想と実践」から学び、使える技術としてエンタープライズでの利用を試みました。201…

Application Cacheの利点を生かしたSingle-page Application - 概要編

Webアプリケーションを構築する上でレスポンスを向上させるための技術のひとつとしてキャッシングというものがあります。キャッシングされる仕組みは アプリケーションサーバ プロキシサーバ ブラウザ で実装されています。 W3Cではこれとは別にApplication …

Web標準から見たSingle-page Applicationのこれから

2014年の今年、HTML5が正式勧告になることをうけ、Web標準に関する事柄をまとめなおしました。やはり業務系Webアプリケーションを構築するにあたって注目する技術は4つあります。 Application Cache WebStorage Web Worker WebSocket この4つは業務アプリ…

デベロッパーサミットを通して業務アプリケーションの将来を見た

デベロッパーサミットを含め4日連続の登壇をさせて頂きました。何れも業務系Webアプリケーションの方向性を決めるための内容に成っています。もはやSingle-page Applicationで業務系Webアプリケーションを構築するのは当たり前になります。 業務系Webアプリ…

エンタープライズ向けHTML5カンファレンスの開催

2/28に明星大学でhtml5jエンタープライズ部によるエンタープライズ向けHTML5カンファレンスが開催されます。OSC.Tokyo(2/28-3/1)と同時開催ですので来客数がすごいことになりそうな予感です。 開催概要 HTML5、すでに利用可能な技術なのは明確なのですが、い…

Single-page Application(SPA)でeasymock or stubbyを使ってJSON簡単開発

Single-page Application(SPA)によりフロント開発にかかる手間が膨大になっています。SPAの開発をするときに通信部分(JSONやJSONPなど)をどうすればいいのかが問題になります。解答としてはスタブAPIサーバを作成し対応します。 画面開発するためにアプリ…

Yeoman+CoffeeScriptでSinge-page Applicationを簡単開発

YeomanとCoffeeScriptを使ってbackboneを利用したSingle-page Applicationを作ります。yoとbowerに微妙感があると聞きますが、大規模開発では開発効率を上げるために、ここが重要になります。 内容ですが社内ハンズオンでのものです。基本的には過去のブログ…

Single-page Applicationは、はやるのか?!(HTML5Experts.js編集後記)

Single-page Application(SPA)はただのバズワードか?今後HTML5を使って業務アプリケーションを作るならSPAで間違いないです。WebサーバはAPIサーバに徹底しフロントシステムとバックエンドを疎結合にする、すばらしいアーキテクチャです! RIAに代わる技術…

Backboneのための開発ツール:Backbone Eye

Backbone EyeというSPA開発で注目されているBackboneアプリケーションを開発するためのFirebugプラグインが存在します。 Firebug (ファイアバグ)とは、JavaScript コンソールやウェブページの HTML, CSS, JavaScript などの編集・デバッガ・プロファイラ、…

Single-page Application(SPA)を構築するための7つの勘所

業務アプリケーションを開発するために、特に、Single-page Application(SPA)を構築する場合に必ず考えなければいけない、最も重要な7つの要素を上げます。マネージャ視点から考えても”ここを外してはSPAの構築はできない”と言えます。 近年ブラウザの性能…