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

はじめに NOTE: この記事は以下の条件上で考えた構成です Cocos2d-xでiOS/Android向けのゲーム このアプリは主に3人で作っており、UIデザイナー&グラフィッカー(自分)とフロント&サーバーエンジニア（以下、エンジニアと記述）の2人に絞った構成（もう一人はディレクター&プランナー） UIをどういう風に考えて作ったらいいのかという記事は多いけど、実務上どういうフローや画像管理を経て制作されているという具体的な事例があんまり出てこないので、もっとみんなどうやっているのか知りたい。というのがこの記事を書いた目的です。なので、ここで書いたことに対する質問・意見・自分はこうしている、みたいなことを記事に書いたりフィードバック欲しいなぁ…と思ってます。 個々の環境によってベストプラクティスが変わってくる部分だと思うので、こうすべきという内容ではなく、こういう風にしてみました、という

本連載「Apple Geeks」は、Apple製ハードウェア／ソフトウェア、またこれらの中核をなすOS X／iOSに関する解説を、余すことなくお贈りする連載です（連載目次はこちら）。 UNIX使い向けを始め、Apple関連テクノロジー情報を知りつくしたいユーザーに役立つ情報を提供します。 サードパーティー製ブラウザの存在意義 iOSでは、Webブラウザといえば「Safari」。Appleが開発した標準装備品であり、システムと密接な関係にあるため削除できない。だから皆が黙ってSafariを使うかといえば、そうはならない。あえてサードパーティー製ブラウザを選ぶユーザーは存在するし、Safariにない機能も用意されている。 確かに、基礎性能という点でサードパーティー製ブラウザは不利だ。iOSアプリでは、安全性確保などさまざまな背景からインタープリタ・コアの収録が許されないため（iOS Devel

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

しばらく前からわたしはCSSグリッドシステムに取り憑かれたようになっている。このせいで成仏できないので取り憑く側といったほうが正しいのかもしれないが。 わたしが夢想しているグリッドシステムは以下の要件のもの。 HTMLとCSSだけで動く。JavaScriptに依存しない リキッドレイアウトである 行ごとに要素で囲む必要がない グリッドの内容は、％指定でフレキシブルにすることもできるし、固定サイズにしておき領域幅をオーバーしたら改行するようにもできる 使用があやういハックは使いたくない IE8以上に対応する この要件を満たしているサンプルはこちら。ブラウザの画面幅を加減すると、リキッドレイアウトのほうは自動的に幅が伸縮するし、固定幅レイアウトのほうは適宜改行されるようになると思う。 上記サンプルの動作環境はIE8+。うまくいっていない「あと一歩」はどこなのかというと、グリッドの基底要素（サン

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

みなさま、第20回 Creators MeetUp で、私の発表「iOSアプリのテストの心強い味方「TestFlight」よもやま話！」を聞いていただきありがとうございました。 早速ですが、登壇した時の資料ほかアップしました。 概要 実機検証がしやすくなることで、気軽に細かな修正を通知ができたり、煩わしさを感じがちな、USBを繋いで転送・・・ようやく検証・・・ということから脱却できるといった話など、私が最近のiOSアプリ制作を通じて経験したTestFlightについてのもろもろよもやま話を話しました。 今回のTestFlightについては、登壇までTestFlightの認知がいつも以上にわからなかったので、 TestFlightは知らないけど、いつかアプリ開発はするかもしれない人にアプリ開発での一部を垣間見せて人に伝えてみる TestFlightで得たフローを私なりの視点で再解釈してみるこ

こんにちは。きんくまです。 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

このドメインは、お名前.comで取得されています。 お名前.comのトップページへ Copyright © 2018 GMO Internet, Inc. All Rights Reserved.

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?

ヒカラボ(ウェブ技術でiOS/Androidアプリ開発！！～HTML5ハイブリッドアプリ開発[実践]入門～)での発表スライドです。 書籍『HTML5ハイブリッドアプリ開発[実践]入門』には、このスライドに載っていないCordovaの使い方、最適化のためのノウハウやテクニック、ジェスチャやviewportなどのモバイル特有の事情への配慮、ハイブリッドアプリで利用できるストレージ、デバッグ手法やセキュリティ、ネイティブとHTML5間のブリッジの仕組み、WebViewの扱い方などのHTML5ハイブリッドアプリ開発を網羅した内容をまとめています。 http://www.amazon.co.jp/dp/4774162116