🍃このブログは移転しました。
3秒後、自動的に移動します・・・。

iOS

preventDefault()ではなく、touch-actionを使う

たとえばカルーセルとか たとえばcanvasのお絵かきツールとか ユーザーがページ内の特定の領域をドラッグ操作するなにかを実装するときの話。それを実装してて誰しもがハマるのが、ユーザーがその領域を触ってるときにページ全体がスクロールされちゃったり…

iOSのSafariでvideoを複数再生したい

もちろん音ありで。いわゆるWebRTCでの複数人ビデオチャットみたいなケース。ただ普通に動画ファイルでもHLSでもなんでも、複数同時再生したいならこの問題にハマるはず。

ReactNativeでgetUserMedia()する

端末カメラとマイクにアクセスできるWebRTCの`getUserMedia()`ですが、iOS Safariにはまだ未実装です。なので、現時点ではReactNative的ななんらかの環境の上で動かすしかないです。 そしてReactNativeでも公式サポートされてるわけではなく、外部のライブラ…

Safari 10.1でアップデートされたHTML系を試した

ほんとはリリースノートが出てすぐ試したかったんやけど・・。 Safari 10.1 見出しとしてはこの3つ。 Interactive Form Validation HTML5 Download Attribute HTML Media Capture 相変わらず、興味あるとこだけざっくりさわったメモです。

モバイルでの動画再生について

インライン再生とか 自動再生とか そのへんについてさくっとメモ。 今流行のライブ配信については触れてません。

SwiftでiOS向け音楽プレーヤーを作るための基礎知識

GitHub - leader22/SimpleMusicPlayer: SMP! つい先日こういうのを作ったので。 せっかく作ったので、覚えてるうちに忘れないようにメモっておこうかと。iPhoneのローカルにiTunesから同期したものを再生するための内容で、それ以外のことは書いてないです。

React Nativeでアプリを作る過程で使うであろう画像について

以下の2つについて。 アプリ内で出す画像 App Icon XCode慣れしてないフロントエンドエンジニア向け。

React NativeでNative機能をSwiftで書いて使うには

React Nativeの対応が追いついてないNative機能を使うには、自分でブリッジを実装する必要がある。ただ公式のDocsはほぼObj-Cのことしか書いてなくて、Swiftでもできるよ!って一言くらいしかない。 もちろん調べてもろくな例が出てこない!かといってObj-C…

videoやaudioを扱う場合は、本番と同等のサーバーで開発すべし

とある案件で動画を`video`要素で表示するっていうごくごく普通なことをしてました。ただ、特定の条件が重なると動画がうまく再生されないことがあって、その原因を突き止めたうえでの学びをメモ(˘ω˘ )

Safari 9.0の新機能の概要

以下の機能がSafari 9.0から追加されるそうです。 ホヤホヤ情報なのとざーっくり訳なので、間違ってたらごめんなさい!Safari 9.0developer.apple.com

URLから#(ハッシュ)をはずしてリロードさせたい時

またiOSがやらかしたぞ! // これと location.replace(location.pathname + location.search); // これのどちらかと location.href = location.pathname + location.search; // これでは、動作が違う location.hash = ''; location.reload(); 前者では、単に…

モバイル向けにSPAをつくってた話

実は4月の頭にリリースされてて、今さら感のあるつくって"た"話です。 もちろん仕事でなのですが、ココはあくまで個人ブログなので、ある程度ぼやかしつつ書きます。知ってる人は知ってると思いますが、コレです。

2015年版: ホームアイコンの指定方法まとめ

調べては忘れを毎回繰り返すのもなんだかなーと思ったので、まとめておきます。 ちなみに、iOS/Androidのことしか書きません。 iOSは5以上、Androidは4以上のOSバージョンを対象としてます。OperaとかMetroとかFireFoxとかは知りません!もっと頑張ってくだ…

モバイルブラウザからアプリを開くには

あいも変わらずモバイル情報です。成果物はこちら。 leader22/app-opener

最近のoverflow: scroll事情

もちろんモバイル情報です。iOS4やらAndroid2.x時代にはまったく使い物にならなかったこの指定、 最近はどうなの?っていう。

iOS8 x Safariでテキスト入力カーソルがスクロールできない

調べても情報あんま出てこなかったのですが、これ既知のバグですか? 知ってる方いれば情報求むです! How do I scroll horizontally in a single line t... | Apple Support Communities

ReferenceError: Can't find variable: __gCrWeb とかいうエラー

window.onerrorとかでざっくりエラー拾ってて見つけたやつ。な、なんだこいつー

Swiftに入門してみたメモ

べ、別に鞍替えとかそういうのじゃないんだからね! 時間かけてなんかやったなら、その記録を残そうという趣旨でございます。

続・apple-mobile-web-app-capableの挙動について

昔(2013年の9月)、こういう記事を書きました。 参考: apple-mobile-web-app-capableの挙動について で、久々にどうなったかなーと思って試してみたんですけど、また仕様が変わってるっぽくて・・。 というのをメモ。iPhone5s x iOS7でチェック。

iOS7のiPod touchのユーザーエージェントが変わったぽい

メモ。 Mozilla/5.0 (iPod touch; CPU iPhone OS 7_0 like Mac OS X) AppleWebKit/537.51.1 (KHTML, like Gecko) Version/7.0 Mobile/11A465 Safari/9537.53 touch ってつくようになったぽい。

apple-mobile-web-app-capableの挙動について

通常のWebページを、Safariではなく独自のアプリっぽい見せ方で表示できるという噂のプロパティです。ただこのプロパティ、情報なさすぎや・・・。 とりあえずわかったことのメモ。

iPhoneシリーズの画面解像度とファーストビューのサイズ

何度調べても忘れるのでメモ。 iOS7の場合を追加!

iOSにおけるリソース制限

よくJavaScriptの実行は10秒以内にしなさいとか聞きますが、アレもこのひとつです。 今回はそんなリソース制限の中でも、画像についてのメモ。やたら縦に長い画像を使ったら、iOSの一部機種で画像が表示されなかったんですの・・。 参考:Safari Web Content…

iOSなどでアニメーションさせるとチラつく

いったい何度同じ過ちを繰り返せば気が済むんだという感じになったのでメモ。 スマートフォンで要素の拡大・縮小やら移動やらするときに気をつけたいのは以下。 GPUアクセラレータが効く方法を選ぶ アニメーションさせる要素数を厳選する Defferdなど、時と…

URLでBasic認証する

感動した!w 参考:iOSでBasic認証を毎回入力する手間を省く方法 - maharada.net 個人携帯で会社のサーバーにつながらない これでずっと困ってたんですよね・・。で、考えてた原因として 外部からのアクセスを制限してる 個人携帯=社外LAN=FWなりなんなり…

スマートフォンサイトをコーディングする時の注意など

はてさて、無事に転職しまして、こういうことをやるようになりました。 今までも知識レベルでは持ってたつもりですが、いざやるのはまた勝手が違うわけで。 まだ全然周りも見えてないですが、個人的に気付いた点などをメモ。

iOS5.1にアップデートしちゃったけど、iOS5.0.1にダウングレードしてJailBreakできました

iOS

注:調べてみた限り、iPhone4SやiPad2など、最新デバイスは無理みたいです。 私はいまだにiPhone4だったのでいけたっぽい。 もしかしたらそれも時間の問題かも知れない・・・らしい。 ←よくわかってない @20120308 23:40時点 タイトル通りです。 朝、寝ぼけ…