Webサイト制作者・スマホアプリ開発者向けに、iPhone, iPad, Apple WatchなどのAppleデバイスの画面サイズ、各サイズを採用しているモデル、ノッチのサイズ、解像度、PPI、表示タイプ、比率、セーフエリア、ウィジェットのサイズなど、実装時に役立つ情報がまとめられたScreen Sizesを紹介します。 2023年の最新モデル、iPhone 15シリーズ、Apple Watch Series 9シリーズをはじめ、iPhone, iPad, Apple Watchの最新から初代までの情報が網羅されています。 Screen Sizes 以前紹介したときからAppleデバイスの最新モデルの追加をはじめ、サイト自体にも新機能が加わりました。 サイトを利用するのは簡単、登録など面倒なことは一切不要です。アクセスして、サイドバーから欲しい情報にアクセスするだけです。 まずはiPho

Appleが独自開発したSoCシリーズ「Apple Silicon」の第1弾として発表された「M1」は、PC向けプロセッサとしては初めて5nmプロセスを採用したチップで、各メディアや専門家から「コンピューティング革命」「少なくとも過去10年でMacのハードウェアにおける最大の飛躍」とまで評されました。そんなM1は当然ながらmacOSの動作が最適化されていますが、このM1でWindowsを動かすことを目指すプロジェクト「M1 Windows」がスタートしました。 Welcome to the M1 Windows project | m1windowsproject https://amarioguy.github.io/m1windowsproject/ GitHub-amarioguy / m1windowsproject https://github.com/amarioguy/m1w

現状 M1 macでDockerのApple M1 Tech preview 7 *1 を動かしています。 golang:1.15 imageがたまたま手元で動いていたのでこれで試します。 entrykitはv0.4.0のバイナリを配布していますが、これを実行しようとすると以下のようにgoレベルで落ちてしまい実行できません。 $ docker run --rm -it golang:1.15 bash root@aa08b9d02add:/go# wget https://github.com/progrium/entrykit/releases/download/v0.4.0/entrykit_0.4.0_Linux_x86_64.tgz root@aa08b9d02add:/go# tar -xvzf entrykit_0.4.0_Linux_x86_64.tgz root@aa08b

WordPressをローカルで管理すれば自由に編集しテストすることが可能となり、サイトのコンテンツを安全に管理できることができます。 そこでMacユーザーでWordPressのローカル開発環境を構築したいと考えている人におすすめなのが「MAMP」です。MAMPを使えば初心者でもすぐに、たった数回のステップでローカル環境を作ることができます。 MAMPとは MAMP（マンプ）はWebデベロッパー向けのツールで、これを使えばMacのローカル環境でWordPressを用いた開発ができます。 MAMPという名前は次の4つの頭文字から取られています。 Macintosh Macintosh（マッキントシュ）はAppleが開発しているパソコンのブランド名で、Macとも呼ばれています。「Mac Pro」や「MacBook」など、Apple製品のパソコンにはMacの文字が入っています。 Apache HT

Windows, macOS, Android, iOSなど、各OSの各バージョンにプリインストールされているフォントリストを紹介します。 CSSでフォントを指定する時、また自分が使用しているOSでこんなフォントを利用できるという発見もあるかもしれません。 Windows 10 font list Windows 7, 8などのフォントリストも揃っています。 Windows 7 font list Windows 8 font list Windows 8.1 font list 不要なフォントを削除したいけどソフトウェアで使用されていると困るから削除できない、という人はFonts and supported productsを参考にすると、どのフォントがどのソフトウェアに使用されているのか分かります。 Windows 2000用のフォント、IE 5用のフォントなど、使わないですね。 Wi

SafariのWebインスペクタ for MAC ウェブページの制作を行う際、iPhoneでどのように表示されるか・動作するかをチェックする際に便利な機能があるのをご存知でしょうか？ Safariには「Webインスペクタ」という開発者向けツールが標準で搭載されており、この「Webインスペクタ」で要素の検証や、デバックなどがPCから調査できる!という機能です。 ご利用の手順 まず、iPhone側の準備としては以下の通りになります。 ホーム画面から、「設定」→「Safari」を開きます。 画面一番下の「詳細」を開き、「Webインスペクタ」をONにします。 次に、PC側の設定。 MacからSafariを立ち上げます。 Safariのメニューから「環境設定」を開きます。 「詳細」タブから「メニューバーに"開発"メニューを表示」にチェックをいれます。 メニューバーに「開発」が追加されていることを確認

