HTML5によるハイブリッドアプリ開発に関する雑記 - id:anatooのブログ
HTML5でiPhoneやAndroid向けのハイブリッドアプリを作るのが最近の流行りみたいです。ハイブリッドアプリとは、外面は普通のアプリとしてAppStoreやGoogle play marketでインストールできるものの、その中身や一部がHTML5で記述されているアプリです。 最近の有名な例だと、CookpadやLinkedIn、はてなスペース、少し前にネイティブに移行してしまいましたがfacebookのモバイルアプリもHTML5を使って記述されていました。GREE界隈で言われているらしいガワネイティブっていう言葉もハイブリッドアプリを指します。ちょっとググってみると、2016年には企業向けのアプリの50%がハイブリッドアプリになるという予測もあります。 ハイブリッドアプリの何がいいかというと、Objective-CとかJavaとかがわからなくてもウェブ系技術者であればAndroid
AndroidやiOSの「ハイブリッドアプリ」で，JavaScriptとネイティブ・コードが連携する仕組みを図解 （おまけ：HTML側で施すべき，クロスプラットフォーム対策） - 主に言語とシステム開発に関して
AndroidプログラミングのTOPへ HTMLやJavaScript等のWeb技術を使って，AndroidやiPhoneなどモバイル環境のネイティブ・アプリを作成する事ができる。 そういうアプリの事をハイブリッド・アプリと呼ぶ。 AndroidとiOSでは，ハイブリッド・アプリを実現するためのアイデアは，非常に似ている。 下記の図を見れば，仕組みが酷似している事が分かるはずだ。 なおWindows Phoneの場合も，だいたい似たようなフロー。 以下では，各プラットフォームごとの詳細な事情をメモする。 また，複数プラットフォーム間での移植性を向上させるために，HTML側でどのように対処したら良いか？という課題についても述べる。 （１）Androidの場合 Androidでハイブリッド・アプリを実現するための仕組みは，下記のエントリに記述した。 たった２ファイルで，HTML＋JS製のネイテ
jQuery Mobile と HTML5 で、Androidのネイティブアプリを作成する手順 - 主に言語とシステム開発に関して
AndroidプログラミングのTOPへ 重要なお知らせ： この記事で公開した情報は，AndroidのMVCフレームワーク「Android-MVC」の機能の一部として取り込まれました。 より正確な設計情報や，動作可能な全ソースコードを閲覧したい場合，「Android-MVC」の公式ページより技術情報を参照してください。 AndroidのMVCフレームワーク - 「Android-MVC」 http://code.google.com/p/android-mvc-... jQuery Mobileは， スマホ向けの動的UIを，JavaScriptを書かずに作成できるツール。 HTML5を書くだけで，動きのある画面がコーディングできる。 極めて恐るべきUI構築能力を持っているので，「UIのためのDSL（ドメイン特化言語）」と呼んでもいいぐらいだ。 このライブラリは，Webサイトの画面だけでなく，
AndroidのWebView#addJavascriptInterfaceがどれだけ危険か検証してみた (Kanasansoft Web Lab.)
Android SDKのJavaDocの説明はかなり簡素なんだけど、WebViewのaddJavascriptInterfaceの説明は珍しく説明が多い。 端的に意訳すると、「addJavascriptInterfaceを使うと、キミのアプリケーションをJavaScriptから操作できるようになるよ。とても便利な便利だけど、危険なセキュリティの問題があるよ。キミが書いたHTML以外では使わないでね。」という感じ。 「オブジェクトを公開する」行為が危険だというのは、技術者は直感的にわかると思うけど、じゃあどれくらい危険なのか実際に試してみた。 まず、次のようなAndroidアプリケーションを作った。 「android.permission.INTERNET」をパーミッションに指定して、WebViewを画面に設定し、後述するHTMLを開くようにした。 WebViewClientの説明は割愛。
AndroidのWebView#addJavascriptInterfaceは基本使わない方がいい、っていう話 - 愛と勇気と缶ビール
基礎知識 Androidアプリケーションで埋め込みブラウザのようなものを実現するためのViewコンポーネントであるandroid.webkit.WebViewには次のようなシグネチャでaddJavascriptIntefaceというメソッドが生えています。 http://developer.android.com/reference/android/webkit/WebView.html#addJavascriptInterface(java.lang.Object,%20java.lang.String) これは、簡単に言うとJavaのオブジェクトをWebView内でロードされたJavaScriptから叩けるようになる、というものです。例えば class JSInterface { private Context context; public JSInterface(Context c
ハイブリッドの機運 - Just posted a blog
ネイティブでもHTML5でもない「ハイブリッドアプリ」の価値 ハイブリッドの流れある。 ネイティブのアプリが書ける人がまだそんなに多くない(ネイティブアプリ縛りの社内ハッカソンも人が集まらなくて大変だった)ので、Webアプリケーションのようにネイティブが書けるの良いと思う。 弊社にもネイティブとブラウザを連携させるフレームワーク(一応オープンソース)はあって、 WebView Bridge (ネイティブとブラウザの相互呼び出し機能) Injector (DIコンテナ、A/Bテスト等に使用できる、動的な環境変数によってInjectするインスタンスを切り替える機能) Dynamic Loading (バイトコードを動的に読み込んで実行する機能) の3つの機能がある。 ハッカソンでアプリ作った GIFを再生するためにメインのビューはWebViewにした。 社内フレームワーク(一応オープンソ
ネイティブでもHTML5でもない「ハイブリッドアプリ」の価値：Rails Hub情報局：エンジニアライフ
少し前の話ですが、Facebook CEOのマーク・ザッカーバーグ氏の発言が話題となりました。2012年9月11日に行われた米TechCrunchのイベントで同氏は、モバイル端末向けアプリを提供するプラットフォームとしてHTML5に賭けたのは同社始まって以来の戦略上最大の失敗だった、と発言したのです。 TechCrunch Disrupt SF 2012で話すマーク・ザッカーバーグ氏 ネイティブかHTML5かという対立軸 モバイルアプリの世界では現在、「ネイティブアプリか、HTML5か」という構図で技術が語られることが少なくありません。実際、両者には一長一短があり、ケース・バイ・ケースで使い分けられています。機能面や応答性ではネイティブアプリが有利ですが、HTMLを取り巻く開発環境は急速に進化していて、中長期的にはHTML5の普及が進むと見るのが一般的です。それだけに、ザッカーバーグ氏の発
ADWAYS ENGINEERS BLOG:UIWebView
UIWebView 2012年06月29日 iPhoneのネイティブ機能をWebViewから呼び出す方法（１） ・はじめに リワード広告の「Reward Plus」の担当エンジニアをやっています、波切です。 最近、iPhone向けの新サービスが立ち上がり、私自身もiPhoneアプリ開発に入門したばかりなので、iPhone系の開発の話題を提供できればと思います。 ・ネイティブとWebの連携 HTML5の普及で、昨今ネイティブ機能でしか実現できないことは、だいぶ減ってきました。 Webの方が柔軟性があり、しかもネイティブの開発よりも少ない労力で開発することができるので、Webが利用できる場面では積極的に活用していきたいものです。 一方で、アプリ内課金やデバイス機能へのアクセス、プッシュ通知等といったiPhoneの特性を生かしたサービスをつくるためには、ネイティブ機能へのアクセスは、まだまだ
UIWebViewでWebとネイティブを相互連携させる方法について - プログラミングノート
特定のページのみUIWebViewを使ってWebページを表示することはよくあると思いますが、そのページでの処理終了したタイミングで、再びネイティブコードを実行したいというケースがあります。 PhoneGapではJSからネイティブコードを呼ぶ仕組みが実現されていますが、これと似たような仕組みを作るにはどうすればよいのか紹介します。 ネイティブからWeb呼び出し JSを実行するためのメソッドがあるので任意のタイミングでそれを利用するだけでOKです。 [webView stringByEvaluatingJavaScriptFromString:@"alert('call from native');"]; 簡単ですね。 Webからネイティブ呼び出し UIWebViewDelegateにある、ページがロードされる前に呼ばれるメソッドを利用します。 - (BOOL)webView:(UIWebVi
PhoneGap/CordovaがiOSのネイティブ機能を使うしくみ - 方向
さいきんWebとiOS/Andoroid Native Appの融合がすすんでいますね！ ブラウザコンポーネント(WebViewという)のJSからiOSのネイティブ機能を呼び出すスタイルも流行っています． PhoneGapとかFacebookアプリとかね！ 自分は勝手にJS-Native Bridgeと呼んでいるのですが， あれってどうやってるのって話 Google先生で「uiwebview native」でぐぐると UIWebViewでWebとネイティブを相互連携させる方法について iPhoneのネイティブ機能をWebViewから呼び出す方法 こういう記事が出てきます ようするに Obj-C → JS [webView stringByEvaluatingJavaScriptFromString:@"JSCode"] JS → Obj-C webView:shouldStartLoadW
Clutch.io - Clutch Framework - Documentation
Copyright © 2011-2012 Boilerplate Inc. San Francisco, CA. Created using Sphinx 1.1.3.
Clutch.io - Overview - Documentation
Clutch A/B Testing Docs Clutch A/B Testing A/B testing is pure-native way of running experiments on your native iOS and Android apps. Inside you can learn more about how to set up and run A/B tests in your apps. Clutch Framework Docs Clutch Framework The Clutch framework helps you write hybrid iOS apps built using native and HTML code. The framework provides Objective-C layer, the JavaScript layer
Clutch.io - iOS Library Reference - Documentation
iOS Library Reference¶ The Clutch iOS library syncs up your latest code, helps you analyze usage about your app, and provides a bi-directional bridge between your JavaScript code and your Objective-C code.
TitaniumのWebView内Javascript開発の効率化 - Qiita
この記事は、Titanium mobile Advent Calendar 2012の24日目の記事です。 Titaniumでハイブリッドアプリ 去年あたりからUI部分はHTML5で構築しながらも端末の豊富な機能の利用できるハイブリッドアプリが一つのトレンドかと思います。 もちろんUIとネイティブ側どちらもJavascriptで開発できるTitaniumも充分その流れに乗る資格はあるでしょう。 しかしTitaniumのWebViewではJavascriptのエラーや動的なDOMの構造の把握が難しくお世辞にも開発環境として効率的とはいえません。 餅は餅屋 そもそもリモートサーバーとAjaxで通信するのもTitanium側にTi.App.fireEventでイベントを送るのもシリアライズされたデータの受け渡しという点では変わりがないはず。 だとすればTitanium側へのイベントの送受信をリモ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavascriptInterface | Android Developers
トリアイナってなに？ - Just posted a blog
Sign in - Google Accounts
Sign in - Google Accounts
Build web apps in WebView | Android Developers
clutch.io
