タグ

iosとiphonexに関するokyawaのブックマーク (2)

  • 【随時更新】iPhoneX完全対応マニュアル - Qiita

    はじめに この記事は既存、もしくは新規で開発するiOSアプリをiPhoneXに対応するための知見をまとめたものです。 新しい情報やTipsをコメントいただけると随時更新させていただきますので、よろしくお願いします! iPhoneXについて 2017年9月12日に開催されたApple Special Eventにて発表された最新のiPhone 顔認証でロック解除ができる「Face ID」を搭載 ベゼルレスディスプレイ 今までのデバイスと違って、四隅が丸くなっていたり、フロントカメラ部分の凹みがディスプレイに被っていたりするので、このようなディスプレイに対応するためにセーフエリアの概念が新しく追加された セーフエリアについて AppleがiOS11から導入した概念 ナビゲーションバーやステータスバーなどの外側のUIに被らない安全な領域を取得できる 使用するにはXcode9+、iOS11+ SD

    【随時更新】iPhoneX完全対応マニュアル - Qiita
  • iPhone Xを購入せず、無料でウェブページの表示確認を行う方法 (macOS) - Qiita

    今年10月に発売が予定されているiPhone Xは、その独特なディスプレイの為にセーフエリアを意識したウェブデザインが必須です。iPhone Xで意図せぬ表示にならないように実機の購入が必要だと考えるかもしれませんが、実はmacOSユーザーであれば、iPhone Xを購入せず無料でウェブページの表示確認を行えます。このエントリーでは、iPhone Xでの表示確認方法について紹介します。 ▲ iPhone Xでの表示確認をしている様子 iPhone Xで起こりうる意図せぬ表示 たとえば、画面最下部にコピーライトを固定表示しているサイトをよく見かけますが、iPhone XのSafariではメニューバーを表示する為のボタンで隠れる可能性があります。また、横持ちでコンテンツの左右が途切れてしまう可能性もあります。 ▲ 「iOS Human Interface Guidelines」より これらの表

    iPhone Xを購入せず、無料でウェブページの表示確認を行う方法 (macOS) - Qiita
  • 1