[B! iphone][javascript] issmのブックマーク

[ヅ] 強く押しすぎて iPhone 6s にヒビが入ってしまった(・∀・)!! (Force Touch / 3D Touch) (2015-10-01)

というネタ的な Web ページを作ってみた。 iPhone 6s (Plus) の Force Touch (3D Touch) 機能を使ったネタ的なサンプル。 ⇒ Force Touch (3D Touch) sample (音が鳴るので注意) iPhone 6s (Plus) + Safari でページを表示して、空の画像を強く押しこんでから離すと、画面が割れたような画像が表示されてガシャーンて音が鳴るだけ。 Force Touch とは何か Force Touch は Apple の開発した感圧タッチパネル技術のこと。 3月10日のアップル Spring Forward スペシャルイベントで発表された Apple Watch と新MacBook はまるで別ジャンルの製品ですが、新技術「感圧タッチ (Force Touch)」を採用した共通点があります。アップル、次期 iPhone

issm 2015/10/08

リンク

ke-tai.org > Blog Archive > 90秒で理解するiPhone JavaScript（マルチタッチ編）

90秒で理解するiPhone JavaScript（マルチタッチ編） Tweet 2008/7/28 月曜日 matsui Posted in iPhone | 10 Comments » 仕事でiPhone向けサイトを作ることになるかもしれず、色々と調査中です。まずはiPhoneならではの機能ということで、マルチタッチについて調べてみました。ここまでわかったことをメモ代わりに記載したいと思います。今回はひとまず座標の取得までです。ゆくゆくは、こちらのムービーのように凝ったギミックを作りこみたいと思っています。マルチタッチの座標を取得するのは思ったより簡単で、抑えるポイントは4つだけです。 Safari自体のスクロールや拡大・縮小は動作しないようにした方が無難タッチのイベントは、リスナーまたは「onTouchXXX」から取得タッチ数は「event.touches.length

issm 2012/12/24

リンク

iPhone4のRetinaディスプレイで閲覧したらjQueryでRetina向け画像(@2xのやつ)に自動で切り替える - かちびと.net

iPhone4のRetinaディスプレイで閲覧された際に自動で高解像度の画像に自動で切り替えるjQueryのコード。 @2xが付くアレです。ちょっと今更な話題なので誰も見て無さそうな日曜日に書いて置こうと思います。 jQuery Retinaっていうプラグインがありますが、このライブラリのように色々宜しくやってくれるようなものじゃなく、ただのスニペットです。実際にはもうちょい工夫しないとならないと思いますので参考程度で。というか僕がRetinaなんとかの事を良く分かって無いでｓコード if (window.devicePixelRatio > 1) $('img').each(function() { var t = $(this); t.attr('src', t.attr('src').replace(/(\.[a-z]+)$/i, "@2x$1")); }); window

issm 2012/10/19

リンク

iOS4.2+ / モバイルSafariの「振る動作（シェイクジェスチャー）」をjQueryを使って検知する

iPhoneを振る動作（シェイクジェスチャー）によって呼び出されるモーションイベントをjQueryで検知するgShakeのご紹介。 iOS4.2以上 / Safariでは加速度センサーをJavaScript経由で使うことが出来ますが、これをjQueryでやろう、という内容です。備忘録です。別にjQueryじゃなくてもいいじゃんみたいな話なんですけど、まぁjQuery大人気ライブラリだし覚えておいて損は無いんじゃないでしょうか。この件に関しては以前カヤックのえどさん(@edo_m18)が記事とデモを用意してくれてるのであわせて参考にして頂ければ幸いです。 iOS4.2のSafariから追加された加速度センサーでシェイクジェスチャを作るgShake 3KBと軽量で、導入も簡単です。以下サンプルご用意しました。iOS4.2以上のモバイルSafariで軽く( ﾟ∀ﾟ)o彡゜すればアラ

issm 2012/10/11

リンク

Titanium - JavaScript で iPhone/Android アプリを作る - naoyaのはてなダイアリー

Titanium Mobile は JavaScript で iPhone/Android のアプリ (not Webアプリ) を開発できる開発環境。詳しくは Titaniumで始めるモバイルアプリ作成の基礎知識 (1/3)：Web技術でネイティブアプリを作れるTitanium（2） - ＠IT などに解説があります。少し時間があったので、JavaScript で作るというのがどんな感じか試してみました。作ったアプリはこんな感じで TableView があり、選択すると WebView でアプリ内ブラウザが立ち上がる、ブラウザはツールバーで「戻る」や「リロード」が可能。あとはタブコントロールがあったり･･･という単純なもの。初期起動画面のサイトリストは、HTTP でローカルに立てたサーバーから JSON で読み込んでいます。 Web上のドキュメントを見ながら2, 3時間試行錯誤で一応の