実機検証！スマホサイトで最適な画像サイズとは
見やすく伝わりやすいスマホサイトにするには、画像作成が必要不可欠だ。 しかし、スマートフォンは機種によって画面サイズが異なるため、どのサイズで画像を作成するのが最適なのか迷う人も多いと思う。 そこでこの記事では「何を基準にして画像を作成すればよいか」というところからお伝えし、最適な画像サイズは何か、実際に機種で検証する。 ぜひ参考にして欲しい。 ＜目次＞ １．基準となるスマホサイトの横幅 ２．最適な画像サイズと実機検証 ３．ボタンやアイコンのサイズ １．基準となるスマホサイトの横幅 iPhoneのRetinaディスプレイのような高解像度ディスプレイが増えてきたため、画面の横幅320px～480pxに合わせた画像を作ると表示の際に画像がぼやけてしまう。 それを避けるために、320pxの2倍の解像度である「640px」を横幅の基準としてデザインするのが主流となっている。 最近になって
iMessage 設定と使い方
iMessageの設定と使い方 こちらがiMessageを使っている画面。 LINEのように吹き出しで表示されます。 こちらの吹き出しの色がブルーなのが特徴。 iMessageを使用する条件として、相手もiPhoneの必用があるのですが、相手もiMessageをオンにしていないと送ることが出来ません。 普通のメールと違い、相手が入力中の場合、相手側の吹き出しに「・・・」という表示が現れます。 この場合、相手が入力中であることを意味しています。 また、MMSと同じで写メなども送ることができます。 さらに相手がiMessageを読んだ(というか画面に表示させたら)場合、こちら側に「開封済み」と表示されるのも特徴です。 Wi-Fiでも送受信できる 相手もiPhoneやiPad、iPod touchである必要がある 無料 吹き出しの色が青 相手が入力中の場合、「・・・」が表示される 相手が読んだ場
iPhone6の時代のviewport設定について - Qiita
従来、スマートフォンの横幅といえば 320px(retina対応で640px) というのが定説でした。 が、iPhone6の普及でそうとも言えなくなってきたのが今日このごろです。 iPhone5の横幅は320px(retina対応で640px) iPhone6の横幅は375px(retina対応で750px) ちなみにNexus5の横幅は360px(retina対応で720px) さてこんな環境で、viewportはどう指定するのがベストなのでしょうか。 前提知識 viewportのwidthという値に、device-widthと指定すると、スマホの画面幅 = 表示するwindowサイズ、となる。 widthにピクセル値（640px、とか）を入れると、表示幅はそのピクセル数になり、それで画面いっぱいになるように適宜拡大縮小される 古いAndroidでは、widthにピクセル値を指定しても
スマホの画面解像度シェアを調べてみた（2020年1月版） | webseeya
※本ページは随時更新しています。過去のシェアデータはページ下部に移動しました。 以前、当ブログにて書きました「モニター解像度のシェアを調べてみた（2019年1月版）」に続き、スマートフォンの画面解像度シェアを調べてみました。 前回はデスクトップやタブレットでしたが、今回はiPhoneやAndroidといったスマホを対象としたデータです。 スマホの普及に伴い、スマホ専用サイトやレスポンシブデザインで制作する機会が増えてきましたのでサイト設計やデザインをされる際の参考にして頂ければと思います。 なお、本記事ではアイルランド発祥のアクセス解析サービス「StatCounter」よりダウンロードできるPING画像を利用しています。サイトではCSV形式のデータも提供されていますので必要な方は直接サイトをチェックしてみてください。 StatCounterについての詳細は「StatCounterとは？デー
iPhone 5sからiPhone 6s／6s Plusへの乗り換えで安いのは？――3社の料金プランを徹底比較
9月25日に「iPhone 6s」「iPhone 6s Plus」が発売された。毎年恒例だが、このタイミングに合わせて、各キャリアが新しい料金プランやキャンペーンを発表する。しかし各社複数の料金プランがあるうえ、適用条件にも違いがある。2015年のiPhone料金比較は「機種変更」と「MNP」に絞り、3社の最安プランをチェックしていく。果たしてどのキャリアが安いのか？ 3キャリアが提供している料金プランやキャンペーンは多岐にわたり、ザッと見ただけではどこが安いのかが分かりにくい。というわけで2015年も3キャリアの比較表を作成した。今回は比較する要素を絞り「iPhone 5s（16Gバイト）のユーザーがiPhone 6s／6s Plus（64Gバイト）に機種変更・MNPする場合」の料金を比較する。 当然ながら下取り、購入するiPhoneの容量が違えば、結論も変わる。また家族でデータ通信の容
iPhone6s / 6s Plusの大きさ・サイズ・重さの比較まとめ
AppleからiPhone6sとiPhone6s Plusが発売されましたね。機能面では着実な進化を遂げています。 6sと6s Plusのどっちにするかにおいて、重要なのが大きさです。携帯電話は日常的に持ち歩くので、機能に加えてサイズも大切です。重いと手が疲れるので重さも大事です。 iPhone6s、iPhone 6s Plusの大きさ・サイズ・重さの比較についてまとめます。5S、6、6 Plus、XperiaやGalaxyなどの主要Androidと徹底的に比較します。 なお、最新モデルのiPhone 13シリーズ、iPhone SE（2020年版）、iPhone 11シリーズ等については、以下をご参照ください。
よくわかるマテリアルデザインの設計コンセプト | fladdict
iPhoneとAndroidではiPhoneのほうが良くできているが、iOSのフラットデザインとAndroidのマテリアルデザインでは後者の設計が優れている。マテリアルデザインは、デザインとエンジニアリングが高いレベルで融合していて、ロジカルで非常に美しい。 以下、自分の理解をまとめたメモ。 紙とインク マテリアルデザインは「ペーパー」と「インク」のメタファーでできている。 ペーパーの特徴 バーやボタンといった画面上のUIコンポーネントは、バーチャルな紙でできたカードと考える。また、このペーパーは1dpの厚さを持っている。 ペーパーは純白の矩形、あるいはシンプルな円形である。三角や星型といった複雑な形はとらない。そのような複雑な形状や模様はインクが担当する。 現実とことなり、このペーパーは自由に伸縮することができる。 マテリアルデザインにおけるレイアウトは、複数のペーパーを並べたり、重ねた
iPhone 6 Screens Demystified | PaintCode
Few days ago, Apple introduced iPhone 6 Plus. The new iPhone substantially changes the way graphics are rendered on screen. We've made an infographic to demystify this. 320 × 480 375 × 667 414 × 736 320 × 480 750 × 1334 1242 × 2208 1080 × 1920 3.5″ 4.7″ 5.5″ iPhone 6 Plus has screen with lower pixel resolution than the image rendered in previous step. Before the image can be displayed on the scree
MacからiPhoneにBluetoothでテザリングできない時の対処法 - あなたのスイッチを押すブログ
iPhoneのテザリングを利用するには、大きく３つの方法があります。 ・Wi-Fi ・Bluetooth ・USB どの方法にも一長一短があるのですが、個人的にはBluetoothでの接続が一番オススメ。バッテリーの持ちも良いし、何より接続が楽ですからね。（詳細は後述） しかし今まで、何故か、Bluetooth経由でMacからiPhoneのテザリングを使えませんでした。USBやWi-Fiでは接続できてたんですけどね。 解決法をずーっと探していて、ようやく分かったのでシェアします。どうにも繋がらない人は、一度この方法を試してみてください。 まずは普通にBluetoothで繋ぐ方法 まず最初に、iPhoneとMacをBluetoothで繋ぐ方法、つまり「ペアリング」の方法をご説明します。 まず、Macのシステム環境を開き、「Bluetooth」を選択します。 iPhoneのBluetoothが
「Day One」アプリを使用して日誌＆日記をテンプレート化にて日次レビューを実践する方法 | HAYA技
読了時間：約 3分8秒 ライフログの習慣がまったくできていないHAYAです。 私的に色々と考えることがあって日誌や日記を1日づつ残すことにしました。 ブログやSNSだと日々のことをカッコよくまとめ過ぎてしまいます。 もっと自分自身の正直な感情や行動、事実などを「DayOne」に書いていきます。 【Mac版App】 Day One カテゴリ: ライフスタイル 価格: ￥850 【iPhone/iPad版App】 Day One (Journal / Diary) カテゴリ: ライフスタイル 価格: ￥450 iPhoneアプリ（DayOne・定型文）を使って日次レビューを習慣化する | HAYA技 この組み合わせで手間を軽減しています。
The Ultimate Guide To iPhone Resolutions
UPDATE: We have added the new iPhone 11, iPhone 11 Pro and iPhone 11 Pro Max to the guide below. The device screen may have lower pixel resolution than the image rendered in previous step. Before the image can be displayed, it must be downsampled (resized) to lower pixel resolution. Physical Pixels At the beginning, coordinates of all drawings are specified in Points are abstract units, they only
iPhone版IFTTTは本当に最強か：『写真』『連絡先』などiOSアプリを使った自動化レシピを作ってみた | ライフハッカー・ジャパン
ヘッドライトの黄ばみがサッとキレイに! メッキ・ホイール・シートにも使えるマルチ過ぎなお手軽クリーナー「ウルトライト」
【保存版】今話題の『IFTTT』の使い方を分かりやすく解説するよ | カミアプ | AppleのニュースやIT系の情報をお届け
『IFTTT』使い方マニュアル目次 『IFTTT』の読み方 『IFTTT』のアカウントを登録しよう 『IFTTT』で何が出来るの？ 連携したいサービスを『IFTTT』で使えるようにする。 レシピの作り方 ユーザー投稿のレシピを使ってみよう バックグラウンド同期設定を理解して通信料オーバーを回避！ まとめ 読みたい項目をタップ（クリック）すれば、その項目までジャンプする事ができます。 1.『IFTTT』の読み方 そもそも『IFTTT』ってなんて読むか知ってますか？ 私は最初「アイエフティーティーティ」ってそのまんま読んでたんですが、正しくは「イフト」と読むそうです。 ちなみに「If this, then that」を略してサービス名になっています。訳すなら「こうしたら、ああする」みたいな感じですかね。 ▲目次に戻る 2.『IFTTT』のアカウントを登録しよう 『IFTTT』は元々Webサービ
【iPad miniも常時接続！】テザリング解禁時代だからこそ知っておきたい便利なBluetoothテザリング
【iPad miniも常時接続！】テザリング解禁時代だからこそ知っておきたい便利なBluetoothテザリング 2種類の無線テザリング Bluetooth大好き、ひとりぶろぐのmoyashi (@hitoriblog) です。 iPhone 5からテザリングが解禁されましたね。 auは既にサービス中。SoftBankも12月15日からサービスインしました。 今回は、恐らくあまり知られていないBluetoothを使ったテザリングについて紹介します。 Bluetoothを使ったテザリングについて紹介する前に、無線LANを使った普通のテザリングについておさらいしましょう。 普通のテザリング 普通のテザリングは、デバイス間の通信を無線LANが担います。 普通のテザリング開始の手順は次の通りです。（続きは[Read More]から） テザリングの親機となるiPhoneの操作 テザリングの親機となるi
企業のWebサイトを効率的にスマートフォンに対応させる4つの方法 | Web制作の株式会社クライマークス
スマートフォンが爆発的に普及し、今や自社サイトをスマートフォンなどマルチデバイスへ対応させることは、Web担当者にとって無視できない課題となってきました。とはいえ、従来PC向けWebサイトや携帯電話（フィーチャーフォン）向けWebサイトのみを構築・運用してきた企業にとって、更にスマートフォンサイトを導入するのは、コストや運用負荷の面で悩ましい問題です。 そこでこのコラムでは、単にPC用サイトや携帯電話用サイトとスマートフォンサイトとを別々に構築・運用するという方法以外に、効率的・効果的にスマートフォンサイトを導入するための方法を、メリット／デメリットを挙げながらご紹介します。 (1) PC用／スマートフォン用別々のサイトを用意し、CMSでコンテンツを一元管理する PCサイトとスマートフォンサイトをスクラッチで構築し、双方を一元管理できるCMSパッケージを導入する方法です。 初期導入の手間や
リニューアル式
Marco Polo: Find Your Phone by Shouting MARCO! 1.2（￥100） 販売元: Matt Wiechec（23 MB） 475個目の原石アプリは「Marco Polo」。 「マルコ！」と呼ぶと「ポ〜ロ！」と返事してくれるアプリだ(笑)。 続きを読む Notifyr - Receive iOS notifications on your Mac 1.0（￥400） Arnoldus Wilhelmus Jacobus van Dijk（1.8 MB） 正直言って400円は高い。でも確かに便利だと思うのでご紹介。 474個目の原石アプリは「Notifyr」。iPhoneに届いた通知をMacでも確認できるというアプリだ。 続きを読む Moju 1.1（無料） カテゴリ: 写真／ビデオ, ソーシャルネットワーキング 販売元: Moju Labs, Inc
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ダウンロードしておくべし！iOS 8のGUI要素をまとめたPSD素材の決定版 -iOS 8 GUI PSD(iPhone 6)