iPhone SafariのVideoタグの制限 iPhone SafariのVideoタグには大きく2つ制限がある。 ユーザインタラクション（タップ）なしに再生できない 初期再生時必ずフルスクリーン再生になる 特に2がクセモノで、これのせいでモバイルブラウザに動画広告はほぼ無いし、モバイルブラウザゲームには動画演出がない（MotionJPEGみたいにjpegを数百枚数千枚差し替えるとか涙ぐましいことをしている例はある）。 制限は超えられる この制限が超えられないものかと調べてみると、やはり同じようなことを訊いている人が居た。 inline html5 video on iphone - Stack Overflow http://stackoverflow.com/questions/30855662/inline-html5-video-on-iphone で、そのベストアンサーが I

経緯 先日、初めてcreatejs使ったスマホ向けwebアプリ作ってリリースした。 まあ、予想通り、createjs、canvasにいろいろハマった。 はまったところは、gistにメモしておいたので、ここにも整理して乗っけておく。 なお、類似blog記事多数あり、俺もほとんど8割位それらの記事で助かりました。 ここで、参考にlink貼った記事書かれた方々に感謝します。 そして、次にcreatejs使う人のために、 既出の物、あまり他の記事に見ない物も、まとめて書いておきます。 参考までに。 概要 以下の現象の原因と対応について書いていきます タッチイベントがずれる staging環境で画像click時にエラーに retinaでcanvasがぼやける (android)canvasが2つ出てきた (android)でcanvasに1clickすると2clickした事になってる (androi

こんにちは。きんくまです。 iOS, Androidでライフサイクルイベント（アプリが立ち上がった、バックグラウンドから立ち上がった）というのがあります。 それがAIRだとどうなるのか調べました。 AIRだとこんな感じにイベントがとれます NativeApplication.nativeApplication.addEventListener(Event.ACTIVATE, appActivateHandler); NativeApplication.nativeApplication.addEventListener(Event.DEACTIVATE, appDeactivateHandler); NativeApplication.nativeApplication.addEventListener(InvokeEvent.INVOKE, appInvokeEventHandler);

こんにちは！エンジニアの川崎です。 先週行われた Consumer Service Engineer MeetUp Vol.1　~iOS編~ というイベントで「WantedlyではどうやってiOSアプリ開発しているのか」というテーマで発表してきました。 僕自身の普段の担当は、全体の設計やサーバ側の開発、プロジェクト進行あたりなので、 今回はWantedlyでiOSアプリを「プロトタイピング」し「開発」そして「テスト」するまでで使ってるツール・取り組みをざっくり紹介させていただきました。 意外とこの手の話をする機会はいままでなかったので、 現在開発中のアプリも含め、今現在うちでは何をどうやっているのかまとめられてよかったかなと思います。 以下、発表で紹介したURLなどです。 プロトタイピング ホワイトボードでアイデアだし moqupsでモックアップ作成 Popを使って実機でプロトタイプを触っ

(App)-Info.plistでURL Typesを追加 InfoタブのURL Typesを、準備するURLスキームの分だけ追加する。 Identifier：アプリのBundle Identifier　例：com.bar.foo.HelloWorld URL Schemes：用意するURLスキーム　例：SayHello Iconはセットしなくても良い RoleはEditor、Viewer、Noneから選べる。（iOSの方でも特に使っていないらしいので、とりあえずEditorにしておけば無難？） この例では、「SayHello://」のようなURLスキームが出来たことになる。 PhoneGap (Cordova) PhoneGapでは、特にカスタムURLスキームの設定は必要ない。 最初から、AppDelegate.mに下記のような実装が行われている。 - (BOOL)application

I've written a jQuery plug-in that's for use on both desktop and mobile devices. I wondered if there is a way with JavaScript to detect if the device has touch screen capability. I'm using jquery-mobile.js to detect the touch screen events and it works on iOS, Android, etc., but I'd also like to write conditional statements based on whether the user's device has a touch screen. Is that possible?

あけましておめでとうございます、鴨田です。 今年一本目のアシアルブログの投稿になります。 今年もどうぞよろしくお願いいたします。 さて、昨年末に弊社で開発を行った案件として、 FlashコンテンツのiOS/Androidアプリ移植というのがありました。 Flashの移植では、いろいろと手法はあると思いますが、 今回は純粋にネイティブアプリに移植しました。 開発手法の選定や開発中の試行錯誤について、お話ししたいと思います。 手法の決定に関して まず、元のFLAファイルが一つだけではなく、 複数のFLAファイルに分かれていたこと、 元のFLAファイルが存在しないコンテンツが存在していた、 ActionScriptがそもそも2.0だった、などのことから、 Abobe AIR for iOS/Androidを使うことはありませんでした。 いろいろな情報を集めた限りでは、 AIRで出来るのであれば、

iOSアプリ内課金についての記事です。 前置き iOSのアプリ内課金を実装するとき、プロダクト（課金アイテム）をどのように提供するか、検討が必要になります。そうはいっても採択できる方法は次の2つになるのですが。 プロダクトをアプリに内包し課金後それが使用できる実装にする プロダクトをアプリ外（公開サーバ等）に配置し課金後にダウンロードし使用できるようにする 前者は、軽量なコンテンツを提供する場合や、課金アイテムの実体が要らない場合で採用されることが多いです。 対して後者は、比較的大きなコンテンツを提供するときに使われます。たとえばコンテンツがゲームの追加ステージの場合、ステージの画像データ、BGMなどが含まれるでしょう。それらをアプリに内包してしまうと、アプリのサイズが肥大化、アプリダウンロードに問題が生じる可能性があります（モバイル回線でダウンロード可能なiOSアプリのサイズは100MB

この記事はAdobe AIR Advent Calendar 2013の19日に参加するために書きました！ AIR for iOSの開発をしているときに避けて通れないのが、実機でのデバッグ。最近（といってもここ何年も前からの話だけど）ではUSBデバッグなんかのデバッグツールも充実していて、かなり本気のアプリ開発にもAIRが使用される機会も多くなってきました。 しかしながら、iOSでUSBデバッグをしていると必ず遭遇する、何故か突然iPhone実機を認識しなくなる問題！ USBは接続されたままのはずなのに、認識されなくなる バンドルIDなどは今まで使っていたものを変更していないにもかかわらず、「Invalid specified」などのエラーが出てインストールされなくなる 見かけ上はインストールもうまくいったように見えてデバッグが開始されるけど動作が古いまま（つまりインストールされてない）

IntelliJ IDEAでAIR for iOS/Android両対応アプリ時のめんどくさいappxmlづくりを楽にして、Flash BuilderよりオシャレにつくろうAndroidiOSAIRIntelliJflash この記事は Adobe AIR Advent Calendar 2013 23日目の記事です。 この記事で伝えたいこと Flash Builderでは難しい両対応アプリをつくる app.xmlを複数つくる app.xmlをgrunt + jadeでオシャレに解決する FlashBuilderでの問題点 SDKを自力でアプデしないといけない AndroidとiOSで同じapp.xmlを共有してる 自力でapp.xmlを書き換えたりするのはヤバい developモードとreleaseモードの区別がよくわからない air.hoge.hogeapp.debugなどと、勝手に「

Help us understand the problem. What is going on with this article?

はじめに FlashのStage3Dを活用したライブラリである、StarlingフレームワークでのTipsのご紹介です。 エフェクトなどの表現を作る際、レイヤーのBlendModeをうまく活用すると効果的だと思いますが、注意しないと思わぬ落とし穴に落ちてしまうことがあります。 問題点(落とし穴) テクスチャにATFファイルを使いBlendModeを使用すると、下図のようにアルファ部分が黒くなってしまうことがあります。左側の星がその症状、右側の星は対処済みのものです。 発生条件 Starling 1.4.1 (2013年11月5日での最新バージョン) モバイルデバイスでの再生 (PCでは発生なし) ATFファイルをテクスチャに使用する BlendModeを使用する BlendModeを適用していなレイヤーにアルファを適用している Android 4.1.1 / iOS 6.1.3 / iOS

有償、無償のやつがいろいろあって最近試してみたのでメモ書きを残しておいた*1。 最初にことわると、既に何かしらの言語を身に付けているプログラマー向けの記事になる。プログラミング自体の入門者は学習環境が整っているので絶対Objective-Cから入った方がいいです(個人的にはP*言語系でウェブ開発フルセット身に付けるよりか楽だと思う)。 Objective-Cを避けたい動機 未知のプログラミング言語を習得するコストがツラい Objective-Cは潰しが効かない(iOS & Macアプリ開発でしか使わないじゃん) Android版など。なるべく移植性を高くしたい Xcodeを使ってコーディングするのがいやだ。愛用しているエデイタで開発したい 開発環境が強制される。不自由で邪悪なので使ってはいけない。 とまあ人によっていろいろある 比較表 本記事でとりあげたものの簡単な比較表をテーブルにしてお