本記事は「HTML5ハイブリッドアプリ開発を支えるOSS『Cordova』シリーズ」の2本目です。前回に引き続き、2014年6月10日に開催された「第1回Apache Cordovaスーパー勉強会」にて、アシアル株式会社の田中正裕氏が行なった講演のダイジェストをお届けします。 Cordova派生の製品がいくつも登場、どのように差別化が進められてきたのか？ 元々は、PhoneGapという製品を中心に色んなエコシステムがあったのですが、Cordovaというオープンソースに変わったことで、そこから派生して色んなプロジェクトが各社によって作られています。 例えば、IBMのWorklight Projectも、Cordovaから派生したディストリビューションです。GoogleのChrome AppsというPC上でアプリを動かすプラットフォームがあるのですが、それのモバイル版「Google Chrom

ハイブリッドアプリとは何か？なぜ今、Cordovaがアツいのか？ iPhoneにAndroid、WindowsPhoneと、モバイルデバイスは混沌としており、「ネイティブアプリ」の開発には高いコストが必要とされます。一方で、ブラウザを活用した「Webアプリ」は、パフォーマンスやデバイス制御に大きな制約がつきまといます。このような、ネイティブアプリとWebアプリの互いが持つ問題点を補う手段として、「ハイブリッドアプリ」と呼ばれる開発方法が注目を集めています。 ハイブリッドアプリの実現手段には、OSSの開発ツール/フレームワークである「Cordova」が有名です。HTML5の活用することで、ひとつのソースコードからiOSやAndroidなどの複数のモバイルOSに対応させることができ、またネイティブアプリが持っているポテンシャルを活かしたアプリ開発ができます。その起源は、2011年にAdobeが

HTML5 Nightで川田寛さんから出題されたCodeIQスポンサー問題に関する解説記事です。 HTML5.1時代の「Webマークアップ技術」「Webセキュリティ技術」「Webパフォーマンス技術」「ネットワーク技術」「Webオフライン技術」「Webグラフィクス技術」についての濃すぎる解説をお楽しみください！ by 馬場美由紀 （CodeIQ中の人） HTML5 NightでCodeIQがピザスポンサーに 今回のHTML5 Nightでは、CodeIQがピザスポンサーを務めました。 スポンサー問題の出題は、HTML5 Night主催者の川田寛さん！ CodeIQ事務局から難問を6問出題してほしいというムチャぶりに見事応えていただき、HTML5.1時代の「Webマークアップ技術」「Webセキュリティ技術」「Webパフォーマンス技術」「ネットワーク技術」「Webオフライン技術」「Webグラフィ

企業にモバイルを適用するにはどうすればよいのか？そのための答えの一つに、MEAPが力を持ち始めています。 もちろん、MEAPが解決方法の全てというわけではありません。MEAPはベンダ色が強く出るため、毛嫌いする人も少なくないようです。マイクロソフトやアップルのようなプラットフォームを持つベンダも、そのメリットを活かした戦略をいくつか打ち出してはいるものの、やはり、ベンダに強く依存してしまうことに変わりないようです。このあたり、W3Cでも全く動きが無いというわけでもなく、技術革新の途中であるため、オープンな仕様が作りにくいというのが実情にも思えます。 MEAPと呼ばれている製品の本質的な価値はなんなのか？一体企業のどこを変えるのか？そのことを追い求めて、Sencha Space→SAP Mobile Platformとベンダを横並びにして評価してきました。しかしそれも今回で最終回です。今回味

1990年代にマイクロソフトでインターネット製品部門長を務めていた村上 恒雄氏は、当時をこのように振り返っています。 実際に、ChromeやFirefoxと比較してみると、IEは機能アップデートに対して慎重な姿勢で、そのことにWeb制作者/開発者は「マイクロソフトはWebの進化を止めている」と強く批判することがあります。 しかしそれは、IEが「企業」で扱われるということが強く意識されたからであり、後の企業系システムのオープン化ブームでも、彼らのこうした姿勢が高い価値を発揮したと言えます。企業内のシステムのオープン化が進み、多くのクリティカルな業務でも、IEを活用したWebアプリは広く活用されました。 ところが、ブラウザが「HTML5」への準拠を強化し、ブラウザ間の動作の差異が小さくなったことで、Webアプリのあるべき姿は「IE特化型アプリ」から「マルチブラウザ対応型アプリ」へとシフトしまし

