iPhone, iPadの最新機種まですべてを網羅、Appleデバイスのスクリーンサイズ・解像度のまとめ -Screen Sizes
Webサイト制作者・スマホアプリ開発者向けに、iPhone, iPad, Apple WatchなどのAppleデバイスのスクリーンサイズ、各サイズを採用しているモデル、ノッチのサイズ、解像度、PPI、表示タイプ、比率、セーフエリア、ウィジェットのサイズなど、実装時に役立つ情報がまとめられたScreen Sizesを紹介します。 2022年の最新モデル、iPhone 14シリーズ、iPad Air(5th Gen), Apple Watch Series 8をはじめ、最新機種から初代までの情報が網羅されています。 Screen Sizes サイトを利用するのは簡単、登録など面倒なことは一切不要です。 アクセスして、サイドバーから欲しい情報にアクセスするだけです。 iPhone 14 Pro Maxは今までになかった新しい解像度ですね。
【2024年最新】LINE広告のバナーサイズ・入稿規定一覧｜シラバス｜デジマール株式会社
【2024年最新】LINE広告のバナーサイズ・入稿規定一覧 入札価格や予算を自由に設定できる運用型LINE広告のバナーサイズを見ていきます。 LINE広告で利用できるバナーのサイズについて紹介します。LINE広告には、運用型と純広告（予約）型の2種類あります。今回は入札価格や予算を自由に設定できる運用型LINE広告のバナーサイズを見ていきます。 運用型のLINE広告は5種類のフォーマットを使うことができ、LINEのトークリストやタイムラインはもちろん、「LINE BLOG」や「LINEマンガ」といった関連アプリにも広告配信が可能です。 LINE広告で利用できるバナーサイズを一覧で確認したうえで、それぞれのフォーマットについて詳しく見ていきます。 デジマールではLINE広告の運用に加え、バナー制作も行っています。 LINE広告の出稿を考えている方は 「LINE広告運用代行」サービスからぜひお
【2024年最新】Facebook・Instagram広告の画像サイズ・テキストの要件を紹介｜シラバス｜デジマール株式会社
【2024年最新】Facebook・Instagram広告の画像サイズ・テキストの要件を紹介 Meta広告（Facebook広告とInstagram広告）で利用できるバナーサイズ・テキストの要件をご紹介していきます。 本記事では、Meta広告（Facebook広告とInstagram広告）で利用できるバナーサイズ・テキストの要件をご紹介していきます。 Meta広告では、様々なフォーマットで様々な配置に広告配信が可能です。Facebook上だけでなく、InstagramやMessengerへの広告配信も同じ広告プラットフォーム上で配信を最適化することが可能です。多くのことができるとその分、画像や動画のサイズや規定も増えていくため、「まず何を準備すればいいのか」「どのような規定があるのか」わからなくなってしまいます。 今回はFacebook広告およびInstagram広告で使うことのできる、画
ディスプレイ広告で必要な全バナーサイズと最低限必要なバナー一覧
GDNやYDNといったアドネットワークでディスプレイ広告を配信する時、なんと言ってもまずはバナーを用意しないと始まりませんよね。 もちろん配信先のネットワークごとに細かく入稿規定が決まっていますので、そのルールに沿ったサイズのバナーを準備しないといけません。 しかし、バナーサイズに関する規定を広告ネットワークごとにいちいち確認するのは、少し大変な作業ですよね。 そこでこの記事では、ディスプレイ広告の主な配信先ごとに、使用出来るバナーサイズを一覧でまとめてご紹介していきたいと思います。 バナー画像についての見落としがちな入稿規定も併せておさらいしていきますので、ぜひチェックしてみてください！ 1．ディスプレイ広告のバナーにはどんなタイプがある？ 始めに、ディスプレイ広告のバナーサイズにはどのようなタイプがあるのか、ざっと大まかに見ていきましょう。 下記は大まかな掲載イメージになります。 まず
iOSデバイス各種のSize Classチートシート
iOSデバイス各種のSize Classチートシート 先日このブログで少し触れていたiOS Size Classについて、デバイスが沢山あって覚えきれないので、株式会社そらかぜさんの資料を参考にしながらチートシートを作成してみました。 かなり沢山の情報量なので１枚のシートにまとめようと思うとA3サイズになってしまいましたが、モニター画面で参照するのにはそれだとちょっと不便かも、ということで、A3サイズ1シートにまとめたものと、A4サイズ3ページに分けたものを用意しています。 プリントアウトして使う場合と画面での参照用途でお好きなのをご利用ください。 ▼ A3タイプ ▼ A4タイプ ・1ページ目 ・2ージ目 ・3ページ目 かなりニッチでマニアックな資料ですが、お困りの方の一助になれば幸いです。 ダウンロードは下記にて。
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
[iOS 8] マルチデバイス対応の新機能「Trait Collection」 | DevelopersIO
Adaptive なアプリを作ろう iPhone 6 / iWatch が発表され、iOS に新しい画面サイズのデバイスが仲間入りしました。おそらく今後も新しい画面サイズの iOS デバイスが登場してくるでしょう。このことから、各画面サイズに応じたアプリにすることはもはや必須要件と言えるでしょう。 このことはもちろん Apple も考慮しており、iOS 8 から Adaptive という概念が導入されました。Adaptive とは適応性という意味です。つまり画面サイズが小さくても大きくても、それぞれの画面サイズにうまく適応させて設計していきましょうという考えかたです。 ということで、本稿では iOS 8 からのマルチサイズに適応させる方法について解説します。 Size Class これまで iPhone / iPad の判定や Portrait / Landscape の判定には UIUs
![[iOS 8] マルチデバイス対応の新機能「Trait Collection」 | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/34de6d57437c5cfc77b749f99e4483a7a1702539/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2014%2F06%2Fios81.png)
Xcode 6 時代のマルチデバイス対応 〜Size Classとベクター画像〜 - その後のその後
とあるお仕事で、iPad をサポート（＝ Universal 化）してほしいという要望があり、せっかくなので iPhone 6 / 6 Plus （4.7 / 5.5 inch スクリーン）もサポートしようってことで、新しい Xcode 6 の新しい仕組みである Size Class を使って複数画面対応を行ないました。あと、同じく Xcode 6 から Asset Catalog でベクター形式がサポートされるようになったので、こちらもトライしてみました。 で、そのときに学んだ諸々の断片的なメモです。勘違いもあるかもしれないのでその際は優しくご指摘いただけますと幸いです。 ※ちなみに Size Class やベクター形式画像の使用は iOS 8 以上縛りではありません。単に Xcode 6 の新機能というだけなので。 Size Class の前提知識をつける 「Size Classsとは
Android 画像サイズ
► 2023 (6) ► 12月 (1) ► 7月 (1) ► 5月 (1) ► 4月 (1) ► 3月 (2) ► 2022 (17) ► 12月 (2) ► 11月 (3) ► 9月 (2) ► 8月 (2) ► 7月 (2) ► 5月 (2) ► 4月 (2) ► 3月 (1) ► 2月 (1) ► 2021 (46) ► 12月 (2) ► 10月 (1) ► 9月 (1) ► 8月 (3) ► 7月 (2) ► 6月 (5) ► 5月 (12) ► 4月 (7) ► 3月 (5) ► 2月 (7) ► 1月 (1) ► 2020 (44) ► 12月 (6) ► 11月 (5) ► 10月 (1) ► 9月 (1) ► 8月 (2) ► 7月 (2) ► 6月 (7) ► 5月 (4) ► 3月 (8) ► 2月 (3) ► 1月 (5) ► 2019 (30) ► 12月 (8
CSS3の「rem」でフォントサイズ指定 ｜ Tips Note by TAM
フォントサイズを指定するとき、「em」、「%」、「px」を使って指定することが多いと思いますが、 CSS3から利用可能になった「rem」という新しい単位について、指定方法など調べてみました。 「rem」とは、「root」+「em」という意味で、 root要素（html要素）に対して相対的にフォントサイズが指定できます。 「em」や「%」などの従来の相対指定と違って、親要素を継承しないという特徴があり、 入れ子にするとどんどん拡大、縮小されてしまったり、指定に細かな計算が必要だったりすることもありません。 常にroot要素に対して「何倍」という使い方ができるので、指定の仕方が非常にわかりやすく、便利です。 下記のように、htmlに「font-size: 62.5%；」を指定しておくと、「10px = 1rem」となるので、 px単位で計算ができます。 html { font-size: 62
これは使える！rem (root em) 単位を使用したフォントサイズの指定 - IT-Walker on hatena
寡聞につき、rem(root em)なんてフォントサイズの単位があるのを今まで知りませんでした。 ちょっと興味を持って調べてみたところ、結構使えそうなテクニックだったのでご紹介したいと思います。 rem (root em) というのは、「ルート要素（典型的にはhtml要素）に対する相対的なフォントサイズの単位」です。 従来のemは、親要素に対して相対的なフォントサイズの単位でした。そのため、要素の出現位置次第でフォントサイズが変わってしまうことも多く、使いにくい場面も多々ありました。 他にもフォントサイズの指定方法には、ピクセル（px）を用いたものがあります。が、特に今は様々なスクリーンサイズを意識しなくてはならない時代。スクリーンサイズの小さいデバイスでは全体的なフォントサイズを同時に大きくしなければならないこともよくありますが、pxを使用していると、メディアクエリなどを使ってあらゆるフ
Androidのアイコンサイズ（2015.09更新） - ReDo
おにゅーなAndroid UI情報サイト、「Android Design」のアイコン情報のページがpxで書いてなくて微妙に不親切な気がしたので、px単位でのメモ。 Android Design：Iconography http://developer.android.com/intl/ja/design/style/iconography.html Material Design対応（Android 5.0から）時に前述のサイトは404になった（URLマッピングがうまくいってない？）模様なので、以下のページを参照する必要があります。 Material Design Style > Icon http://www.google.com/design/spec/style/icons.html ＜4.4以前との差分＞ ・Launcher等で使われる48dpのProduct Iconと、Acti
FINDJOB!終了のお知らせ | FINDJOB!
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
New Visual Proportions for the iOS User Interface ← Principia Arbiter
“The 44-pixel block is, in many ways, the basic unit of measurement for the iPhone interface, establishing the visual rhythm of many iPhone apps. That metric is significant as the recommended minimum size to make a tap target (like a button or list item) easily and reliably tappable.” The quote above is taken from Josh Clark’s book Tapworthy, an authoritative book on iPhone UI design. Apple’s Mobi
GitHub - phonegap/phonegap: access core functions on Android, iPhone and Blackberry using JavaScript
Androidアプリーリソース画像サイズ＆種類ー | Excite Designer's Blog
iPhone・iPadアプリを制作する時、リソース画像は ① 従来のディスプレイ用 ② Retina ディスプレイ用 上記の2種類が必要ですね。 Androidアプリも同じようにdpiごとにリソース画像を用意する必要があります。 今回は 1. 必要となるリソース画像サイズの種類 2. デザインする時の画面サイズ 3. アイコンサイズのガイドライン などAndroidアプリのリソース画像を作る時に役に立つ情報をまとめてみました。 必要となるリソース画像サイズの種類 Androidアプリのリソース画像は対応するdpiによって用意する画像サイズが変わります。 まず、dpiって何でしょう。 dpiは『Dot Per Inch』、1インチ辺りのピクセル数を意味します。つまりdpi数値が高くなるとディスプレイが鮮明できれいになります。 dpiは主にldpi(低解像度)、mdpi(中解像度)、hdpi(
iOS Icon Reference Chart | The Icon Handbook
Reference ❯ Icon Reference Chart ❯ iOS Devices such as the iPhone 4 and 4S use a high resolution Retina display with twice the pixel density of other devices. Sizes can also vary for the iPad, and these are both indicated where applicable. Guidelines ∅ = Corner Radius Sizes (px) Format and naming Notes
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
坪田 朋 / クラシル on Twitter: "Wantedlyのカバー写真はOGP規格に合わせて1200 × 630で統一して欲しい 。過去の事情はあると思いつつもセーフエリアが狭くてマルチデバイス考慮して画像作る難易度が高いし工数も膨らむ。"
https://developer.apple.com/jp/devcenter/ios/library/documentation/userexperience/conceptual/mobilehig/IconMatrix/IconMatrix.html
Viewport Sizes