タグ

HTML5とSPAに関するdrumscoのブックマーク (4)

  • Web標準から見たSingle-page Applicationのこれから - albatrosary's blog

    2014年の今年、HTML5が正式勧告になることをうけ、Web標準に関する事柄をまとめなおしました。やはり業務系Webアプリケーションを構築するにあたって注目する技術は4つあります。 Application Cache WebStorage Web Worker WebSocket この4つは業務アプリケーションエンジニアにとって目が離せないものとなるでしょう。 Web標準(HTML5)のいま 2000年頃HTML4.xxが正式勧告になりましたが、それ以降Web標準を決める事象が発生していませんでした。ゆとり世代に突入です。ゆとりは技術者にとって技術は変化しないという間違った意識を植え付けましたが、今年は大きく揺らぎが発生します。それがHTML5正式勧告です。 今後の業務系Webアプリケーション Single-page Applicationでのブラウザーアプリケーション構築は既に当たり前

    Web標準から見たSingle-page Applicationのこれから - albatrosary's blog
  • Application Cacheの利点を生かしたSingle-page Application - 概要編 - albatrosary's blog

    Webアプリケーションを構築する上でレスポンスを向上させるための技術のひとつとしてキャッシングというものがあります。キャッシングされる仕組みは アプリケーションサーバ プロキシサーバ ブラウザ で実装されています。 W3Cではこれとは別にApplication Cacheという規格を定義しています。Single-page Applicationとの相性は良いとされていますがアーキテクチャの観点から何がどうなっているのかを今回は簡単に概要を述べたいと思います。 Application Cacheとは 静的なリソースに対してブラウザにキャッシングする仕組みがApplication Cacheです。AppCacheとも言うことがあります。実装は簡単で次のようHTMLへの定義およびmanifestファイルの記述でAoolication Cacheの実装が可能です。メリットはオフラインの状態でもur

    Application Cacheの利点を生かしたSingle-page Application - 概要編 - albatrosary's blog
  • Single-page Application(SPA)を構築するための7つの勘所 - albatrosary's blog

    業務アプリケーションを開発するために、特に、Single-page Application(SPA)を構築する場合に必ず考えなければいけない、最も重要な7つの要素を上げます。マネージャ視点から考えても”ここを外してはSPAの構築はできない”と言えます。 近年ブラウザの性能が向上したため、過去できなかったJavaScriptで多くの処理が可能となっています。Backbone.js や Angular等のJavaScriptフレームワーク、bootstrap等のCSSフレームワーク、開発環境のYeomanなど、もはや道具はすべて整っていると言えます。実際に私がSPAで構築するときに考えた事項です。 JavaScriptフレームワークを導入すること altJSを導入すること CSS Preprocessorを導入すること 適切な開発環境を提供すること フロントとバックを分散開発すること ハックで

    Single-page Application(SPA)を構築するための7つの勘所 - albatrosary's blog
  • Rich Internet Application(RIA) から Single-page Application(SPA) へ - albatrosary's blog

    ここのところ SPA とは何かという話を良く聞かれてますので整理します。業務アプリケーションを構築するときに、SPA(Single-page Application) は RIA(Rich Internet Application) に変わる技術です。もはや Adobe Flash, Air, Silverlight, Javaアプレット など RIA の役割は終焉を迎え SPA という流れになっています(と考えています)。 従来の Rich Internet Application(RIA) RIA が注目されていた技術(特に下記3つ)は 表現力の高さ:動画や音声などマルチディアの活用が可能で高いデザイン性を持った画面要素の再生機能を備える デスクトップアプケーションと同等なUI:画面をリフレッシュすることなく、バックエンドでサーバーとデータの送受信が可能 ユーザーエクスペリエンス:ユー

    Rich Internet Application(RIA) から Single-page Application(SPA) へ - albatrosary's blog
  • 1