分122013年2月18日,第36回のHTML5とか勉強会はサイバーエージェントさんに会場をお借りして開催しました。今回は「2013年,Web開発の進化を探る」をテーマに,Web標準の進化,「⁠オフライン・ファースト」というコンセプトによるアプリ開発の進化,HTML5の現状における使われ方とこれからの使い方について講演いただきました。本稿では,HTML5とか勉強会スタッフの本間がその内容についてレポートします。Smithさんより,HTML5.1で追加されるAPIの中からNavigationControllerとtemplateを中心に講演いただきました。appcacheオフラインWebアプリケーション用のAPIとしてHTML5.0ではappcacheが提供されています。これは,Webアプリケーションのリソースファイルをブラウザでキャッシュし,オフライン時にこのキャッシュを利用することでサービスへのアクセスを可能にするものです。現状のappcacheはユーザがオフラインの時だけではなく,オンラインのときもキャッシュからデータを取得するという仕様で,使いにくく問題も多いとのこと。これを解決するため,最近1年間で3回の会議が行われ,その結果NavigationControllerという新しいAPIが登場することが発表されました。このAPIにより,既存のappcacheの問題は解決されることが期待されます。現状のappcacheではすべてのリクエストに対し,キャッシュされたリソースが用いられるという動作をします。NavigationControllerを使うと,すべてのネットワークリクエストはコントローラを通して行われるため,オフライン時の動作を柔軟に制御できると指摘しました。これは,プロキシと考えると分かりやすいとのことです。Controllerは,appcacheと比べて低レベルのAPIであり,使うに当たって必要なコードの量は増えるがパワフルであると言及しました。Controllerで可能になるだろうとのことでした。Controllerは現状ではまだアイデアですが,実装は迅速に進められると言います。講演前半の締めくくりとして,今年実装される最高のHTML5の仕組みとなるだろうとの見解を示しました。Componentsの一つであるtemplateタグの紹介から始まりました。ComponentsとはWebのUIをコンポーネント化するための仕組みです。時間の関係で講演の中では詳しい説明はありませんでしたが,白石さんの記事が参考になりますので,こちらを参照ください。Componentsはとても強力な機構であり,Ajaxの登場がWebの概念を大きく変えたように,Webアプリケーションの概念を大きく変えるものになるであろうとの見解を示しました。Componentsの紹介資料を読んでほしいと述べていました。最後に,W3CのGithubレポジトリを紹介し,「⁠誰でもHTMLの仕様やHTMLのテストケースの製作に関与することができる。テストケースは10~20万個ほど必要となるため,ぜひ協力してほしい」と講演を締めくくりました。詳しい内容は動画と資料をご覧ください。続いて,株式会社オープンウェブ・テクノロジーの白石俊平さんから「オフライン・ファーストの思想と実践」と題して,オフラインWebアプリケーションの作り方や,そのために必要な考え方について講演いただきました。Lambertさんの記事から有名になったそうです。2010年5月15日に言葉が誕生し,約一年半後の2012年にブレイクした「レスポンシブデザイン」と対比して,2014年の半ばくらいに「オフラインWeb時代」がくるのでは,と指摘する白石さん。オフラインWebアプリケーションは,データをあらかじめローカルにキャッシュし,まずはそこにアクセスを行うため,オフラインでも使用可能という恩恵だけでなく,アクセススピードも速くなり,ユーザビリティの向上が見込まれます。すべてのアプリケーションをオフラインに対応すべきというわけではなく,オフラインは「機能」であり,アプリケーションによって必要か否かを選択すべきものであると述べていました。どのようなアプリケーションにオフラインという機能を入れるべきなのか。白石さんはその基準を「読む中心のWebサイト」か「編集中心のWebアプリ」かで判断すると良いと解説していました。情報量が非常に多く,また最新性が重要であるニュースサイト等ではオフライン化するコストの方がメリットを上回ります。Slidesのように,ユーザの編集結果がいかなるときも保持されるべきアプリケーションの場合は,コストよりもメリットが大きくなります。その上で,オフラインの活路はモバイルアプリにある,と述べていました。Lambertさんの記事の内容をまとめて,オフライン・ファーストの勘所として,次の3つを挙げました。APIを呼び出す抽象化したオブジェクトを通じてデータを操作する普通のWebアプリとオフラインWebアプリでは作り方が全く異なり,Web開発者にとってはパラダイムシフトが必要であるため,この中でも一つ目が一番重要であると述べられていました。講演の後半では,オフラインでも動くメモ帳アプリのデモがありましたが,白石さんによると,データの同期処理の実装はとても難しいとのこと。同期処理中にオフラインになった場合どうするか,同期量を「必要最小限」に留めるにはどうしたらよいかなど,考慮すべきことが多いからだそうです。近い将来,このAPIを使用してデータを保存すれば自動で同期してくれる,というようなオフラインWeb対応のAPIが提供され,そのようなAPIの登場により2014年にはオフラインWebの時代が来るのではないか,と講演を締めくくりました。講演動画と資料はこちらで公開されています。先端IPアーキテクチャセンタ所属。html5jスタッフ。2019」を開催しました。DAY1・DAY2の様子を注目セッションとともにお伝えします。LINEのエンジニア3名がイベントに先駆けて見どころを紹介します。コードの安全性・安定性を高める開発サイクル~テスト管理の効率を上げ,脆弱性診断を自動で行う~本連載では,連載「業務を改善する情報共有の仕掛け」を受けつつ,安全性・安定性を加えた開発サイクルについて考えていきます。若者世代から圧倒的な人気を誇るライブ配信&動画投稿コミュニティアプリ「MixChannel」(ミクチャ)の裏側(レコメンドシステムやサーバサイド開発など)について解説していきます。その他の連載CSS3アニメーションでつくるインターフェイス表現CSS3によるアニメーション表現を紹介していきます。その中でも,幅広い読者に応用してもらえるだろうインターフェイスを主なお題とします。MySQL道普請便り本連載では,MySQLを使ったアプリ開発・運用に関するノウハウをご紹介していきます。RecipeUbuntuの強力なデスクトップ機能を活用するための,いろいろなレシピをお届けします。JavaScriptセキュリティの基礎知識JavaScriptに関するセキュリティ上の問題はどこで発生し,どうすれば防ぐことができるのか?について解説していきます。〜システムをきちんと運用するための基礎知識システムは「作って終わり」ではなく,運用の中でさまざまな問題が発生します。問題の発生に備えて事前にどのような対応をしておくべきなのか,問題発生時に何をしなければならないのか,ポイントを解説していきます。きたみりゅうじの聞かせて珍プレーソフトウェア開発の現場で体験したトホホな失敗,思わずうなる珍プレーをきたみりゅうじ氏が四コママンガで紹介。Linuxのメンテナンスの傍ら,Linuxやオープンソースソフトと日々を過ごす著者が,その魅力とつきあい方を,エッセイ風味でお届けします。PRESS特別編集部員,さわやか笑顔のスーパーハカーはまちちゃんとネット大好き14歳わかばちゃんが,毎号,読者の皆さんから寄せられたおたよりを紹介します。皆さんの日頃の悩みにも答えちゃいますよ。]メールでのお知らせメールで次の案内をお送りしております。メールの配信を希望する方は,利用したい項目をチェックしてメールアドレスを入力し,[登録]ボタンをクリックしてください。UPDATES[ほぼ週間に1回]新刊メールマガジン[ほぼ週間に1回]電脳会議の各号案内[ほぼ1ヵ月半に1回]※変更する場合や停止する場合は,登録情報変更ページをご覧ください。※登録いただいたメールアドレスには,そのお知らせ以外,配信いたしません。Ltd.ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。