iOS8 on iPhone6 で設定によって viewport の値が変わる件
2014/09/25 この記事は書かれてから1年以上が経過しており、最新の情報とは異なる可能性があります techviewport これはさすがに書いておいた方がよいかと思ったので書いておきます。 結論だけ先に言うと、設定によって viewport の値が変わるので注意です。 設定によって viewport の値が変わる件2014年の9月に iPhone6, iPhone6 Plus がそれぞれ発売されたわけですが、 購入して初期設定してるときに気になる画面が。 へぇーー。初期設定の際に画面全体を標準サイズにするか、拡大サイズにするかを選択できるようになってました。 また、初期設定後であっても、設定 > 画面表示と明るさ > 画面表示の拡大 という項目で自由に変更できるようになっています。 プレビュー画面も用意されているので分かりやすいです。こちらが標準設定。 以下が拡大設定です。 比率は
iPhone,Android両対応スマホ画面回転のjavascriptイベントは orientationchange resize
iPhone,Android両対応スマホ画面回転のjavascriptイベントは orientationchange resize 回転イベントorientationchange 画面が回転したときに何かさせたいときはorientationchangeで設定できます。 ※Androidは2.2から対応しました。2.1の端末では動きません。 $(window).on(“orientationchange”,function(){ alert("画面が回転しました"); // ここに実行したい処理を書く }); 回転したときだけ実行する場合は、これでいけますが ページ読み込み直後にも処理を実行したい場合だったら、 resizeもセットで設定します。 $(window).on(“orientationchange resize”,function(){ alert("この端末の横幅は"+wind
iPhoneでの近接センサーの使い方のサンプルをアップ
近接センサーを使用するためのクラス／メソッドが、iPhoneOS 3.0より変更になっているのに気づいたので、最初のサンプルとして近接センサーを使用するサンプルコードを「iphone-codes」に追加してみた。 従来は、[UIApplication sharedApplication]を使用していたが、3.0以降では[UIDevice currentDevice]を使用する。 使い方はごく簡単で、 [UIDevice currentDevice].proximityMonitoringEnabled = YES; で近接センサーを有効にし、NSNotificationCenterで近接センサーの状態変化を受け取るメソッドを指定する。次に状態変化を受け取るメソッド内で、状況に合わせたコードを追加すればよいが、画面がブラックアウトし、かつロックされてしまうので、あまり使い道ないが無いかもしれ
Just Landed - Making airport pickup easy.
Easy Airport Pickup The perfect companion to help you pick up friends and family from the airport – right on time. Get Notified We monitor the flight and traffic conditions and notify you when it's time to leave for the airport. Be Prepared Get the estimated flight arrival time, terminal, gate, and even baggage claim information.
Javascript+webkitの環境で、div要素にevent.preventDefault()を使用するとそのdiv要素内のリン... - Yahoo!知恵袋
Javascript+webkitの環境で、div要素にevent.preventDefault()を使用するとそのdiv要素内のリンクがクリック不能になるのですが、クリック可能にする方法はあるでしょうか。 Javascript+webkitの環境で、div要素にevent.preventDefault()を使用するとそのdiv要素内のリンクがクリック不能になるのですが、クリック可能にする方法はあるでしょうか。 下のHTMLのようにタッチしたdiv要素を移動可能にする仕組みを作る中で、ブラウザ標準のページをスクロールするイベントをキャンセルするためにevent.preventDefault()を使用した影響で、div要素内部のリンクをクリックした際のイベントまでキャンセルされてしまい、リンクをクリックすることができなくなってしまいます。スクロールをキャンセル且つリンクをクリック可能にするに
スマートフォンとposition:fixedのバグ
スマートフォンとposition:fixedのバグ iPhoneではiOS5からAndroidでは2.2からposition:fixedに対応されてスマートフォンでも固定配置が利用できつつあります。と思いきや色々と落とし穴が多いのでまとめておきます。 Androidではuser-scalable=noが必須 <meta name="viewport" content="user-scalable=no" /> Androidではviewportにuser-scalable=noの指定がないとposition:fixedが動きません。iPhoneではuser-scalable=noの指定がなくてもposition:fixedが動きますがけっこう挙動が微妙なのでuser-scalable=noは指定しておいたほうが良いでしょう。 サンプル（user-scalable=noあり） サンプル（us
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ
AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ AndroidやiPhoneなどのスマートフォンではHTML,CSS,JavaScriptにバグが多くてコーディングが大変になります。そこでバグを紹介しているサイト、記事をまとめてみました。(中にはバグではなく仕様なものもあるかもしれません) iOS 8.4.1の:hover問題 iOS 8.4.1で:hoverを指定していると1タップでページ遷移できない問題 【STINGER5】AndroidのChromeで＆nbsp;が「・」になってる気がする | ビビビッ を に変更すると直るとのこと。 Mobile Safari 8でposition: fixedした擬似要素が完全に位置が固定されない - Weblog - Hail2u.net Mobile Safari 8でposition:
iPhoneのSafari対応について - プログラミングノート
Safari対応サイトを作った際にあまり調べていなかったので、ちょっと調べてみました。OS 3.0から使える機能も増えていて、簡単なアプリならネイティブアプリ作らなくても実現できますね。選択肢が増えるのは良いことです。 ブラウザの仕様 Web標準技術が使えるので、PCサイト開発の延長で作れる。 ブラウザ互換などは気にしなくて良いので、HTML5+CSS3で作りこむのもあり。 制限 リソースの制限 デコード後のGIF, PNG, TIFF 2MBまで デコード後のJPEG 32MB アニメーションGIF 2MBまで Canvas 要素 2MB その他リソースファイルはそれぞれ10MBまで その他制限 cookieサポート Flash, Javaアプレット, SVG(サポートされているようです), XSLTは非サポート サードパーティー製のプラグインは非サポート JavaScript実行時間
15 Useful Code Snippets for Smartphone Website
2014年8月22日 Webサイト制作, スマートフォン スマートフォンが普及してきて、Webサイトを作る時、スマートフォンサイトも一緒に制作している方も多くなってきていると思います。私もスマホサイトを制作する機会が増え、だんだんEvernoteに保存していたスマートフォンサイトを作る時の小技がたまってきたので、iPhoneで使える小技を中心にまとめて記事にしてみます。いくつかサンプルも作っているので、スマートフォンからあわせてご覧下さい！ ↑私が10年以上利用している会計ソフト！ スマートフォンサイト用小技集 目次 いくつかサンプルも作ったのでスマートフォンから、もしくはブラウザーからユーザーエージェントをiPhoneなどに切り替えてご覧ください！ 横幅をデバイスの幅にあわせる 文字サイズの自動調整をオフ リストのクリック（タップ）範囲を広げる 画面の幅にあわせてCSSを変える リンクテ
App Store登録もOK！JavaScriptで作るiPhoneアプリ
Webアプリケーションは、傾きセンサやGPSからの情報取得やバイブレータ動作などのOSの機能の利用に制限があります。また、オフラインでの動作ができません。 開発の容易さは、若干主観めいてしまいますが、コンパイルが必要でメモリ管理も必要なネイティブアプリに比べて、Webブラウザでリロードするだけで最新のコードをテストできて、基本的にメモリ管理も不要なWebアプリケーションに軍配が上がります。 ネイティブアプリケーションの最大のメリットは、「App Storeでの配布ができる」ことで、多くのユーザーが集まるApp Storeでアプリケーションを配布でき、さらには課金もできてしまう点です。 ローカルWebアプリという第3の選択肢 前段の機能比較表に「ローカルWebアプリケーション」という項目があります。これは、Safariでオンライン中に所得したHTML、CSS、画像データなどを保存して、オフラ
JavaScriptでiPhoneアプリ作ってみた by Dashcode | AliceSystems
iPhoneアプリ作りたいなー、とけっこう前から思っていて、 Objective-Cをちょっと勉強していたのですが、 仕事で勉強しなくちゃいけない言語が増えて、どうにも進まず・・・と思っていたら、 こちらの記事を見つけました。 JavaScriptでiPhoneアプリを楽々作成 そういえば「iPhoneアプリケーション開発ガイド ―HTML+CSS+JavaScript による開発手法」という本も出ていたなーと思い出し・・・。 JavaScriptなら会社でもやっているのでちょっと試してみました。 開発環境は、せっかくなのでDashcode。 たぶんXcodeとかと一緒にDLしたのか・・・あまり覚えていないのですが・・・。 とにかくこれを使えば、UIパーツの配置とかも楽にできるのでこれにします。 ＊以下のDashcodeの使い方は何かを見て勉強したわけじゃないので、 色々間違っているかも・
ke-tai.org > Blog Archive > 90秒で理解するiPhone JavaScript（ジェスチャー編）
90秒で理解するiPhone JavaScript（ジェスチャー編） Tweet 2008/7/30 水曜日 matsui Posted in iPhone | 1 Comment » 先日のマルチタッチ編に続き、今回はジェスチャー編になります。 対象を拡大縮小したり、回転させたりするには、座標を取得して自分でガリガリ計算しないといけないと思っていたのですが、どうやら「gestureXXX」イベントを使えばそんな必要がないということを知りました。 → 参考 [iphone.wikiwiki.jp] というわけで、今回はgestureイベントの使い方をまとめてみます。 ジェスチャーのイベントには次の3つがあるようです。 gesturestart gesturechange gestureend それぞれ、ジェスチャー開始時、ジェスチャー中、ジェスチャー終了時にイベントが発生します。 使い方は
iPhoneのタップ・回転イベントを JavaScriptで取得するサンプル - H2O Space. Blog - h2ospace - builder by ZDNet Japan
iPhone特有の「タップ」や本体の「回転」は、JavaScriptでも取得することができます。 つまり、Webサイト・Webアプリでこれらのイベントを捕まえてプログラムを作ることができるという訳。 簡単なサンプルを作ってみましたので、お試しください。 iPhoneのタップ・回転イベントをJavaScriptで取得するサンプル(iPhoneで確認してください) まずは、こんなHTMLを準備して・・ <dl class="iPhoneDL"> <dt>イベント</dt> <dd id="dEvent">なし</dd> <dt>X位置</dt> <dd id="dX">-</dd> <dt>Y位置</dt> <dd id="dY">-</dd> <dt>向き</dt> <dd id="dTurn">-</dd> </dl> プログラムは次の通り。 <script type="text/java
iPhone向けwebアプリを作ってみる-タッチイベント、ジェスチャーイベントに関するまとめ-
こんにちは。普段からiPhoneを愛用している橋本です。 最近、「せっかくiPhone持ってるんだし、iPhone向けのアプリ作ってみようかしら？」と思い立ったのですが、iPhoneのネイティブアプリを作るには、"Objective-C"と、"cocoa Touch"というiPhone/ipodTouch向けのフレームワークを理解する必要があり、また、自分で開発したアプリを実機に入れて動かしてみるには、そこそこの費用と各種手続きが必要だったり（iPhoneエミュレータ上で動かす分には問題ないのですが…）と、何かと大変です。 「何かもっと手軽にiPhone特有の機能を活かしたアプリを作る方法はないかなぁ。。」と考え、思い立ったのがWebアプリ。Webアプリなら、今までの知識＋αでアプリを作成することが出来るのではないかと。そこで、今回から数回に渡ってiPhoneとjavascriptを使って
Titanium Mobileでアプリ開発するときに気をつけること（＋インターンの話） - 甘味志向＠はてな
こんにちは、もろへいやです！ 8月から1ヶ月半ほど、同人ダウンロード販売最大手のDLsite.comを運営する株式会社エイシスにインターンシップに行ってました！ この話は最後に書くとして、そこでTitanium mobileを使ったiPhone・Androidアプリケーションの開発をしました。 最近、知名度がじわじわ上がってきてるTitanium mobileですが、まだまだ発展途上で悩まされることも多いです。 Titaniumでのアプリ開発の方法は、各ブログや書籍で解説されていますので、ここでは細かいノウハウを書いてみます。 作ったアプリ DLsite 壁紙 DLsite.comのスマートフォン対応にあわせて、毎月更新される壁紙アプリをリリース Android Marketでダウンロード App Storeでダウンロード トップ絵のイラストレーターrefeiaさんをはじめ、複数の作家さん
CBCNET | Topic » 画面の中に作られた仮想の生態系 | 植物を育て、気に入った花を集める iPhone/iPad アプリ『Flowerium.』
画面の中に作られた仮想の生態系 | 植物を育て、気に入った花を集める iPhone/iPad アプリ『Flowerium.』 インタラクションデザイナー平原 真によるバーチャルネイチャーアプリ「Flowerium.」がリリースされた。 「Flowerium.」は画面の中に仮装の生態系を作り出すアプリケーション。 画面に触れると種が蒔かれ、地面に落ちて芽が出てくる。 植物は日光を浴びて育つので、他の植物の影になっていると枯れてしまう。 順調に成長すると花が咲く。気に入った花はタッチすれば、名前をつけて保存する事が可能。 保存した花はLibraryから見る事ができ、種を蒔く事もできる。 花が咲いている時に十分な栄養があると、親の遺伝子を受け継いだ種が出来ます。もし他の植物の花が咲いていたら、交配が起きて両方の性質を遺伝する。 どんどん育ってどんどん枯れていく一連の流れは、見ている側を飽きさせず
連載：目指せ！iPhoneアプリ開発エキスパート｜gihyo.jp … 技術評論社
運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します。個別にライセンスが設定されている記事等はそのライセンスに従います。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「使ってもらえるアプリの考え方」スマホデザイン会議 2012 忘年会スライド
ひげろぐ - 結論を急がない
DashcodeによるiPhone用Webアプリ作成入門 - libro