企業にモバイルを導入するにはどうすればよいか？・・・その答えとして、2012年ごろから注目を集めているのが、「MEAP(Mobile Enterprise Application Platform)」と呼ばれるモバイルファーストな製品群です。 本連載は、IBMやSAP、Senchaなど、複数の企業が提供しているMEAP製品を少しずつ味見して、MEAPとは一体何なのか、企業のシステムの何を変えようとしているのか、その全体像を掴んでみようという企画として始めてみました。第3回の今回、そろそろ本質みたいなのが見えてきてもいい頃でしょう。 さて、今回探りを入れるのは、製品ベンダ「SAP」です。彼らが、MEAPに対してどのようなアプローチを試みているのか、探ってみましょう。前回紹介したSenchaはいわゆる、フロントエンドのリッチ化、HTML5によるSPA(Single-page Applicati

「モバイルファースト」というキーワードは2012年頃にブームとなりましたが、2年の時を経て、ようやく実用的な姿、具体的な形となりはじめています。中でも、企業向けモバイルの適用には、HTML5を活用した「ハイブリットアプリ開発」を中核とすべきという考え方が、オラクル、マイクロソフト、SAP、IBMなどの大手ソフトウェアベンダーから支持されています。HTML5はこれからモバイルでどのように価値を発揮していくのでしょうか？その全貌を掴んでみましょう。 エンタープライズモバイルの世界に突如あらわれた「Apache Cordova」とは 2016年までに企業向けのモバイルアプリの過半数が、HTML5を活用したハイブリッドアプリになる。 これは、2013年に米調査会社ガートナーが「Gartner Says by 2016, More Than 50 Percent of Mobile Apps Dep

2014年06月14日に開催された、htmlday 2014の大懇親会「HTML5 Night」。 普段かっこいい姿しか見せないIT業界(Web関係)の人間が、見たことのない一面を覗かせ、笑いあり、感動ありの、楽しい時間を提供してくれました。その一部始終を、Togetterという形でご紹介します。お楽しみ下さい。 ▼ 募集ページ http://atnd.org/events/51627 続きを読む

第10回 html5エンタープライズ ナイトセミナー 「今夜、Webアプリの正しいUIテストの方法が決定されます」 http://atnd.org/events/51156 【概要】 誰もが一度は考えたことがある、WebアプリのUIテストの自動化。上手く導入できている人もいれば、そうでない人もいるかもしれません。また、導入できたとしても、コストが増えただけで何が良かったのかよくわからないという状況に陥っている人もいるでしょう。 今夜、サイボウズやDeNAなどUIテストの自動化を現場で導入しているエンジニアや、企業向け開発へ適用を進めるエバンジェリストの口から、UIテストは何が嬉しいのか、どうやって扱えば良いのか、「正しいUIテスト」について語って頂きます。 【動画】 https://www.youtube.com/watch?v=b7ZYKuSgcE4 https://www.yout

Navigation Timingだからできる、Webアプリを俯瞰したパフォーマンス計測(3/3) 川田寛（ピクシブ株式会社） いよいよHTMLドキュメントのダウンロードと、画面上への表示です。この動作の仕組みから、TATの「終了」がいつなのかを追ってみましょう。「終了」についてはかなり奥が深く、Web標準でもそのプロセスを「The End」として定義はしていますが、それだけでは語りきれない難しさがあります。 4. TCP接続、5. HTTPリクエスト/レスポンス 名前解決で得られたIPアドレスを使って、HTMLドキュメントが置かれたサーバへ「4. TCP接続」します。いわゆる、3ウェイハンドシェークというものです。サーバとの接続交渉が終わると、HTTPリクエストをサーバへ送信し、HTTPレスポンスを受け取ります。 HTTPレスポンスの結果からリダイレクトであることが発覚した場合、「2.

ガチで熱すぎて、スケジュールを大幅に超過。次回はイベント自体のパフォーマンス改善が必要だろうと評価された、「html5j パフォーマンス部 第1回勉強会」の模様です ・挨拶 html5j管理人 白石 俊平氏 ・Webパフォーマンス事始め html5jパフォーマンス部部長 Keynote Systems, Inc. / Spelldata, Inc. 竹洞 陽一郎 ・JavaScriptの高速化 株式会社ディー・エヌ・エー 坊野 博典氏 続きを読む

Navigation Timingだからできる、Webアプリを俯瞰したパフォーマンス計測(2/3) 川田寛（ピクシブ株式会社） 前回の記事でもお伝えしたとおり、ブラウザのメカニズムが、TATの計測を複雑にしています。その事情について、まずTATの「開始」をどこにするかについて考え、紐解いてみましょう。Web標準で定義するところのブラウザの動作について、少しだけデフォルメさせた処理モデルを使って、全体の流れを解説します。以下の図の赤字はtimingオブジェクト配下にあるプロパティ、数字が振ってある矢印は処理の流れです。 0. ナビゲーション開始 Webページの読み込み動作を、「ナビゲーション」と呼びます。ブラウザは、ネットワーク上のHTMLドキュメントにアクセスすると、Webページを構成する様々な情報を削除(アンロード)します。そして、新しくHTMLドキュメントを読み込み、DOMを構成し、J

Navigation Timingだからできる、Webアプリを俯瞰したパフォーマンス計測(1/3) 川田寛（ピクシブ株式会社） こんにちは、html5jパフォーマンス部、スタッフの川田です。5月8日ですが、私たちのコミュニティ主催で勉強会を開催することになりました！！ そして、残念なお知らせです。募集した直後に、席が埋まってしまいました！せっかく、これだけ多くの方にパフォーマンスへ興味を持っていただいたのに、このままじゃもったいない！ なので本記事では、この勉強会で語られない、別の切り口からパフォーマンスについて語ってみようかと思います。内容は、私が技術評論社「Software Design 2014年5〜7月号」にて連載しております、「Web標準技術で行う、Webアプリのパフォーマンス改善」で扱っているテーマの一部を、Web向けに書き直したものです。 Webアプリのパフォーマンス計測は簡

企業によるモバイルデバイスの利用や、Web技術を使ったシステムの増加によって、エンタープライズ向けITにおいて「HTML5」が注目されている。HTML5は、オープンなWeb標準規格として期待される一方で、これまではなかなか浸透してこなかったが、「エンタープライズでは今年がHTML5の元年になる」との声も聞かれるようになってきた。2月28日に開催された、エンタープライズに特化したWeb標準技術のカンファレンス「Enterprise x HTML5 Web Application Conference 2014」では、「HTML5はエンタープライズITにどのような影響を与えるのか？」「 どういう価値をもたらすのか？」という観点から、Web業界のキーパーソンらによるパネルディスカッションが開催された。 いま、なぜHTML5が注目されるのか？その背景と理由 パネルディスカッションに登壇したのは、W