albatrosary's blog

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

Single-page Application

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

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

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

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

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

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

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の構築はできない”と言えます。 近年ブラウザの性能…

Rich Internet Application(RIA) から Single-page Application(SPA) へ

ここのところ SPA とは何かという話を良く聞かれてますので整理します。業務アプリケーションを構築するときに、SPA(Single-page Application) は RIA(Rich Internet Application) に変わる技術です。もはや Adobe Flash, Air, Silverlight, Javaアプレット …

SPA 開発に必要なアイテム Node.js

今や Node.js はフロントエンド開発になくてはならない存在です。フロントの特に UI を作成するために JBoss をインストールするとか GrassFish, Tomcat をというのはかなり重量級です。 grunt にしても Node.js を使っていますので「なぜ Node.js なのか」…