iPhone Safariで動画をインライン再生する方法 - Qiita
##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 で、そのベストアンサ
» スマホでスクロールを禁止させる方法 | negic
軽めのjQuery Advent Calendar 2012の24日目の記事です！ PCサイトでスクロールを禁止させるには、bodyにoverflow: hidden;をかければスクロールができなくなるが、スマホサイトでは、一部Android端末では効くが、iOSではスクロールができてしまいます。 スマホでスクロールを止めるには、jQueryを使うと便利です。 スマホの独自イベントである、touchmoveイベントを切ればスクロールを止めることができます。 方法は下記のとおりです。 $(window).on('touchmove.noScroll', function(e) { e.preventDefault(); }); あるタイミングでスクロールさせたくなったら、off()すればいい。 $(window).off('.noScroll'); イベント名に、.noScrollとあるが、
createjs,canvasでハマるところ2014 - lxyuma BLOG
経緯 先日、初めてcreatejs使ったスマホ向けwebアプリ作ってリリースした。 まあ、予想通り、createjs、canvasにいろいろハマった。 はまったところは、gistにメモしておいたので、ここにも整理して乗っけておく。 なお、類似blog記事多数あり、俺もほとんど8割位それらの記事で助かりました。 ここで、参考にlink貼った記事書かれた方々に感謝します。 そして、次にcreatejs使う人のために、 既出の物、あまり他の記事に見ない物も、まとめて書いておきます。 参考までに。 概要 以下の現象の原因と対応について書いていきます タッチイベントがずれる staging環境で画像click時にエラーに retinaでcanvasがぼやける (android)canvasが2つ出てきた (android)でcanvasに1clickすると2clickした事になってる (androi
Add to home screen – Matteo Spinelli's Cubiq.org
Add To Homescreen (ATH) is a javascript widget that opens an overlaying message inviting the user to add the web site/application to the home screen. This was born mainly to support web-app-capable applications but extended to a more general purpose use case. Get the Script Live Demo GitHub Support Development Add To Homescreen is a free, open source javascript software. It is released under the M
What's an optimal or efficient way to detect a 'touch screen' device using JavaScript?
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コンテンツのiOS/Androidアプリ移植というのがありました。 Flashの移植では、いろいろと手法はあると思いますが、 今回は純粋にネイティブアプリに移植しました。 開発手法の選定や開発中の試行錯誤について、お話ししたいと思います。 手法の決定に関して まず、元のFLAファイルが一つだけではなく、 複数のFLAファイルに分かれていたこと、 元のFLAファイルが存在しないコンテンツが存在していた、 ActionScriptがそもそも2.0だった、などのことから、 Abobe AIR for iOS/Androidを使うことはありませんでした。 いろいろな情報を集めた限りでは、 AIRで出来るのであれば、
Titanium™ を捨てるとき - imthinker::net
Titanium™ Advent Calendar 2013 2日目は釣りタイトルなポエムです！今年も Titanium には大変お世話になりました。いろいろな意味で。個人的な最大のトピックは仕事で使い始めたことなので、それと絡めて書いていきます。 Tips とか無いから、それを期待する人は引き返そう！ Titanium との出会い Titanium との出会いは 2011 年でした。当日勤めていた会社の友人と一緒に何かサービスを作ろうと意気込んでいて、モバイルアプリ開発に手を出してみるものの、当時の iOS は ARC が無かったり、 Objective-C リテラルが無かったりして、やりたいことに対するスピード感が学習しながらでは出せないところに現れたのが Titanium でした。 幸い JavaScript はちょっと書けたし、標準 UI を使って開発ができるということだったので手
Why mobile web apps are slow
I’ve had an unusual number of interesting conversations spin out of my previous article documenting that mobile web apps are slow. This has sparked some discussion, both online and IRL. But sadly, the discussion has not been as… fact-based as I would like. So what I’m going to do in this post is try to bring some actual evidence to bear on the problem, instead of just doing the shouting match th
Objective-Cを絶対書きたくない人向けのiOSアプリ開発ソリューションの総括 - laiso
有償、無償のやつがいろいろあって最近試してみたのでメモ書きを残しておいた*1。 最初にことわると、既に何かしらの言語を身に付けているプログラマー向けの記事になる。プログラミング自体の入門者は学習環境が整っているので絶対Objective-Cから入った方がいいです(個人的にはP*言語系でウェブ開発フルセット身に付けるよりか楽だと思う)。 Objective-Cを避けたい動機 未知のプログラミング言語を習得するコストがツラい Objective-Cは潰しが効かない(iOS & Macアプリ開発でしか使わないじゃん) Android版など。なるべく移植性を高くしたい Xcodeを使ってコーディングするのがいやだ。愛用しているエデイタで開発したい 開発環境が強制される。不自由で邪悪なので使ってはいけない。 とまあ人によっていろいろある 比較表 本記事でとりあげたものの簡単な比較表をテーブルにしてお
iOS6でメガピクセル画像をCanvasに描画するとおかしくなってしまう件と、その対処 - snippets from shinichitomita’s journal
iOS6によるアップデート まず最初に、iOS6において、Safari上のWebアプリから簡単にカメラ＆フォトライブラリの写真にアクセスできるようになりました。いままでカメラにアクセスするにはPhoneGapなり何なりでネイティブ化する必要があったので、写真共有サービスなどにはかなり有用なアップデートです。 File API、HTML Media Capture への対応 HTML Media Capture に対応し、Safari から カメラを起動してのファイルアップロードが可能になりました。 type 属性値に file を指定すれば単体ファイルのアップロードが簡単に。 （略） ファイルを選択したあとは何ができるか... action による Multipart post Ajax （XMLHttpRequest 2） を使用したファイル送信（プログレス表示にも対応） File AP
【PhoneGap】長押しでの選択を防止する【Android】 | システム開発とホームページ作成のビットウィン(日本橋) StaffBlog
2013.04.08 ハイブリッドアプリの開発中に、長押しで要素が選択されて困ったことはありませんか？ iPhoneならCSSだけで対応できるのですが、Androidでは端末に寄っては選択対処し切れません。 （むしろ選択できる端末しか知りません。） そんなときはタッチイベントを潰します。 $(document).on('touchstart', function(e) { e.preventDefault(); }); ただ、これでは色んな機能がお釈迦になってますので、確認と、対処を忘れずにやって下さいね。 例えばアンカーリンク $(document).on('touchstart', function(e) { e.preventDefault(); var nn = e.originalEvent.target.nodeName; if(nn == "A"){location.hre
【デブサミ2012】17-A-3 レポート HTML5でどこまでできる？ その実力とスマホ向けアプリ開発のポイント
「王道」も「邪道」も使ってJavaScriptのメモリ消費を抑える また、紀平氏は、JavaScriptの速度の問題についても説明。JavaScriptが重い理由としては、主にアルゴリズム、JIT（Just In Time）、GC（ガベージコレクション）の3つがあるという。 アルゴリズムが重いのは設計が悪いということなので、黙って設計を直すしかない。次に、本来は速くするための技術であるはずのJITが重いという場合、考えられるのはevalを使ったり、クロージャを生成していることだ。毎回JITのコンパイルを呼び出すようなコードを書いてしまうと、こうした問題が起こり得る。ただし、これはツールを使って容易に検出できるし、直すのもそう難しくはない。 「アルゴリズムやJITが重いという状況は、それほど問題にはならない。もっとも厄介で、JavaScriptが重くなる最大の原因は、GCにある」（紀平氏）
PhoneGapによるApple Push Notificationsの処理 | Adobe Developer Connection
この記事では、PhoneGapモバイルアプリケーションでApple Push Notifications（APNs）を使用する方法について説明します。プッシュ通知は、何かをユーザーに通知するためにサードパーティのサーバーから送信される点がローカル通知とは異なります。ローカル通知の場合は、アプリケーションによってスケジュールされ、デバイス自体で実行され、サーバーとのインタラクションは行われません。 例えば、Facebookからは、他のユーザーが自分を友人として追加したというプッシュ通知を受信します。また、Words With Friendsをプレイしているときには、自分の番が来たことを知らせるプッシュ通知を受信します。ローカル通知の例としては、タスクの日時を設定するTo-Doアプリケーションで、アラームとして特定の時刻または時間間隔でポップアップ表示されるアラートがあります。指定された時刻に
Creatorish is for sale at Squadhelp.com!
About Creatorish.com Edit Creatorish.com is a captivating domain name that sparks thoughts of innovation and originality. The name is a clever combination of "creator" and "ish," suggesting a creative and imaginative mindset. It's perfect for startups that focus on creativity, design, technology, and anything that involves inventiveness. The name is short, catchy, and easy to remember, making it a
Flash Professional CS6 アップデート 2 の公開 - akihiro kamijo
Flash Professional CS6 のアップデートが公開されました。新しいバージョンは 12.0.2 です。 メニューから 「ヘルプ」 → 「アップデート」 とたどると、Application Manager が実行されて、アップデートが表示されます。このアップデートは Dreamweaver 12.1 アップデートと違って、Creative Cloud のメンバーでなくても利用可能です。 主な変更点は、以下の 3 つです。 AIR 3.4 と Flash Player 11.4 の新機能に対応 Toolkit for CraeteJS 1.1 の導入 主要なバグの修正 iOS 関連の変更点 AIR 3.4 では iOS 関連の新機能がいくつか追加されました。Flash Pro アップデート 2 を適用すると、オーサリング環境からこれらを利用できます。 具体的には、まず、iTun
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Mobile Web App Checklist | Luster
PhoneGapプラグインの作成 - Qiita
http://www.sawadaru.com/blog/?p=293