Appleデバイスの歴代モデルすべてを比較できて便利！ iPhone, iPadなどの画面サイズや機能のまとめ
Webサイト制作者・スマホアプリ開発者向けに、iPhone, iPad, Apple WatchなどのAppleデバイスの画面サイズ、各サイズを採用しているモデル、ノッチのサイズ、解像度、PPI、表示タイプ、比率、セーフエリア、ウィジェットのサイズなど、実装時に役立つ情報がまとめられたScreen Sizesを紹介します。 2023年の最新モデル、iPhone 15シリーズ、Apple Watch Series 9シリーズをはじめ、iPhone, iPad, Apple Watchの最新から初代までの情報が網羅されています。 Screen Sizes 以前紹介したときからAppleデバイスの最新モデルの追加をはじめ、サイト自体にも新機能が加わりました。 サイトを利用するのは簡単、登録など面倒なことは一切不要です。アクセスして、サイドバーから欲しい情報にアクセスするだけです。 まずはiPho
レスポンシブデザインの確認に便利なツールが登場！複数のデバイスサイズで同時確認できる優れもの -Responsivize
Webページのレスポンシブの確認が簡単にできる、新しい無料アプリがリリースされました！ iPhone, Android, Pixelのスマホをはじめ、タブレット、ラップトップ、ワイドスクリーンなどのサイズでWebページを表示して確認ができます。 Windows, macOS, Linux対応のアプリで、しかもオープンソースです！ Responsivize Responsivize -GitHub Responsivizeの特徴 Responsivizeのダウンロード Responsivizeの使い方 Responsivizeの特徴 Responsivizeは、レスポンシブ対応のWebページをさまざまなデバイスのサイズで確認できる便利ツールです！ 当方の日本語環境（M1 Mac, Windows10）で問題なく動作しました。 Responsivize レスポンシブWebサイトの確認が簡単にで
Rectangle - macOSのウィンドウ操作をキーボードで
開発者であれば手はキーボードのホームポジションに置き続けるのが効率的なはずです。しかしGUI操作を行う際にはマウスなどを使わざるをえません。ウィンドウの場所や大きさを変える度にマウスに手をやるのは面倒です。 そこで使ってみたいのがRectangleです。キーボードショートカットでウィンドウ操作を行うソフトウェアです。 Rectangleの使い方 起動しました。 キーボードショートカット一覧です。自分で変更も可能です。 こんな感じでウィンドウを画面に寄せたりできます。 設定です。 Rectangleは多彩なショートカットが用意されているので、まずそれを覚えないといけません。一旦覚えてしまえば、素早くウィンドウを移動させられるようになるでしょう。画面の端などにぴたっと寄るので、マウスで移動させるよりも素早く、的確に移動できるはずです。 RectangleはSwift製のオープンソース・ソフトウ
【2019年版】Macユーザーに超絶おすすめのアプリ／ツール10選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
オフィス外で作業することが多いため、これは超絶愛用しています。人目に付くカフェ等の環境で作業されている方々におすすめです。周囲にMacの画面情報を見えづらくするだけでなく、ブルーライトカット効果もあり、一石二鳥。 また、マグネット型になっているので、取り外しが容易で、隣の人に画面を見せたいときには、即座に取り外しができます。 Nums ナムス（ランチャー トラックパッドカバー） Nums これまでにないトラックパッド トラックパッドが、なんとテンキーになったりアプリランチャーになる優れものです。 管理業務を行うと、スプレッドシートや電卓作業が増えていきます。外出時など、外付けのテンキーキーボードがにないときに、このランチャーを立ち上げるだけで、トラックパッドをテンキー化でき、作業効率が格段にあがります。 業務効率化ツール・アプリ Memory Clean 2（メモリ解放／管理） Memor
Nocturnal - ライト/ダークモードをワンクリックで切り替え MOONGIFT
最新のmacOS Mojaveから外観にダークモードが追加されました。テーマを全体的に暗くしてくれる機能です。元々黒い画面になれている開発者などはダークモードを選んでいる人も多いのではないでしょうか。 そんなダークモードとライトモードの切り替えをワンクリックでできるのがNocturnalです。 Nocturnalの使い方 Nocturnalを利用するためにはアクセス権限が追加で必要です。 ライトモード。 ダークモード。 Nocturnalはメニューバーのアイコンをクリックするだけでライトモードとダークモードを切り替えられます。システム環境設定からもできますが、いちいちアクセスするのは面倒です。Nocturnalを使えば即座に切り替えられて便利です。 NocturnalはmacOS用のオープンソース・ソフトウェア（MIT License）です。 HarshilShah/Nocturnal:
DisableMonitor - メニューからモニタをオンオフ
マルチディスプレイを使っていて、ディスプレイを一度切りたいと思うことがあります。よくあるのはプロジェクターに写したくない場合です。そうした時、わざわざケーブルを抜かないといけませんでした。これだと差し込み直すのが手間だったりします（ケーブルが床に落ちたりすると特にそうです）。 そこで使ってみたいのがDisableMonitorです。メニューから簡単にディスプレイのオン、オフができます。 DisableMonitorの使い方 メニューからモニターの解像度、有効/無効が切り替えられます。 DisableMonitorを使えば任意のモニターを無効にして写らない状態にできます。もちろん、その後再度有効にするのもメニューから選択すれば良いだけです。コードを抜き差ししなくて良いのが利点と言えます。 DisableMonitorはmacOS用のオープンソース・ソフトウェア（GPL）です。 Eun/Dis
Snapp - ウィンドウをぴったり寄せる
仕事をしている中で、二つのウィンドウを並べて比較しながら作業することはよくあります。そんな時、ウィンドウ同士が微妙に重なったり、隙間があるとストレスを感じる人もいるでしょう。 そこで使ってみたいのがSnappです。ディスプレイサイズに合わせてウィンドウ同士をぴったりな位置に合わせてくれます。 Snappの使い方 Snappを使っているところです。画面の端にウィンドウを持っていくと、半分埋める形にウィンドウを合わせてくれます。 Snappの機能は単純なので、横並べにしたいと思ったらSnappを立ち上げてウィンドウを動かせば良いだけです。常に使うソフトウェアではないと思いますが、覚えておくと便利ではないでしょうか。 SnappはmacOS用のオープンソース・ソフトウェア（GPL v3）です。 gbrueckner/Snapp
STF – 無数のAndroidデバイスをWebブラウザから操作
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Androidはデバイスの種類が多いのでテストするのも大変です。そのため、一人で全てのデバイスをテストするのが困難で、ついついエミュレータベースでテストしてしまいます。しかし解像度が異なる場合や機能やスペックが異なるために快適な操作が得られるかは分かりません。 そこで使ってみたいのがSTF（Smartphone Test Farm）です。Mac OSXやLinuxにつないだAndroidをWebブラウザから操作できるリモートコントローラです。 STFの使い方 STFをセットアップしたら、Webブラウザからアクセスします。そうすると接続されているAndroidデバイスが一覧表示されます。 クリックするとAndroidの画面が確認できます。この画面上から操作ができます。 アプリを立ち上
Macで出来上がりサイズを指定したキャプチャを撮るAlfred Workflowの作り方 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、ディレクターのエリカです。 私は、キャプチャを撮る際、「Skitch」を使っています。 上記でわかるとおり、“Crosshair Snapshot”で対象範囲を選択する場合、できあがるキャプチャ画像のサイズは対象範囲によって当然まちまち。 ブログなどのサービスによっては、アップロード時に適切なサイズに画像がリサイズされる場合もありますが、できれば元々の画像のサイズを綺麗に揃えておきたいもの。例えば、縦横1000pxの範囲でキャプチャを撮っても、出来上がる画像のサイズは縦横500pxにしたい、といった場合ですね。 Skitchの旧バージョンでは、このような設定ができたようですが、現行のバージョンだとその機能は省かれてしまっています。 別途まとめてリサイズすればいいのかもしれませんが、この一連の処理を一発でできた方がラクですよね。 ということで、“Alfred Workflow”を
Mouse Follows Focus - アプリ切り替え時にマウスカーソルをハイライト MOONGIFT
最近はディスプレイが大型化し、さらにマルチディスプレイを使った開発も当たり前になっています。そんな中、マウスカーソルがどこかにいってしまって探した経験は誰しもがあるはずです。 異なるモニタ上のアプリに切り替えた際にカーソルを分かりやすくハイライトしてくれるツールがMouse Follows Focusです。マルチディスプレイな環境の方にお勧めです。 Mouse Follows Focusの使い方 Mouse Follows Focusの動作デモです。波紋のような広がりでマウスポインタの場所が分かるようになっています。 常駐してメニューバーから呼び出せます。 もう一つの機能としてコンソールアプリにアクティブウィンドウ名が出るようになっています。 これはキーボードショートカットでアプリを切り替える人にとってはとても便利なツールです。個人的にカーソルを見失いことがよくあるので、必携のツールになり
MacでiPhone/iPadの画面を録画する時に役に立つ13のコツ
By Andrew Forgrave OS X Yosemite以降のMacを使うと、iPhoneやiPadなどの画面を簡単に動画キャプチャすることができます。録画の際には無料のQuickTime Playerや他の有料ソフトを使えばOKなのですが、そんな時に覚えておくと役に立つ13のコツを、キャプチャソフトを提供するTechsmithがまとめています。 13 Tips for Recording Your iPhone, iPad, or iPod http://blogs.techsmith.com/tips-how-tos/13-tips-for-recording-iphone-ipad-ipod/ ◆iPhone/iPadのスクリーンをMacのQuickTime Playerで録画する方法 コツについて触れる前に、そもそもiPhone/iPadの画面は、以下の手順で簡単に、しかも
Macでも無料でIE確認するためのModern.IEが想像以上に快適だった
これまで、MacBook Air 上で制作したWebページを IE 確認する時は、「VirtualBox」や「Parallels Desktop」という仮想PCアプリケーション上で Windows 8 などを起動し、そこで IE を起動して表示確認しています。 私は、 Windows XP – IE8 Windows 7 – IE9 Windows 8 – IE10 のように、なるべく一般的なOSとブラウザーのバージョンで合わせて個別の仮想PCをインストールしていますので、実機で確認するのと比べてもほとんど遜色のない精度でIEでの表示確認をすることができています。 その際、「Windows 8 – IE10」環境は、パフォーマンスが良いと聞いて購入した「Parallels Desktop 7」という仮想PCアプリケーションを使用していました。 しかし、OS X を Mavericks（10
【スマホ集中連載 第7回】 小技紹介 "Android端末で画面キャプチャを撮る方法 (Win/Mac)" : LINE Corporation ディレクターブログ
こんにちは。スマートフォングループ ディレクターの石野です。 本日はスマートフォンの企画に役立つ "小技" 紹介ということで、Android端末で画面キャプチャ (スクリーンショット) を撮る方法を紹介したいと思います。 プレスリリースの文面を用意するときや、Androidマーケットにアプリ公開を行うとき、アプリの改善点をエンジニアと共有するとき等々、自分もスマートフォン担当になってから頻繁に使っています。また、同僚に聞かれる回数の一番多いノウハウでもあります。 はじめに スマホ集中連載 第2回の記事で触れましたが、Androidはセキュリティ上の理由で端末から気軽にキャプチャを撮る方法がありません。 そのため、PCにケーブル接続をしてツールを使って撮りますが、設定が正直非常に面倒なのでまとめたいと思います。Windowsユーザ向け / Macユーザ向けにそれぞれ記載していきます。 ※なお
デバイス別スクリーンキャプチャを極める――Windows、Macはもちろん、iPhoneやKindleも
Windowsでは［PrintScreen（PrtSc）］キーを押すことにより、スクリーンショットをクリップボードにコピーできる。アクティブウィンドウだけのスクリーンショットを撮りたい時は［Alt］＋［PrintScreen］だ。たくさんのウィンドウを開いてごちゃごちゃしている場合にも有効なので覚えておくといいだろう。 なお、Windowsの標準機能としてはスクリーンショットを直接保存する機能を用意していない。コピーしたスクリーンショットをペイントなどの画像ソフトを開いて新規ファイルに貼り付けて保存するか、もしくはファイルを経由せずに直接Office文書などにペーストするのが一般的だ。 もし直接ファイルを生成したければ、各種キャプチャソフトを使おう。具体的にはフリーソフトの「WinShot」などがおすすめだ。ウィンドウ全体のほかウィンドウの内側の領域だけをキャプチャしたり、デスクトップ全体
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gray - アプリケーション単位でライトモード/ダークモードを設定 MOONGIFT
ごりゅご.com