2021年版 主要なアプリ内ブラウザのUserAgentを調べてみた & 判定を実装してみた
アプリ内ブラウザによって挙動が違うと、時にはグッとこらえてUserAgentによる条件分岐を入れなくてはいけないということもあるでしょう。 本当はこんな条件分岐入れたくない。でも、長い人生では止むに止まれぬ大人の事情というものがあります。 ...さて、どう判定しよう？ ざっと調べたところ少し古い情報しか見当たらなかったので、自分で調べてみました。 2021年6月27日時点、手元の iPhone 12 Pro(iOS 14.5) Pixel 4(Android 11) を使って各アプリの（おそらく）最新版を使って調査しました。 それをもとに作成した、JavaScript (ES6)による実装例もつけてあります。間違いやもっといい方法などあればぜひコメントください。 テストコード付きの実装例はこちらから。 UserAgentの実例集め 対象にしたアプリは以下の通り： Twitter Faceb
実機iPhoneのSafariでWebインスペクタを使ってデバッグする方法 - Qiita
要望 実機のiPhoneで特定のWebページに対し、Webインスペクタで中身を書き換えたり、コンソール経由でスクリプトを叩いて実行した結果を見たい。 -> Android版 iPhoneのSafariにもWebインスペクタがある iPhone単体ではView Sourceなどのアプリを使うことで、Webページのソース確認はできるものの、Webインスペクタやコンソールによるスクリプト実行が出来ない。 また、MacのSafariやiOSエミュレーターでもある程度の表示確認はできるが、やはり実機での操作感や見た目の確認は重要である。 少し調べてみたところ、MacとiPhoneを接続することで、PCと同様に実機での動作確認が可能なことが判明したため、実際に試してみた。 iPhone Safariの設定 事前準備としてiPhone側の設定を行う。「設定」を開き「Safari」をタップ。 画面下の「詳
スマホサイトのデザインプレビューに。モックアップHTML（iPhone） | design Edge
スマホ対応サイトのデザインを、クライアントに確認してもらう際に使えるiPhone画面をイメージしたHTMLモックアップをダウンロードできます。 レスポンシブWebデザインも主流になり、Webサイトのスマホ対応が急速に進んでいる昨今、クライアントや代理店などに画像ベースでスマホ版のデザインを確認してもらう機会も多いと思います。 スマホサイトというからには実機で確認してもらうことがベストだとは思いますが、忙しいクライアントにサッと見てもらいたい場合などに便利なHTMLをダウンロードできるようにしました。 JPEGやPNGの画像を1枚ペタッと貼付ければ、iPhoneでの表示イメージを確認することができます。使えそうでしたらご自由にご利用ください。 Windows/MacのChrome39、Firefox35、WindowsのIE7〜11、MacのSafari6.1で動作確認をしています。ただし、
iOSアプリのアップデート申請手順（2015年9月版） | makotton.com
※2014年9月版の記事はこちらを参照ください。 ※初回申請はまずこちらを参照ください。 ※開発準備、申請まわりの情報をお探しの方はiOSアプリの開発準備と申請の手順まとめを参照ください。 iOS9のリリースに伴い少々UIが変更になりました。一年前に大きく変わった申請フロー自体は基本的にそのまま引き継がれていますが、多少混乱しそうですので2015年9月版として手順を載せておきます。 ここでは既存アプリのアップデート申請（iOS9対応版）を例にiTunesConnectでの申請フローを書き留めておきます。また、これは2015/9/29現在の方法であり、予告なしに変わる可能性がありますので、変わっている部分は最新情報を提供している他の方の記事を御覧になるか、変更点を読み替えるなどして対応してください。 なお、情報の掲載にあたっては細心の注意を払っておりますが、不正確な記載を含む場合があります。
Macがこんなに便利になる無料アプリ総まとめ | iTea4.0
今回は無料で使える便利なMacアプリを総まとめしてみました。使えそうなものがあれば是非チェックしてみてください。
簡単！スマートフォン！WEBサイトリモートデバッグ！｜TechRacho by BPS株式会社
５月に入りGWも過ぎましたが、機動戦士ガンダムUC episode 7「虹の彼方に」の公開が待きれないkmaedaです。 説明！ スマートフォン向けWEBサイトを制作する時、テストを充実させるための方法を紹介します。 特に最近のスマートフォンだと、OSバージョン別で表示が崩れたりすることもありますが、これを使えば直感的にデバッグが出来ます。 記事の内容 デバッグ方法についてはAndoridとiPhone向けに分けてセットアップを行いそれぞれDEMOをします。 Android セットアップ デバッグのDEMO iPhone セットアップ デバッグのDEMO Android 動作環境はchromeブラウザが動くOSとUSBのDriverのインストール環境であれば、Unix/Linuxでも動作可能となります。 セットアップ 【環境】 OS : Windows 7 Pro (64bit) PC側ブ
誰でも無料でiPhoneの実機を使ってiOSアプリ開発する方法 - Qiita
WWDC 2015でiOS Developer Programに関する変更があり、 これまで年間11,800円の登録費用を払ってDeveloper Programに登録しなければできなかった、 iPhoneやiPadの実機を使った開発が可能になりました。 Xcode7 での無料の実機ビルドの方法についてまとめます。 (本記事の内容は一般公開されている情報に基づいています。 beta版に関するスクリーンショットは使用していません。) 必要なもの ・Mac ・Xcode7 Xcode7のダウンロード 2015年6月現在、beta版のXcode7をダウンロードします。 https://developer.apple.com/xcode/downloads/ ファイルサイズが4Gありますので、PCの容量が足りない場合は不要なデータを削除して容量を確保してください。 Xcodeの起動 インストールし
Apple Days | Apple製品の発売周期まとめ
Apple製品のこれまでの発売日を元に、新製品が出るまでの周期をまとめました！
lifehacker 最近iPhoneの調子がイマイチ そんな時はApple提供のiOS診断を試してみよう
バッテリーの持ちが悪くなった気がしたり、たまに突然電源が落ちたり。そんなiPhoneの調子がなんか悪いなあと感じる時ありませんか。そんな時ネットで対処方法を調べるのも一つですが、まずAppleが提供しているiOS診断を試してみてはいかがでしょうか。AppleがあなたのiPhoneのトラブルを診断し、どうすればいいかを判断してくれます。 ということで、僕の所有しているiPhone5（購入して1年3ヶ月）のバッテリーの持ちが最近悪くなった気がするので、実際にiOS診断を試してみました。AppleのHP→サポート→「お問い合わせ」を選択 「こちらからスタート」を選択 iPhoneを選択 「バッテリー、電源、及び充電」を選択 「バッテリーに関する質問/トラブルシューティング」を選択 「お使いのiPhoneから直接Appleへシリアル番号及びシステムの情報をお送りください。・・・」を選択 iPhon
iPadのセカンドモニタ化・トラックパッド化・リモコン化アプリを一挙紹介 | ライフハッカー・ジャパン
ただでさえ便利なiPadですが、普段使っているコンピュータに外付けすると「最強」なのをご存知でしょうか。 セカンドモニタからリモコンまで、iPadを使ったコンピュータのパワーアップ方法を紹介します。 1．iPadをセカンドモニタにする 2．iPadをキーボードショートカット専用マシンにする 3．iPadをリモコンにする 4．iPadをトラックパッドやマウスにする 1．iPadをセカンドモニタにする マルチモニタが生産性をアップさせるかどうかについては、いまもって賛否両論です。どう使うかでも違ってきます。とはいえ、画面が狭くて困っているなら、iPadをセカンドモニターにしない手はありません。 iPadを外部モニタとして使う方法はいろいろありますが、『Air Display』が一番簡単です。Air DisplayをiPadとMacの両方にインストールするだけで、iPadがセカンドモニタに早変わ
iPhone/iPadの一時ファイルを削除してディスク容量を稼ぐための裏技はコレ!
iOSアプリは、アプリ専用の領域内に一時(テンポラリ)ファイルを作成する。インターネットからダウンロードしたデータを手元のディスクに保存(キャッシュ)し動作の高速化を図るにしても、そのデータは他のアプリから参照できない隔離された領域に置かれる。 このしくみはアプリの安全を保つために合理的だが、一方では長期保存不要なテンポラリファイルの増加を招く。iOSには、Safariなど一部のアプリを除けばテンポラリファイルを削除する機能がなく、結構な量になってしまうのだ。たとえば、TwitterやFacebookのアプリは、ひんぱんにデータをダウンロードするため、数週間も使えば百メガバイトを超えるまでにキャッシュは増加する。 キャッシュ削除機能を持たないアプリでキャッシュを削除するオーソドックスな方法は、そのアプリを削除すること。そうすれば、専用領域ごとアプリが削除されるので、キャッシュを完全に消し去
Slicyはあっと驚くほど便利だった。 - colopixie
Slicyは、PSDをD&Dするだけで、Photoshopでレイヤーやフォルダに指定した方法で名前をつければ書きだしてくれるアプリです。 これがめっちゃ便利！驚いたたまげた。 App Storeで買いました。 今回は、Slicyの公式のデモファイルを使って、解説していきます！ちょうべんり！ 公式のデモファイルは、下記からダウンロードできます（いきなりZIPダウンロードになります） 通常 (Basic Tagging) 「Basic Tagging」のフォルダーを開き、PSDを開いてみましょう。 PSDを開くと、フォルダーやレイヤーに”.png”や”.jpg”など追加します。 そうすると・・・？ そのPSDを”Slicy”にドラッグアンドドロップすると、ぽこん！と先ほどの”.png”のついたフォルダーやファイルが出てきます。 これを上の”Copy”を押して全て保存するか、個別のファイルをドラ
iPhone・iPad・Macの実機画像&背景にスクリーンショットを合成できるWebアプリ『PlaceIt』が便利 | NANOKAMO BLOG
iPhone・iPad・Macの実機画像&背景にスクリーンショットを合成できるWebアプリ『PlaceIt』が便利 Posted by kuroji1987 on 2013/01/03 in Mac アプリ, ブログ · 0 Comments · 読了時間：約 1分30秒 どうも@kuroji1987です。 これ最高です。ブロガーなら絶対使いたいはず、間違いない！ といった感じのWebアプリを発見しました。 iPhoneやiPadの実機画像プラス背景に、スクリーンショットを合成させる『PlaceIt』という名前のサービスです。K’confで紹介されていました！ したのような画像を簡単に作れちゃいます！ 30秒でできますよ！ すごすぎ！ この角度がいいですよね。たまらん。ということで使いかたー！！ 『PlaceIt』の使いかた さて、実際に使ってみます。と言っても超簡単。最初に『Place
Objective-C勉強したいならコレを読め2012秋
前提「iPhoneアプリを作りたいなら」ではない。「売れるアプリを作る企画力」や「イケてるUIを作るデザイン力」なしに、「アプリ開発に必要なObjective-Cの技術力」だけあっても意味ない。それでもいい人向け。前提2巷のブクマされている「オススメ本集」は自身の著書や身内の本を薦めるためのポジショントーク的な選書がよくある。溢れかえる「分かりやすさ」を訴える本は必要はない。買うとしても1冊で十分。 分かりやすい本じゃないと身につかないなら、結局作れるものは「その程度」のものに留まる。そして「その程度」を作れる人は既にうじゃうじゃいるからApple税を無駄にするだけ。公式ドキュメント日本語ドキュメント - Apple Developer 日本語化された公式ドキュメント。全てを読むのは難しいが、「Objective-C プログラミング言語」「Objective-Cによるプログラミング」を読め
iPhoneやiPadでページを見ながらウェブデバッグが可能に！iOS 6から搭載された「Webインスペクタ」が超絶便利！ | gori.me（ゴリミー）
【img via iOS 5.1 Update. by MJ/TR (´･ω･)】 iPhoneやiPad向けにウェブ制作をしている人は知らないと損！ 最近頻繁にgori.meのチューニングを行なっているのだが、iPadで見ると崩れてしまう表示を長らく修正できずにいた。というのも、Macで見るとどのブラウザでも問題なく表示されていたから。 そんなところに先輩が「Safariのウェブインスペクタを使うと良いよ」と。基本的にGoogle Chromeで開発をしている僕としては「なぜわざわざSafari？」と思っていたが、iOS 6搭載端末を繋げるだけでSafariのウェブインスペクタはGoogle Chromeの何倍も便利になる。iOS 6からの新しい機能で、iPhoneやiPadでページを見ながら直接ウェブデバッグができるのだ！！ そもそも「Webインスペクタ」って何？ そもそもWebインス
Skala Previewは、iPhoneアプリ製作に必須かもしれない | fladdict
有名アプリなんでしょうかね、Skala Preview。いままで知りませんでした。 Skala Previewを使うと、Mac上の画像やPhotoshop画面やクリップボードの画像を、iPhone上でピクセルパーフェクトで表示できます。 Mac / iPhone 用アプリ。 使い方も簡単で、MacとiPhoneで両方立ち上げれば適当に同期してくれます。フォトショッパ—マジ感涙！ 昔はイラレ画像をDropboxとかメールで転送してたのですが、Skalaを使えば直接見れる。UIもシンプルで綺麗。まだiPhone5には対応してませんが、はやく対応して欲しいなぁ。これは便利！ ついでに、普段使ってるものをつらつら。大分定番ですが。 IconKit Store 大きいアイコンを作れば、自動でiPad用やiPhone用などすべてのアイコンをリサイズして準備してくれる。 ReSizer Store iP
好評のXcodeチートシート、MacBook Air 11サイズを作成しました | DOTAPON Blog
第1回のiphone_dev_jp勉強会の発表「ハイスピードXcodeコーディング」では、おまけとしてXcodeのチートシートを配布しました。 意外と反響があったようで、先日の第2回の勉強会では、壁紙にしている方も。 めっちゃ嬉しい！！ ただ、チートシートはiPad用に作ったものなので、MacBook Air 11inchにはサイズが合いません。 せっかくならジャストサイズのものを使ってほしくて、今回は新しいバージョンを作りました！ 横幅が広くなった余白に、少しだけショートカットを足しておきました。 和のテイストで、新色も追加しておきましたよ！ ひとりでも多くの方に、使っていただけると嬉しいです。 ダウンロードはこちらから。 Xcodeチートシート for MacBook Air 11inch (1366×768) 以前の勉強会のときに配布した、新しいiPad用はこちら。 Xc
MacRubyがiOSに来た！RubyでiOSのネイティブアプリ開発ができる「RubyMotion」登場：Rails Hub情報局：エンジニアライフ
MacRubyがiOSに来た！RubyでiOSのネイティブアプリ開発ができる「RubyMotion」登場 Rubyを使ってiOS向けアプリが開発できる開発環境「RubyMotion」が登場しました。MacRubyプロジェクトの生みの親であるLaurent Sansonetti氏は7年間勤めたアップルを2011年暮れに退社して、新たにHipByteというスタートアップを立ち上げていたようです。 FAQや動画ビデオを見て分かったRubyMotionの特徴を列挙します。 Rubyを使ったiOSアプリの開発が可能 ツールは有償で199ドル（現在キャンペーンで149.99ドル） 無償版やオープンソース版はない 作成したアプリはAppStoreでの流通が可能 iOSのAPIの全てにアクセス可能 C/C++/Objective-Cで書かれたRuby処理系のMacRubyベースで1.9対応 Rubyコード
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Macのパスワード入力やロックをiPhoneのTouch ID（指紋認証）で解除できるアプリ「KeyTouch」 - あなたのスイッチを押すブログ
これが無料とは！ スマートフォン向けサイトやアプリのワイヤーフレームを作成するソフトウェア -Prototyper