HTML5をすぐハイブリッドアプリとして試せる無料のツール「Monaca」を使ってみた
HTML5/JavaScriptで作成したアプリケーションをラップし、ネイティブアプリケーションとして扱える「ハイブリッドアプリケーション」は、高い生産性でモバイルアプリケーションを開発できるといったメリットから注目されています。 しかし実際に自分でハイブリッドアプリケーションを開発しようとすると、例えばiOS用ならMacOSのマシンを用意してPhoneGapの環境を整え、ビルドしたアプリケーションをいちいちiPadやiPhoneに転送して試すなど、それなりの手間がかかります。Publickeyでは以前からハイブリッドアプリケーションに注目して紹介してきたため、時間があれば自分でもHTML5とJavaScriptで作ったアプリケーションをハイブリッド化しみてみようと思いつつ、なかなか開発環境を整備するに至りませんでした。 そこで思い出したのが「Monaca」です。Webブラウザ上でHTML
HTML5によるハイブリッドアプリ開発に関する雑記 - id:anatooのブログ
HTML5でiPhoneやAndroid向けのハイブリッドアプリを作るのが最近の流行りみたいです。ハイブリッドアプリとは、外面は普通のアプリとしてAppStoreやGoogle play marketでインストールできるものの、その中身や一部がHTML5で記述されているアプリです。 最近の有名な例だと、CookpadやLinkedIn、はてなスペース、少し前にネイティブに移行してしまいましたがfacebookのモバイルアプリもHTML5を使って記述されていました。GREE界隈で言われているらしいガワネイティブっていう言葉もハイブリッドアプリを指します。ちょっとググってみると、2016年には企業向けのアプリの50%がハイブリッドアプリになるという予測もあります。 ハイブリッドアプリの何がいいかというと、Objective-CとかJavaとかがわからなくてもウェブ系技術者であればAndroid
Tobie Langel「ios向け旧facebookアプリが遅かった件」 - 以下斜め読んだ内容
2012.9.15 public-coremob@w3.orgへのポスト Perf Feedback - What's slowing down Mobile Facebook from Tobie Langel on 2012-09-15 (public-coremob@w3.org from September 2012) facebookがiosアプリをネイティブで作りなおした件について facebook.comにもポストした内容から、さらにパフォーマンスに話を絞って掘り下げた内容書いてて面白い この投稿自体にはレスが付いてないがinfoQがこのポストをネタに記事書いてて勉強になった Facebook:「HTML5に賭けたのは間違い」発言の技術的な理由と反応 以下斜め読んだ内容 ネイティブのiosアプリのリリース。なんで出したのか記事だした Under the hood: Rebui
iOS6のSafariでサポートされるHTML5の機能 | DevelopersIO
以前、HTML5でカメラやGPSなどスマートフォンならではの機能がどこまで使えるのか調べました。 最近、iPhone5を買ったので今度はiOS6のSafariでサポートされたHTML5の機能を試して見ようと思います。 試したのは以下の5つです。iPhoneで確認できるようにサンプルを作ったので試してみて下さい。 ファイルアクセス(File API)とカメラ(HTML Media Capture) 音声処理・合成(Web Audio API) アニメーション(Animation Timing API) CSS Filter Effects Remote Debugger ■ファイルアクセス(File API)とカメラ(HTML Media Capture) ファイルアクセスとカメラ連携のサンプルです。iOS6ではFile APIの書き方でカメラも使えました。 [ファイルを選択]ボタンを押すと
HTML5 開発者向け iPhone 5 / iOS 6 での変更点等まとめ
iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 iOS 6 がリリースされましたがアップデートされましたか？私はマップアプリをよく使うのですが、早速アップデートした方々の、マップがぁぁという叫びにびびってまだアップデートできておりません… で、まだ私の手元の iPhone 4S では iOS 5 が元気に動いている今日この頃ですが、iPhone 5 / iOS 6 における変更点などを、開発者向けにまとめた海外記事がありましたので、簡単にですが日本語にしてご紹介。対訳ではなくて、内容だけ伝わるようにかなり変更していたり、省略もしていますので、詳しくは原文をご確認ください。 原文 iPhone 5
iOS でサポートされた viewport 以外の meta タグ
前回の記事のついでに viewport 以外の iOS でサポートされているメタタグについて整理してみましょう。 Supported Meta Tags <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="format-detection" content="telephone=no"> apple-mobile-web-app-capable content が yes にセットされているならば、ウェブアプリケーションはフルスクリーンモードで実行されます。デフォルトのふるまいは、ウェブコンテンツを表示するために Safari を使用することです。JavaScript
HTML5+Mobile Safariを使った脱獄不要のテザリング·iOS-HTML5-Tethering MOONGIFT
先日t.freeというサービスがリリースされました。Safariと専用のMac OSXアプリだけでテザリングを可能にするソリューションです。仕組みとして、恐らく同様のやり方ではないかと思われるのが今回紹介するiOS-HTML5-Tetheringになります。 iPhone側です。ローカルネットワークとリモートサーバの両方にWebSocketで接続しています。ここが肝です。 こちらはローカル側。WebSocketサーバを立ち上げています。 こちらはサーバ側。残念ながらPython処理部分でエラーが起きている模様。 iOS-HTML5-Tetheringではサーバ（EC2など）でサーバを立てて、そこにSafariで接続します。と同時に母艦（Mac OSX）側で作成したワイヤレスネットワークに接続し、母艦側サーバにあるWebSocketサーバにも接続します。後は母艦側はiPhoneをプロキシサー
グーグル、電子メールソフト新興企業Sparrowを買収--「Gmail」チームに編入
Googleが電子メールソフトウェアを手掛ける新興企業Sparrowを買収した。これにより、SparrowのチームはGoogleの「Gmail」プロダクトの開発に加わることになる。 Sparrowの最高経営責任者（CEO）を務めるDom Leca氏は米国時間7月20日午前、同社サイト上およびTwitterアカウントを通じてこのニュースを発表した。また、既存のSparrowユーザーには電子メールにより表明した。 Leca氏によると、同社は今後も「Sparrow」を利用できるようにするとともに、同ソフトのサポートもそのまま継続するという。ただし、同製品の2つのバージョンについて、新たな機能の追加は行わないとしている。 この買収案件について、金銭的な詳細は公表されていない。The Vergeは、情報筋の話として、買収金額が2500万ドル「未満」であったことを示唆している。 Sparrowが登場し
iOS5のMobile Safariから使えるようになったHTML5・CSSを試してみました【前編】 - くらげだらけ
iPhoneがでた当初はWebApp押しだったAppleも3Gを出してからすぐにネイティブアプリに手のひらを返してしまって、WebAppはすっかり影がさしてしまいました。 それでも、jQTouchやSencha Touch、jQuery mobileなどWebAppの開発支援となるJavascriptライブラリが登場して一部では盛り上がったりもしています。PhoneGapみたいにWebAppをネイティブにパブリッシュするツールや、Titanium MobileのようにWeb言語ベースで開発してネイティブにするものもありますし、いろいろですね。 iOS4までのMobile SafariではCSSの一部のプロパティが使えなかったりで、よりリッチなWebAppをつくろうと思えばJavascript必要でした。 先日公開されたiOS5では今まで「なんで使えないの？」といったところが少し修正されて、
HTML5で使えるスマートフォンの機能 | DevelopersIO
HTML5を使ったスマホアプリ開発に興味があったので、カメラやGPSなどスマートフォンの機能がどこまで使えるのか試してみました。 Webアプリケーションなのでブラウザに依存しますが、以下のサイトにモバイルブラウザ別対応状況が書かれています。 http://mobilehtml5.org 試したのは以下の機能です。端末はGalaxy NexusとiPod Touch 4世代を使いました。 Androidのバージョンは4.0.4でブラウザはChromeと一部Firefoxです。iOSは5.0.1、Safariで試しました。 スマートフォンで確認できるようにサンプルを作ったので試してみて下さい。 タッチイベント(Touch Events) マルチメディア(Multimedia) 位置情報の取得(Geolocation API) 加速度センサー(Motion Sensors) ファイルアクセス(F
HTML5/JavaScriptでiOSアプリの開発が行えるフレームワーク『Trigger.io』 | iPhone | iPad iPhone Wire
このiOSアプリ＊サービスに学ぶ! HTML5/JavaScriptでiOSアプリの開発が行えるフレームワーク『Trigger.io』 中津川篤司 2012/06/21 『このiOSアプリ*サービスに学ぶ!』は、オープンソース情報ブログ「MOONGIFT」管理人の視点から捉えたiOSアプリや周辺サービスから、ユニークなもの、興味深いものをピックアップし、そのポイントを解説していきます。iOS(iPhone/ iPad/ iPod touch)デバイスの利用者、その環境向けのアプリやサービスを開発している方はぜひお読みください! iOS用のアプリを開発しようと思ったらプログラミング言語に何を選ぶだろうか。デフォルトのObjective-Cだろうか。それともJavaScriptを使うTitanium、他にもLuaやFlash、.NETという選択もある。そんな中、今回はHTML5/JavaScr
新日鉄ソリューションズがHTML5スマホアプリ開発基盤「hifive」をOSSとして公開
新日鉄ソリューションズは2012年4月27日、同社が開発してきたスマートフォン／タブレット向けHTML5アプリケーション開発フレームワーク「hifive」をオープンソースソフトウエア（OSS）として公開した。hifiveの公式サイトも開設、マニュアルやチュートリアル、サンプリアプリも公開した。 hifiveは同社のシステム研究開発センターが開発した。スマートデバイス固有の開発知識を必要とせずに、パソコンとスマートフォン、タブレットに対応したアプリケーションを開発できるとしている。またHTML5により、アニメーションやグラフをWebブラウザ上で表示できる。 サンプルアプリとして、jQuery Mobileと連携したYouTube検索、jQuery UIと連携したダイアログ表示（写真1）やドラッグ＆ドロップ、HTML5APIを使用したWeb SQLデータベースやWebストレージ、HTML5のc
HTML5でAndroid／iOSアプリを作成できるサービス、ブライトコーブが提供
ブライトコーブは4月12日、HTML5とCSS3、JavaScriptを使ってiOS／Android向けネイティブアプリを作成できるクラウドサービス「Brightcove App Cloud」の提供を始めた。ユーザーは同サービスの利用で、モバイルアプリの作成知識がなくてもiOS／Androidアプリを作成、配信、管理できるようになるという。 ブログや写真、動画など、さまざまなコンテンツを配信するためのアプリを作成できるサービス。作成したアプリはApp StoreやGoogle Playストア（旧Androidマーケット）に公開でき、アプリ内コンテンツを管理するCMS機能、アクセス解析機能なども備える。英語版は以前から提供されており、米国務省や米News Corp.（FOX News）などが同サービスを利用してアプリを作成しているという。 アプリ内では、IDとパスワードによるユーザー認証も設
HTML5ベースのモバイルアプリが作れる「Sencha Touch 2.0」公開。性能向上とiOS/Androidネイティブ変換機能が目玉
Senchaは、HTML5/CSS3とJavaScripプログラミングでiOSやAndroidなどに対応したモバイルアプリケーションを構築できるフレームワークの最新版、「Sencha Touch 2.0」を公開しました。 Sencha Touchは、jQuery MobileのようにHTML5をベースにしたアプリケーションフレームワークです。jQuery MobileがHTML5のタグのみで基本的なアプリケーションを開発できるのに対し、Sench TouchではJavaScriptプログラミングが必要になります。その分、アプリケーションの細かい作り込みや、サーバと連係したアプリケーションなどが可能になっています。 関連ソフトウェアとしてSencha DesignerやSencha Touch Charts、Sencha Animatorなどが揃っており、Sencha自身による有償でのトレー
TechCrunch | Startup and Technology News
Tech sovereignty has become a looming priority for a number of nations these days, and now a startup working in semiconductors has received a major boost in aid of that… It’s not the sexiest of subject matters, but someone needs to talk about it: The CFO tech stack — software used by the chief financial officers of the world — is ripe for disruption. That’s according to Jonathan Sanders, CEO and c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5ハイブリッド アプリ開発実践編
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
https://jp.techcrunch.com/2012/12/15/20121213facebook-android-faster/
https://jp.techcrunch.com/2012/08/24/20120823facebook-for-ios-faster/
スマートフォン対応、気をつけたいトラブル