オフィス外で作業することが多いため、これは超絶愛用しています。人目に付くカフェ等の環境で作業されている方々におすすめです。周囲にMacの画面情報を見えづらくするだけでなく、ブルーライトカット効果もあり、一石二鳥。 また、マグネット型になっているので、取り外しが容易で、隣の人に画面を見せたいときには、即座に取り外しができます。 Nums ナムス（ランチャー トラックパッドカバー） Nums これまでにないトラックパッド トラックパッドが、なんとテンキーになったりアプリランチャーになる優れものです。 管理業務を行うと、スプレッドシートや電卓作業が増えていきます。外出時など、外付けのテンキーキーボードがにないときに、このランチャーを立ち上げるだけで、トラックパッドをテンキー化でき、作業効率が格段にあがります。 業務効率化ツール・アプリ Memory Clean 2（メモリ解放／管理） Memor

※本ページにはプロモーション(広告)が含まれています Macを使うメリットの一つに、macOSの上でWindowsを動かすことができるという点があります。 Pallarels DesktopやVMware Fusionという仮想化ソフトを使うことにより、macOSを使いながらWindowsが利用できるということです。 ただし、MacとWindowsの大きな違いの一つにキーボードが異なるということがあります。 本稿では、Mac上でWindowsを使いたい人、あるいは、WindowsからMacに切り替えたいのだけれど、慣れるまでの間Windowsキーボードが使えないだろうかと思われている方向けに、MacでWindowsキーボードを使う方法を紹介します。 [ad name=”adTop”] MacでWindowsのキーボードを利用するシーン Macを利用する場合には、基本的にはMacのキーボード

スリープさせることで電源は入っていても省電力となっており、さらにスリープ解除するのにかかる時間は電源を切ったMacを起動させるより短時間となっています。 Appleでは数時間程度Macを使用しないのであればスリープで運用することを推奨しています。 Macでサイズの大きなファイルをダウンロード中にスリープになってしまうとダウンロードが中断されてしまうのでスリープさせたくないと思うことがあるでしょう。 音楽再生中や動画再生中に一定時間、マウスやトラックパッドを触らなかったためにスリープしてしまったこともあるでしょう。

Macのファインダーには、普段は目にすることができない「隠しファイル」「不可視ファイル」と呼ばれるものがある。 もちろん、普段は使う必要がないし、ユーザーが誤って操作・削除してしまわないように、見えないようになっているのだから、気にする必要はない。 しかしときには、この「隠しファイル（不可視ファイル）」を操作したり、そのファイルの中身を確認しなければならないときも出てくる。そんなときに必要な対処方法を、以前ぼくは、本ブログでも紹介した。

こんにちは！ LIGに新しくjoinした、エンジニアのグッチと申します。 美味しいものを食べるのが生きがいで、昼はLIGビルの1階にあるキッチンでよくご飯を作って食べてます。 仕事としては、「door」というインフルエンサーマーケティングプラットフォームのメインエンジニアとしてインフラからバックエンド、そしてフロントエンドまでいろいろと。もっとスキルアップしつつ、なんでもできる人材として活躍できることを目標に頑張っています。 今回、入社に伴ってTouch BarつきのMacBook Proを一から設定することになったので、折角の機会と思いおすすめの設定をまとめてみました。 とりあえず目次をみて興味を引くものがあれば読んでみてください。Touch Barなしのモデルや、ラップトップじゃないモデルでも使える設定もあるはず。です。 設定をいじる前に 特にWindowsから乗り換えた人は戸惑うこと

最新のMacBook Proに搭載されているTouch Bar。キーボードとディスプレイの間とも言える部分ですが、それだけに使い方次第では生産性を高めることができるでしょう。ただ表示だけしているのでは勿体ないです。 今回はTouch Barを拡張するEnergyBarを紹介します。 EnergyBarの使い方 起動するとこんな感じでDock風にアイコンが並びます。 輝度設定。 カスタマイズもできます。 設定です。 macOSのDock風に使えるのと、アクティブなアプリ名表示、時間、Escキーなどが設定できます。今再生している楽曲名も表示できます。自分の使い勝手の良いようにカスタマイズしてみると面白そうです。 EnergyBarはObjective-C製のオープンソース・ソフトウェア（GPL v3）です。 billziss-gh/EnergyBar: Supercharge your Mac

