写真サービス機能のブラウザ内実装 | 株式会社サイバーエージェント
2-1. リサイズ処理 Figure 2. Mobile Safariによる画像アップロード画面 最終成果の画像データを、サーバーサイドAPIにPOSTすることがゴールである。Androidにおいて、XMLHttpRequestでBlobをリクエストに設定しても空のボディで送信される問題がみられるため、今回はBase64 encoded DataURIとしてPOSTすることにしている。 2-1-1. 基本実装 ƒ 今回のリサイズ処理では、Canvas要素とFile APIを利用する。基本方針としては、inputtype='file'のchangeイベントから、Fileオブジェクトを取得し、それを一度Canvasに書き出すことでリサイズを試みる。最終的には、canvas.toDataURL() によってDataURIを取得する。 下記に、基本実装のサンプルを示す。( http://co
Unsolved HTML5 video issues on iOS | Blog | Miller Medeiros
On my last post I focused on issues that I’ve found a solution, this one is going to be about bugs and issues that I couldn’t find a solution and/or things that are impossible to do on the iPhone and iPad. It is important to note that I didn’t spent too much time searching or trying to find solutions for each problem but I consider most of them to be impossible to solve without a new OS release… S
jQueryを使って追加したクリックイベントがiOSデバイスで動作しない場合の対処法 | CYBER BALLAD
短めにケーススタディみたいなのも書いてみようと思う。 今日はコレ。 jQueryで追加したクリックイベントがiOSデバイスでのみ発火しない jQueryを使っていると、こんなコードが動かない場面に遭遇することがある。 div要素にクリックイベントを追加しても、クリックイベントが発火しない。 しかも、PCはちゃんと動き、iOSデバイスでのみ動かない、という状況だ。//html <div class="btn">CLICK ME!</div> //Javascript $(function(){ $('.btn').click(function(){ $(this).text('CLICKED!'); }); });これ、a要素やinput要素では発生しにくく、div要素やh要素などでたまに発生する。 本来クリッカブルでない要素にクリックイベントを追加すると起こりやすいみたいだ。 僕
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot
Daftar Serta Masuk Saat ini Di Situs Slots Online Terpilih Ojekslot Seperti yang kita pahami waktu ini ada sangat banyak permainan slot online paling sederhana yang dapat dimainkan dalam sekejap hanya cukup masuk di sana saja ojekslot terunggul. Di sini dapat ada sangat banyak bermacam permainan luar biasa yang pastinya dapat anda temukan dengan ringan. Beraneka permainan terbaik di sini dapat and
HTML5によるハイブリッドアプリ開発に関する雑記 - id:anatooのブログ
HTML5でiPhoneやAndroid向けのハイブリッドアプリを作るのが最近の流行りみたいです。ハイブリッドアプリとは、外面は普通のアプリとしてAppStoreやGoogle play marketでインストールできるものの、その中身や一部がHTML5で記述されているアプリです。 最近の有名な例だと、CookpadやLinkedIn、はてなスペース、少し前にネイティブに移行してしまいましたがfacebookのモバイルアプリもHTML5を使って記述されていました。GREE界隈で言われているらしいガワネイティブっていう言葉もハイブリッドアプリを指します。ちょっとググってみると、2016年には企業向けのアプリの50%がハイブリッドアプリになるという予測もあります。 ハイブリッドアプリの何がいいかというと、Objective-CとかJavaとかがわからなくてもウェブ系技術者であればAndroid
HTML5 × CSS3 × jQueryを真面目に勉強 – #13 iOSのUITableViewをjQueryで作ってみた | DevelopersIO
HTML5 × CSS3 × jQueryを真面目に勉強 – #13 iOSのUITableViewをjQueryで作ってみた 2013年1月14日にjQuery Mobile 1.3.0 Betaがリリースされました。 Announcing jQuery Mobile 1.3.0 Beta jQuery Mobile 1.3.0 Betaの紹介記事はこちら。 AjQuery Mobile 1.3.0 Betaがリリース！変更点まとめ - へっぽこプログラマーの日記 弊社でもモバイルコンテンツの開発案件にて徐々に利用実績が積み重なっておりますが、初期ベータ版の頃より「なんで一向に実装されないのかなー…？」と僕がずっと手をこまねいて待ち続けている機能があります。 UI Table View風リスト iOS端末ではおなじみのリストビューです。 リスト項目をインデックスごとにグルーピングし、リス
Snoopy | View-source bookmarklet for iPad, iPhone and other mobile devices
Snoopy is a bookmarklet for snooping on web pages. It's intended for use on mobile browsers (such as Mobile Safari on the iPad) where you can't view-source to poke around under the hood of sites to see how they're built. You might find it useful for your desktop browser, too. Using the bookmarklet will give you an overlay featuring information that Snoopy can 'sniff' out of the page, such as the d
iPhoneのclickイベントの挙動
iPhoneのclickイベントの挙動 本エントリーは軽めのjQuery Advent Calendar 2012最終日のエントリーです。 iPhoneはonメソッドを利用したclickイベントに結構クセがあるのでそれを解説したい思います。 <p class="target">ターゲット</p> このようなHTMLにclickイベントをバインドしていきます。 まずは次のようなコード。 $(".target").click(function(){ $(this).css("background","red"); }); sample これはちゃんと動きます。 次のコード。 $(".target").on("click",function(){ $(this).css("background","red"); }); これもちゃんと動きます。 sample これを踏まえた上で次からが動かないコ
解放新聞による在特会関連の虚報について - 在日特権を許さない市民の会 - ニュース
SLOT88 Situs Judi Slot Online Gacor 100% Jackpot Hari ini Hadir sebagai situs judi slot online terbaru, SLOT88 saat ini menjadi salah satu pilihan bagi para penikmat permainan judi online yang ada di seluruh Indonesia. Ini semua karena permainan yang disediakan begitu seru dan mengasyikan, game slot online juga sangat mudah di akses dan dimainkan kapan saja hanya melalui HP berbasis android dan io
スマートフォンでのvideoタグ操作（自動再生の試行錯誤） | SpiriteK Blog
初めまして、河村です。 これからしばらくはスマートフォンのwebアプリに関することを記事にしていこうかなと思っています。 webアプリといっても、単にjavascriptでサーバとajaxでやり取りした結果を出すだけ、というところに留まらず、css3やhtml5を積極的に取り入れていこうと思っていますので乞うご期待。 初回である今回は、スマートフォンやタブレットでhtml5のvideoタグを扱う案件の中から、ポイントだけを抜き出してお話したいと思います。 今回扱うプラットフォームはiOS4.2以上のiPhone（Androidデバイスは持ち前がないので検証はまたの機会に）、確認のためのPC版safari5。 まずやりたいこととしては、 「ページがロードされたらvideoで指定されているmovieを自動的に再生したい」 というのがあります。 しかしこれがまた単純に自動再生できない。例えば以下
iOS6が Single App Mode を搭載で超絶進化！！ iOS6で最も恩恵を受けるのは実はエンタープライズ！！ - 業務用iOSアプリのfeedtailor社長ブログ
遂にリリースされたiOS6。 iPhone5よりも、Passbookよりも、地図よりも、Siriの強化よりも、最近のAppleからの発表全てを凌ぐ超ビッグニュースだと個人的に思ってるのですが、Single App Modeが遂に登場です！！ ｷﾀ━(ﾟ∀ﾟ)━! と言わずにいられるでしょうか。特にエンタープライズの世界ではiPad登場当初からずっとずっと求められていた機能。以前のブログで「推測」という事で書いていた、 Guided Accessと呼ばれるアクセシビリティの機能拡張で、どのような使用感で扱えるのかは不明ですが、もし文言通り/想像通りの挙動をするのであれば、エンタープライズなiOSの魅力は一段と輝きを増すに違いありません。なんと、 HOMEボタンを無効にできる!! タッチパネルが反応しない領域を設定出来る!! というのです。 ってな機能がそのまんま、いぁ、それ以上に！超超理想的
iPhone/iPadのwebviewで動画を自動再生＆フルスクリーン化 - azukinohirokiの日記
ブラウザのhtml5対応は日進月歩なので今のところ（iOS5.0）の挙動ということで。 Autoplay html5で使えるようになった NSString *httpString = @"<video id='video' width='500' height='300' src='http://hoge.com/hoge.mp4' controls></video>"; [webView loadHTMLString:httpString baseURL:nil];controls属性を追加しておけば再生ボタンなんかもブラウザが勝手に用意してくれます。 便利。 ただ、どうしても（クライアントの無茶な要望などで）自動再生させたい時があります。 たとえそれが悪いことだと分かっていても。 Autoplay is bad for all users | Punkchip そうは言ってもクライアン
URLスキームが分からなくてランチャーアプリに登録できない？ そんな時はApp Storeのリンクを使おう！ - アップス！-iPhoneの小技やiOS系ニュースを配信
URLスキームが分からなくてランチャーアプリに登録できない？ そんな時はApp Storeのリンクを使おう！ mixiチェック Tweet 2012年10月18日 カテゴリ:iphoneの小技 どうも@kuroji1987です。 様々なアプリを登録して整理・起動できるようにするために、各種ランチャーアプリを使っているかたは多いと思います。 ただ、ほとんどの場合各種アプリを起動するための「URLスキーム」が必要ですよね。これが分からないと何もできません！ 今回はそんな時に使える、したっけ! 鈍がめ 備忘録で紹介されていた便利なTipsを試してみたいと思います。これかなり使えますよ！ App StoreのURLを使おう！ さっそくやってみましょう。まずURLスキームの分からないアプリのApp Storeのページを開きます。こちらのゲームアプリにしてみましょう。 次に右上のボタンをタップして
Expertise & begeleiding | Magnatron
Voor elk bedrijf wordt online steeds belangrijker, dat is duidelijk. Maar wat te doen als je binnen je bedrijf geen expertise op dat gebied hebt? Elke partij die je hebt uitgezocht kan je heel goed helpen, kan het online traject voor het bedrijf goed vormgeven en heeft fantastische ideeën. Maar zonder in-house expertise is het heel lastig om goed te kunnen zien of het traject en de ideeën daadwerk
position: fixedもmetaタグも使わずにiPhone用ウェブサイトをアプリっぽく見せる（twitterっぽく） - Yusuke Sugomori's Blog
9/22 追記 改）position: fixedもmetaタグも使わずにiPhone用ウェブサイトをアプリっぽく見せる（twitterっぽく）にて、 よりすっきりしたコードを紹介しています。ぜひそちらを参考にしてください。 まずはiPhoneのSafariでtwitterにアクセスしてみてください。普通のウェブサイトとはスクロールしたときの動きが何か違います。特徴的なのは、 ヘッダーが固定されている 一番上までスクロールしてもURLバーが出ない 代わりに、スクロールされるのはタイムライン部分だけヘッダーの固定についてはiOS5からCSSの position: fixed がサポートされたので困ることはなくなるかもしれませんが、これでも一番上までスクロールするとURLバーが見えてしまいます。 一方、twitterではiOS4でもヘッダーは固定され、かつ一番上までスクロールしてもURLバーは
Strategies for the iFrame on the iPad Problem | Magnolia Development
What’s the deal? IFrames originally behaved on iOS mobile safari sort of how you would expect, the iframe had the size that you set, and the contents inside could be scrolled – with two fingers. Apple changed all that with an update in 2011. The current behaviour is that an iframe width is as you specify it in your code, but the iframe expands vertically to display the full document which it conta
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【iOS、Android】動画が再生されない
IBM Developer
インターフェイスデザインが素晴らしいiPhoneアプリをカテゴリ別・UIパターン別で見られるギャラリー -MobileMozaic
GitHub - cheeaun/tappable: A simple, standalone library to invoke the tap event for touch-friendly web browsers.
