ここ数年、従来のJavaやObjective-Cでのモバイルアプリ開発以外に、HTML5を使ってモバイルアプリを開発する手法、HTML5ハイブリッドアプリ開発が注目を浴びています。この記事では、第48回HTML5とか勉強会（ハイブリッドアプリ開発最新動向）で発表した「はやわかりHTML5ハイブリッドアプリ開発事情」での内容を解説することで、HTML5モバイルアプリについての基本的な知識を簡単に紹介します。 HTML5ハイブリッドアプリとは? それでは、まずHTML5ハイブリッドアプリの構造についてご紹介します。ハイブリッドアプリではアプリの画面としてWebViewというネイティブのコンポーネントを使います。このWebViewの中でHTMLの画面を表示するモバイルアプリがハイブリッドアプリです。図で表現すると、以下の画像でハイブリッドアプリの構造を表現することができます。 なぜハイブリッドア
「PCの死」と「平等なウェブ世界の終焉」 ここに書かれているようなウェブ世界の終焉が、近い将来実際にやって来る可能性は十分にあると思った。 ウェブ世界といっているのは、要はウェブブラウザのこと。 10年後、ウェブブラウザというのは時代遅れのアプリケーションになっているかもしれない。 完全に消えはしなくても、現在の RSS リーダーのようなストイックな位置づけになって、HTML リーダーと呼ばれているかもしれない。 ティムバーナーズリーが作った WWW は、HTML、HTTP、URL によって成り立っている。 その三要素のうち、HTML はもう半分ぐらい死んでいる。 ウェブサービスの多くは RESTful な API を持っており、ウェブブラウザやネイティブアプリなど複数種類のクライアントから利用される。これらはサーバーから JSON や XML といった非 HTML データを取得し、パース
HTML5かネイティブか。辛辣な意見が毎日のように飛び交っている。両者とも自分の正当性を証明するデータを持ち、議論のための理論武装もできている。この対立は当分続きそうだが、実はこの議論の中に、モバイル・アプリケーションについて企業が直面している本当の問題が埋もれてしまっている。モバイルに適したバックエンド・アーキテクチャーを持っているだろうか？ビジネス分析は正く行えているだろうか？企業やブランドや開発者たちは、アプリがどのコードで書かれるべきかを議論する前にそれらの準備を整える必要があるのだ。 HTML5かネイティブか？実はその質問自体が間違っている モバイルの議論でよくフォーカスされるのは、爆発的に成長するデバイスとオペレーティング・システムに対し、優秀なアプリをどのようにマルチプラットフォームで展開させるか、という点だ。これが最近の、HTML5派とそれに対抗するネイティブ派による一連の
Create engaging videos, images, and HTML5-based designs for your business that can run on any device Intended for business use only Features that help businesses bring ideas to life Google Web Designer gives you the power to create beautiful and compelling videos, images, and HTML5 ads. Use animation and interactive elements to build out your creative vision, then scale your content for different
Androidはまじでクソだ。具体的には標準ブラウザがクソだ。iPhoneにも最初は苦労させられたものだけれども、その比じゃない。仕事では自分はそういうAndroidのクソさに付き合うのが嫌で嫌で蕁麻疹がでそうなので、Androidはクソすぎるんでそういうリッチぽいのはやめたほうがいいですよ、無駄にコストがかかるだけですよと言い続け、その上でそこまで攻めてない感じのデザインにしたところで、しかしなおそのクソさを発揮しやがる。どういうことなんだ？ クライアントに相談を受け、オレは真摯に考えを述べる。「Androidがクソなんでそんなのはやめましょう」と。もちろんこれが正しい決断だという自分の考えには、一点のくもりもない。しかし、その結果、仕事の話自体が無くなるという、この無駄なサイクルにかけるコストをAndroidはどう保証してくれようというのか？弊社およびクライアントがお前に期待し、色々と
"There are a few things that are critically missing. One is tooling support. The second is operability. Because those two things don't exist, people are falling back to native. It's not that HTML5 isn't ready; it's that the ecosystem doesn't support it." LinkedIn has just launched the latest versions of its mobile apps, and in a stunning reversal, it’s gone from mobile web-based apps back to fully
インテル、無償のHTML5アプリ開発環境「Intel XDK」を公開。iOS/Android/Kindleなどクロスプラットフォーム対応 インテルは、先週4月10日から11日かけて中国北京で開催された「Intel Developers Forum Beijing 2013」（IDF Beijing 2013）において、クロスプラットフォームに対応したHTML5アプリケーションの開発ツール「Intel XDK」を発表しました。 Intel XDKはブラウザ上で動作するHTML5アプリケーション開発ツール（ChromeブラウザとJavaのインストールが必要）。HTML/CSS/JavaScriptで開発したアプリケーションを、PhoneGap機能でビルドし、iOS/Android/Kindle/Facebookなどのアプリケーションが開発できます。開発したアプリケーションは、各アプリストアで販
カタ氏(@hotchemi)が意識高い記事書いてたので、自分もまとめてみる。 文系学部生がSIerに入社してから読んだ本メモ - ギークに憧れて http://hotchemi.hateblo.jp/entry/2013/04/01/000844 自分Web系っていうかHTML5+Unity+AS3 のゲームガッツリ系+Webもやるって感じなので、最近の自己認識としてWebっていうよりはゲームプログラマな気がしている。 JSが多いのはHTML5ゲームの技術調査とかしてたからです。 書籍 ７つの言語 ７つの世界 作者: Bruce A. Tate,まつもとゆきひろ,田和勝出版社/メーカー: オーム社発売日: 2011/07/23メディア: 単行本（ソフトカバー）購入: 9人 クリック: 230回この商品を含むブログ (65件) を見る一部情報が古いが、ClojureやIoについて書かれた貴重
PCの世界でのWebの歴史はモバイルでも繰り返す 「モバイルHTML5の最先端を走っているのは日本。この分野はこれまでのように先行者に倣うことなく、自分たちでモバイルWebアプリの未来を作っていけるんだ」 DeNAの紀平拓男氏は、HTML5によるFlash Player「ExGame」の開発者。現在はHTML5の専門家として国内はもちろん、海外の最先端プレーヤーと情報交換するなど、積極的に活動している。 紀平氏はモバイルWebの話に先立ち、パソコン世界においてWebがどう進化してきたのかについて話を始めた。 「最初のターニングポイントは、Windows 95の発売だった。このときに初めてOSの中にインターネットへの接続機能が標準装備されたからだ」と紀平氏。この当時は「コンピュータを使う＝アプリを使う」という時代。インターネットも主にアプリを手に入れるために使われていた。ただしインターネット
［GDC 2013］Webブラウザで「Unreal Engine 3」がヌルヌル動く!? ゲームエンジンを5日でHTML5へ移植した驚きの技術とは ライター：米田 聡 Game Developers Conference 2013（以下，GDC 2013）の2日めとなる米国時間3月26日，Webブラウザ「Firefox」の開発で知られる米Mozilla Foundation（以下，Mozilla）が，「Fast and Awesome HTML5 Games」（高速かつ驚愕のHTML5ゲーム）と題するセッションを開催した。 HTML5はそのポテンシャルが高く評価されてはいるが，実際にそれで作成されたゲームを見ると，「Webブラウザ上のゲームならこんなものか……」と落胆させられるものが多い。そのため正直に言えば，筆者はあまり期待せずに参加したのだが，蓋を開けてみれば，たしかにタイトルどおり「
1. HTML5ハイブリッド アプリ開発実践編 クロスプラットフォーム開発で ハマりがちなポイントを解説 アシアル株式会社 久保田光則 URL : http://monaca.mobi/ Copyright © Asial Corporation. All Right Reserved. 1 2. 自己紹介 • 久保田光則 @anatoo • アシアル株式会社 • UI&UXデザイナー兼 ソフトウェアエンジニア URL : http://monaca.mobi/ Copyright © Asial Corporation. All Right Reserved. 2
２月の終わりにスペインで開かれた「Mobile World Congress 2013」で、「Tizen」「Firefox OS」という二つのモバイルOSの発表が注目を集めたが、これらに絡めて「モバイルOSの動向」に関しての記事を執筆して欲しいというリクエストが複数のところから来た。 それはそれで書いているのだが、私がもっと注目しているは、Andy RubinがAndroidの開発責任者のポジションから外れた件だ。 Googleのことなので多少違う意味合いがあるのかも知れないが、これがMicrosoftであれば99.9%降格人事だ。 合議制でものが決まる日本とは違い、米国の場合、「何をどんな目的で作るか」という product vision に関しては開発責任者が全責任を追う。そのため、責任者が変われば、作るものも大きく変わってしまう。 優秀な人であればあるほど、上からあれこれと指示される
多くの電子出版企業は自社の電子書籍あるいはデジタルコンテンツ向けのスタンドアロンアプリを制作しようとiOSおよびAndroidといった特定プラットフォームにますます目を向けるようになっている。Amazon、Barnes & Noble、Koboといったオンライン小売企業で入手できる昔ながらの電子書籍フォーマットにも対応している。電子出版企業とオンライン小売企業は利益を稼ぎ出し、エンドユーザーへの売り上げを押し上げる流通システムを提供すべく一様にアプリを開発しているが、HTML5は電子出版業界に横行する現在のモデルを破壊しようとしている。 昨年、Googleはブラウザベースの電子書籍として過去に公開した『20 Things I Learned about Browsers and the Web』のソースコードを公開した。アニメーション付きの本で、ページ送りアニメーションもすばらしい。ほとん
先週2月18日に都内で開催された「第36回HTML5とか勉強会」。テーマは「2013年、Web開発の進化を探る」でした。 そこで「2014年頃にはネットに接続しなくても使えるオフラインWebアプリケーションが流行するのではないか」と話したのが、html5j.orgの世話人でもある白石俊平氏。白石氏が解説する「オフラインファースト」は、これからのWebアプリケーションのひとつの方向性が示されていると思われます。 その講演の内容をダイジェストで紹介します。 オフラインファーストの思想と実践 html5j.org世話人の白石俊平氏。 オフラインファーストとは、オフラインを最初に考えてWebサイトを、Webアプリケーションを作ろうという思想のことです。 で、オフラインファーストって、モバイルファーストという言葉に似ています。モバイルファーストというのは2010年に登場した言葉で、これは去年、とにか
3. Developers Summit 2013 ⾃自⼰己紹介 n 1997-‐‑‒2003 Palmscape / Xiino の開発 ⁃ Palm OS⽤用ウェブブラウザ • 実質世界初 ⁃ Sony, IBM, NTTドコモ等が採⽤用 n 2004 「Webアプリ統合開発環境の開発」 ⁃ IPA未踏スーパークリエータ 3 Copyright (C) 2013 DeNA Co.,Ltd. All Rights Reserved. 4. Developers Summit 2013 ⾃自⼰己紹介 n 2005-‐‑‒2010 サイボウズ・ラボ ⁃ ウェブ関連のR&D業務 ⁃ Japanize / Pathtraq • ウェブブラウザ拡張を使うサービス ⁃ Q4M • メッセージキュー（MySQLプラグイン） • Mixi, NHN,
もちろん、すべてHTML5を中心とする標準技術であるため、JavaScriptを通じてそれぞれを組み合わせて利用できます。 注目されるGraphicalWeb こうした新しいWebのグラフィックス技術の拡大もあり、2012年にはThe Graphical Webというカンファレンスがスイス開催されました。 The Graphical Web2012のWebサイト 実はこのカンファレンス、2002年から10年以上も続いているカンファレンスで、2011年まではSVG Openという名前で開催されていました（ちなみに、2007年には日本で開催されました）。しかし、2012年からカンファレンス内で扱う技術はSVGのみにとどまらず、HTML5 media、CSS3 Animations、2D Canvas、WebGLなどの技術も取り上げることとなり、こうした技術の総称としてカンファレンスのタイト
iOS 5.1 では、サードパーティアプリの内蔵ブラウザで localStorage が使えないという問題が発生する場合があります。これは iOS 5.1 のバグのようです。Web SQL Database でも同じ問題が起きるようです。 （localStorage とは、ウェブブラウザが内部的に持っている機能で、ウェブページ内の JavaScript から任意のデータを読み書きすることができる入れ物です。Cookie と似ています。例えばユーザーがフォームに入力した情報を JavaScript が裏で localStorage に保持し、ユーザーが次に同じページにアクセスした時に自動的に再入力させるようなことに使われます。） 実際、手持ちのいくつかのアプリで、localStorage が正しく使えないことを確認しています。しかしその問題の発生条件がちょっとややこしそうなのです。 色々ググ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
![[video] Steve Jobs unveils latest iMac](https://cdn-ak-scissors.b.st-hatena.com/image/square/9a0677da37104b4220ba79edc8c43bf707464341/height=288;version=1;width=512/https%3A%2F%2Ffanyv88.com%3A443%2Fhttps%2Fwww.cnet.com%2Fa%2Fimg%2Fresize%2Fb7236b582bbc1e5e3bbeb4cc2157d35709a1967b%2Fhub%2F2024%2F03%2F22%2Ffd0e95ec-8e61-460f-aae9-1d9b34f02cf8%2Fcnet-promo-image.jpg%3Fauto%3Dwebp%26fit%3Dcrop%26height%3D675%26width%3D1200)