作成：2018/06/11 更新：2019/01/29 Mac > Mac初心者がインストールしておきたい、プログラマー向けアプリをまとめました。便利だなぁ。 エンジニア速報は Twitter の@commteで配信しています。 マークダウンでスライド作成 Deckset マークダウン記法でスライドを作成できる。なんとスライドに色付きのシンタックスハイライト（Code Blocks）を取り入れることができる。登壇用のスライド、提案用の資料など高速で作りたいときに。 記法一覧：Deckset Help - Deckset Help 参考：Markdownでスライドを作る決定版！「Deckset」が非常に良かった話 - 5.1さらうどん マークダウンでPDF作成 markdown-pdf エディタのAtomパッケージを使うわけですが、マークダウンで書いた文章を一発でPDFに変換できます。 サー

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました プログラマといえども難しいのが正規表現です。プログラミング言語によって方言もありますし、マッチした後の変換などでつい指定を間違えてしまったりします。Atomなどはマッチした部分が置換前にハイライトされますが、Emacsなどはそんな機能もないので何度もミスしてしまいます。 そこで使ってみたいのがregxrです。macOS用の正規表現チェッカーです。 regxrの使い方 上に正規表現、下にサンプルになるテキストを記述します。マッチした場所がハイライトするので分かりやすいです。 反映はリアルタイムに行われます。 正規表現の練習に良いですね。 regxrはSwift製なので、適用される正規表現はSwiftで使えるものになるでしょう。プログラムに組み込む前に正規表現を試したり、思ったマッチに

私はメインマシンとして Mac を使用していますが、一時期全くメンテナンスをせずに使っていたら、10ヶ月ほどで買った時より明らかに動作が遅くなってしまいました。 そこで、最近は毎月1回メンテナンス作業を行うことにしています。 具体的には以下のような感じです。 関連記事: Windows 10を快適に使用し続けるために月1回やった方が良いメンテナンス ディスクユーティリティ メニューバー右端の検索アイコンをクリックするか、command + space または control + space キーを押して Spotlight を起動します。 disk と入力します。すると、候補にディスクユーティリティが出てくるはずなので、Enter キーを押して起動します。 ディスクユーティリティでディスクを検証 ディスクユーティリティの［First Aid］ボタンをクリックし、［実行］をクリックするとMa

NetMarketShareの2018年1月末の調査によれば、全世界のコンピュータで使われているOSのWindowsの割合は約88.5％と依然としてWindowsが利用されているのが分かりますが、一方で第2位のMacは1年間で1.5ポイント増やし9.0％と、まもなく世界中のコンピューターの10台に1台がMacになることになります。 Macを直販しているApple Storeは現在銀座・渋谷(2018年3月現在休業中)・仙台・表参道・名古屋・福岡・心斎橋の7店舗にまで増え、日本国内ではますます多くのユーザーがMacを手にしています。 しかし、Macを入手したあと、勉強や仕事で使う場合に、どのようなソフトウェアをインストールすればいいのでしょうか。 そこで今回は、Macにインストールしておきたい超基本フリーソフト7選をお届けします。有料で便利なソフトウェアもたくさんありますが、無料ソフトウェア

作成：2018/03/5 更新：2019/01/29 Mac > Web制作 Windowsを使っていたフロントエンドエンジニアやコーダーがMacに乗り換えたときに、最低限やっておきたいMac初心者向けの便利な初期設定。 エンジニア速報は Twitter の@commteで配信しています。 ターミナルのテーマ変更 ターミナルもしくは、iTerm等のテーマをiceberg、フォントをRictyに変更。 ダウンロード テーマ：Iceberg フォント：Ricty Diminished 参考：お前らのターミナルはダサい - Qiita 開発環境 コーディングに必要なツール管理をインストールします。不要な人は読み飛ばしてください。 Xcode インストール xcode-select --install homebrew インストール /usr/bin/ruby -e "$(curl -fsSL h