既にご存じかと思いますが、iPhone Xではディスプレイの形がこれまでのように長方形ではなく、複雑な形になりました。 そこため、アプリやWebページの表示がどうなるのか気になっている方も多いと思います。 Xcode 9のiOSシミュレーターでiPhone Xのシミュレーションができるようになったため、早速いろいろなWebページをiPhone X・iOS 11のSafariで見てみたところ、いくつか思わぬ発見もあったのでまとめたいと思います。 iOSシミュレーターの使い方 macOS SierraでMac App Storeを起動し、Xcodeを最新の9にアップデートします。 El Capitanやそれ以下ではXcode 9はインストールできないのでご注意ください。 Xcode 9を起動し、メニューの［Xcode＞Open Developer Tool＞Simulator］でiOSシミュレ

今週買う人にも、買わない人にも。 iPhone 8／iPhone 8 Plusの発売に先がけて、9月20日に iOS 11がリリースされました！ iOS 11ではどんな新機能が追加されたのでしょうか？ ここで、知っておくべき主要な24の機能をまとめます。 最初に、対応ハードウェアを確認しておきましょう。iOS 11は64-bit端末のみ対応、つまりiPhoneならiPhone 5s以降、iPadならAir・第5世代以降、iPad ProならどれでもOK、iPad miniならiPad mini 2以降、iPodなら第6世代以降となります。ということは、iPhone 5やiPhone 5C、第4世代iPadはサポートされないということです。 1）ARKitアプリが解放 So.. Apple put an awesome VR mode in Apple Maps (powered by AR

昨夜、iPhone XがAppleからアナウンスされました。販売予約は、10月27日からでまだ少し先ですが、一足早く、iPhone XとiOS 11を楽しめるモックアップ素材とUIデザイン素材を紹介します。 iOSのUIに使用されているフォント「San Francisco Pro」もダウンロードできます。 参考: iPhone X -Apple iPhone Xのモックアップ素材 公式版iOS 11のUIデザイン素材 iPhone Xのモックアップ素材 まずは、iPhone Xのモックアップ素材から。 Photoshop版とSketch版が用意されており、8,496x5,880の高解像度の素材です。

米AppleはiOS搭載スマートフォンの新モデルとして、4.7インチディスプレイ搭載の「iPhone 8」と、5.5インチディスプレイ搭載の「iPhone 8 Plus」、5.8インチ最上位モデルの「iPhone X」（テン）を発表した。iPhone 8／8 Plusは9月22日、iPhone Xは11月3日に発売する。2016年に発売した前モデル「iPhone 7／7 Plus」からの変更点を早速チェックしてみよう。

iPhone Xが発表されたわけですが、なにこのデザイナー泣かせの変態端末。 iPhoneのUI設計者グレッグ・クリスティが追い出されて、ジョナサン・アイヴがソフトウェア統括となったのが2014年。 iOS7のフラット化あたりから、どんどんとUI設計が置いてけぼりになった感がありましたが・・・ここにきてまたデザイナー泣かせの豪速球が。 ざっくりデザインガイドラインを読んでの、気になったところメモ。 画面サイズ サイズは従来のベースであった4.7インチの375pt x 667ptから、375 x 812ptに。縦方向に145pt追加された。 想定されるインパクト 表示可能な情報量が増える 縦スクロール系コンテンツのコンバージョンが増加 スクロールで隠れるナビゲーションの必要性が低下 画面上部のボタンのコンバージョンが低下 ゲームなどの全画面イラストに、黒枠が出たり、見切れたりする グラフィッ

iOS11で自然流入激減の可能性！注意すべき8点と対応策投稿日:2017/08/30 更新日:2017/08/30[PR記事] 突然ですが、iOSアプリデベロッパーの皆様、iOS11への対策は済んでいますか？ 途中、デザインの変更こそあれど、初代のApp Storeから実に9年間タブの変更はなかったApp Storeが、いよいよ生まれ変わる時がきました。 まるで巨大隕石が落ちて恐竜たちの世界を壊滅させたかのような大変動！というのは言い過ぎですが、App Storeでの生き残りのためのルールが大きく変わるのではないかというのが今回のお話です。 まだ対策ができていないよ…という方は、是非この記事を参考にして対策を練ってみてください。もう対策済みだよ！という方は、抜け漏れがないかチェックできていいかもしれません。 iOS11ではコントロールセンターの画面が大きく変更される他、Siriの翻訳機能の

こんにちは。「暮らす」に+を。クラスタスです。 iPhoneを使っていて、ストレージがいっぱいになると、「ストレージの空き領域がありません」というメッセージが出現します。 その場合、不要なアプリやデータを削除したりして解決することが多いですが、しばらく使っているとゴミのようなものが「その他」として溜まっていくようですので、今回は、その「その他」の削除方法について解説します。 iPhoneのストレージの確認方法 知っている人も多いと思いますが、まずは自分のiPhoneのストレージの確認方法をお伝えします。 メニュー < 設定 < 一般 < ストレージとiCloudの使用状況　と進むと、以下のような画面になります。この画面で、現在使用中のストレージ容量と空いているストレージ容量を知ることができます。 画面下部には、アプリごとの使用容量が使用容量の大きい順に並びます。ここで不要なアプリをタップす

「こんな高品質の写真が撮れる、そうiPhoneならね」というフレーズを信じてiPhoneを購入しても、同等のクオリティを再現するのは非常に難しいものです。そうとは分かっていても、「やっぱりスマートフォンでいい写真を撮りたい！」という人のために、スマホ写真の品質を1段階上げるためにできるハードウェアの使い方を、Marques Brownlee氏がYouTubeムービーで解説しています Dope Tech: "Shot on Smartphones!" - YouTube 「この写真はiPhone 7 Plusで撮影したものです」 割れんばかりの歓声、そして拍手。AppleのiPhone発表会では見慣れた光景。 (マジかよ！？) YouTubeで「shot on iphone(iPhoneで撮影)」と検索してみると…… 素晴らしい写真の数々が現れます。 いずれもiPhoneで撮影されたものばか

アプリで行う作業を自動化する「Workflow」がAppleに買収され、App Storeでアプリが無料で提供されることになりました。ということで、Workflowを使って面倒な作業を自動化してみました。 Workflow: Powerful Automation Made Simple on the App Store https://itunes.apple.com/us/app/workflow-powerful-automation-made-simple/id915249334 ◆アプリのインストール 上記リンクからApp Storeの「Workflow」ページを開いて、「入手」をタップ。 「インストール」をタップ。 「開く」をタップして、アプリを起動させます。 初回起動時にはチュートリアルが始まるので、「→」アイコンをタップして読み進めればOK。 途中で好みのワークフロー(いわ

こんにちは、ピコシムです。 PCデポで高齢者に余計なオプションをたくさんつけて、２０万円請求された話が話題になっています。 家電・通信業界では、多かれ少なかれそのような危ない商法は沢山あっていつも問題になります。 例えば、スマートフォンを購入する時はどうでしょうか。 よく、携帯ショップではこんな料金表示になっています。 （この画像はご自由にお使い下さい 出典の明示は任意です） 要点を抜き出すと、いまは、だいたいこんな感じです。 何も知らないと、月々1000円でiphone6sが使えるんだ！安い！と感じます。 ところが、世の中そんな甘いはずがありません。 図解すると、 （この画像はご自由にお使い下さい 出典の明示は任意です） もともと96,000円の機種を24回ローンを組んで、 指定の料金プラン（2年契約＋パケットプラン）に申し込んで、毎月3,000円の割引が受けられたとき、 毎月の機種代金

ホームボタンと電源ボタンを同時押しすることでスクリーンショットを撮影することができますが、iPhone 6 Plusのように本体が大きなiPhoneになると指が届きづらくて難儀することがあります。そこで、1タップでスクリーンショットを撮影する方法をご紹介します。「アクセシビリティ」の中にある「AssistiveTouch」という機能を使用します。 1タップでiPhoneのスクリーンショットを撮影する方法 まず「AssistiveTouch」の機能をオンにします。 「設定」の中にある「一般」から「アクセシビリティ」を開きます。真ん中あたりに「AssistiveTouch」がありますので、これをオンにします。 続いて同じ画面にある「最上位レベルのメニューをカスタマイズ…」を開きます。 「-（マイナス）」をタップして「カスタム」だけを残します。 「カスタム」をタップします。 「スクリーンショット

スマホの故障や紛失といったトラブルや新機種への乗り換え、バッテリーの寿命などで、誰しも数年に1回は機種変更をする機会が訪れるはず。いつスマホを変えても元通りLINEを使えるように、トーク履歴のバックアップや引き継ぎの準備をしておきましょう。 LINEのトーク履歴をはじめとする各種データをバックアップして復元する手順を、イラストや画像などを交えて初心者にもわかりやすく解説します。

ソフトバンクの機種変更手続きの付き添いをしてきて、ソフトバンクのiPhone向け保険サービス「安心保証パック(i)プラス」の、詳細な規約が気になり、帰宅後に読んでみたのですが、気になる記述があったので、紹介します。 ※じゃぁAppleCare+のほうが良いのか、と言えば、AppleCare+のほうが「うわっ…」感高いので注意→「AppleCare+の修理代金がiPhone 6sから7,800円→11,800円に大幅値上げ。なんと1.5倍以上に」 目次 1. 「あんしん保証パック(i)プラス」の特殊な修理費用2. ユーザーが立替→ソフトバンクが分割返金3. 返金にかかる期間3.1. 返金金額に関する条項4. 疑問：分割返金中にソフトバンク回線を解約・MNPしたらどうなるの？5. 返金打ち切り6. 「解約すると損」がココにも！7. 「あんしん保証パック(i)プラス」の回線解約時の扱いを知ろう！

ドコモ版iPhoneならSIMロック解除しなくても格安SIMを使える おしむちゃん　いよいよ「iPhone 6s」「iPhone 6s Plus」が発売されるわね～。今度こそiPhoneデビューしようかしら……。 しむ六くん　おいらはすでに予約済み！　iPhone 6s Plusの128Gバイトモデルを発売日に入手予定だよ。 おしむちゃん　また一番高いやつを……。あんた、お財布は大丈夫なの？ しむ六くん　ドコモ版を買う予定だけど、ドコモ、au、ソフトバンクのiPhoneなら、毎月の割引やキャンペーンがたくさんあるから、そんなに大きな出費にはならないよ。 おしむちゃん　あれ？　「格安SIM」を使うのなら、SIMロックフリーモデルがいいんじゃないの？ シムおじさん　誤解している人がけっこう多いんじゃが、「ドコモ回線を使った格安SIM」なら、「SIMロックのかかったドコモのスマートフォン」でも使

使い方は簡単です。あらかじめiPhone版とMac版の「Pasteasy」をインストールし、両方の「Pasteasy」の接続設定を開始しましょう。まずiPhone版「Pasteasy」を起動して「コードをスキャン」をタップします。 つぎにMac版「Pasteasy」を起動し、iPhoneでMacの画面に表示されたQRコードをスキャンします。これで接続設定は完了です。 iPhoneとMacの「Pasteasy」を接続が済んだら、試しにMacで任意のテキストをコピーしてみましょう。 コピーしたテキストは一瞬でMacに共有され、どんなアプリにもペーストすることができます。 さらにiPhoneでスクリーンショットを撮影してみると… iPhoneで撮影したスクリーンショットは一瞬でMacのクリップボードに保存され、画像編集アプリなどにすぐに貼り付けて編集することができますよ！ 僕は今までMacとiP

こんにちは、霙(@xxmiz0rexx)です。 スマートフォンサイトを制作している時、たまーに困ることがあります。 それは、実機でしか再現しない表示崩れ。 Macでみた時は大丈夫だったのに、何故かiPhoneでは謎の余白が…なんてことが先日もありまして、 解決のためにSafariのWebインスペクタ機能を使ってみましたので使い方をメモしたいと思います。 Webインスペクタ機能とは iPhoneで見ているページのソースをMacで見ながらデバッグできる機能です。 使うには双方へのちょっとした設定と、お互いをケーブルで繋ぐことが条件。 みんなだいすきGoogle Chromeの開発者ツールと同じようなものですね。 必要なもの 1.Mac 2.iPhone 3.ケーブル 次の章で使い方を書いていきたいと思います。 Webインスペクタ機能を利用する手順 1：iPhoneとMacをケーブルで繋ぐ まず

ブログに紹介したい動画を貼り付けて載せる場合には、埋め込みコードを使ってブログにコピペしますよね？ ただ、このコードをそのまま貼り付けるとスマホで見るとはみ出てしまいます。 それは、貼り付けコードの中身を見るとすぐわかるのですが、横と縦の大きさが固定幅で設定されているからです。 これをCSSでスマホ用に最適化する方法。