2021年版 主要なアプリ内ブラウザのUserAgentを調べてみた & 判定を実装してみた
アプリ内ブラウザによって挙動が違うと、時にはグッとこらえてUserAgentによる条件分岐を入れなくてはいけないということもあるでしょう。 本当はこんな条件分岐入れたくない。でも、長い人生では止むに止まれぬ大人の事情というものがあります。 ...さて、どう判定しよう？ ざっと調べたところ少し古い情報しか見当たらなかったので、自分で調べてみました。 2021年6月27日時点、手元の iPhone 12 Pro(iOS 14.5) Pixel 4(Android 11) を使って各アプリの（おそらく）最新版を使って調査しました。 それをもとに作成した、JavaScript (ES6)による実装例もつけてあります。間違いやもっといい方法などあればぜひコメントください。 テストコード付きの実装例はこちらから。 UserAgentの実例集め 対象にしたアプリは以下の通り： Twitter Faceb
MacからWindowsにリモートデスクトップ(Remote Desktop)
リモートデスクトップとは MacでWindowsを使う方法の1つにリモートデスクトップがあります。 リモートデスクトップとはWindowsをネットワーク越しにGUI(グラフィカル・ユーザー・インターフェース)で操作するための仕組みです。 そのプロトコル(通信規約)からRDP(Remote Desktop Protocol)と呼ばれる場合もあります。 このリモートデスクトップのクライアントである「Microsoft Remote Desktop」アプリをMacにインストールし、Windowsに接続するとMac上でWindowsが動いている(実際にはネットワーク越しでWindowsが動作しています)かのように使えます。 Use Microsoft Remote Desktop for Mac to connect to Azure Virtual Desktop, Windows 365,
実機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」をタップ。 画面下の「詳
Stable Diffusion web UIのインストールと使い方
今回は、「Stable Diffusion web UI」をWindowsやMacにインストールする方法と、その使い方を紹介します。 Stable Diffusion web UIについて Stable Diffusion web UIは、ブラウザをインターフェースとして利用して、AIによる画像生成を行うことができるツールです。 GitHub[AUTOMATIC1111/stable-diffusion-webui]（https://github.com/AUTOMATIC1111/stable-diffusion-webui） Stable Diffusion web UIでは、次のような画面をブラウザで動かすことができ、かんたんにAIによる画像生成を行うことができます。 この、ブラウザを使うというスタイルのおかげで、Windowsでも、Mac(Apple Silicon)でも、Linu
DockerでPHP環境を作る（mac） - Qiita
はじめに 勤め先でもPHPを使っており自宅でPHPを勉強するために、ローカルでPHP開発環境を整えることにしました。 MAMP（マンプ）でも良いかなと思いましたが、せっかくなのでDockerで作ってみます。 （開発中に色々詰まってしまったところがあるので、備忘録がわりのメモです。） 手順 Dockerによる環境構築 ファイル・ディレクトリの準備 各ファイルの作成 コンテナを起動 サイトにアクセス 1. Dockerによる環境構築 Dockerを使うには、「Docker for Mac」のインストールが必要です。 Qitaに素敵な記事がたくさんあるので、ここでの説明は省略します。 今回はDockerで以下のコンテナを使います。 nginx PHP MySQL PHPMyAdmin 使用するコンテナが複数あるので、今回は「Docker Compose」を使って環境を作っていきます。 2. ディ
MacからWindowsにリモートデスクトップで英語キーボードになってしまった｜えなこいんブログ＠人生攻略
みなさん在宅勤務していますか？ ついに緊急事態宣言の対象地域が日本全国になりました。 テレワークがはじまっている人も多いのではないでしょうか？ さてさて、会社ではWindowsを使っていて、そこにリモートデスクトップ接続して仕事するということもあるかと思います。 わたしも、備品の MacBookAir で Windows7 や Windows10 にリモートデスクトップ接続すると、 キーボードが英語配列になることがあり困ってしまいました。 今回はその解決方法について解説いたします。 リモートデスクトップアプリはマイクロソフト公式の Microsoft Remote Desktop Beta が使えます。 フォルダ共有で、Mac側のフォルダをWindowsのマイコンピューターに表示できたりします。 βということでたまに不安定ですが便利に使えています！ （再接続できなくなったら、切断したり、ア
スマホサイトのデザインプレビューに。モックアップHTML（iPhone） | design Edge
スマホ対応サイトのデザインを、クライアントに確認してもらう際に使えるiPhone画面をイメージしたHTMLモックアップをダウンロードできます。 レスポンシブWebデザインも主流になり、Webサイトのスマホ対応が急速に進んでいる昨今、クライアントや代理店などに画像ベースでスマホ版のデザインを確認してもらう機会も多いと思います。 スマホサイトというからには実機で確認してもらうことがベストだとは思いますが、忙しいクライアントにサッと見てもらいたい場合などに便利なHTMLをダウンロードできるようにしました。 JPEGやPNGの画像を1枚ペタッと貼付ければ、iPhoneでの表示イメージを確認することができます。使えそうでしたらご自由にご利用ください。 Windows/MacのChrome39、Firefox35、WindowsのIE7〜11、MacのSafari6.1で動作確認をしています。ただし、
Macにseleniumをインストールして、pythonでお試し利用する - Qiita
目的 Macにseleniumをインストールして、pythonでお試し利用した際の備忘録です Selenium/Google Chrome/Google Chromeドライバをインストール Seleniumをインストール Google Chromeをインストール 以下を参考にGoogle Chromeをインストール https://www.google.com/chrome MacにGoogle Chromeをインストールする方法 Google Chromeドライバをインストール Google Chromeのバージョンを確認して、 Google Chromeと同じバージョンのドライバをインストールする Google Chromeのバージョンを確認 Google Chromeメニュー → Google Chromeについて （例） Google Chrome は最新版です バージョン: 81
DockerをMacにインストールする（更新: 2019/7/13） - Qiita
はじめに MacにDockerをインストールする方法についてまとめた記事です。 ザクザク行けば10分程度でnginxの起動までいけると思います。 この記事の目的はDockerに慣れることです。 よって、対象者は Dockerやってみたい！ってずっと思ってる でも、よくわからない。Dockerこわい というDocker初心者向けとなります。 バージョンアップなどにより、手順が異なる可能性がありますのでご了承下さい。 また、@y_tsubukuが開発するyaritori - メール共有システムも、良ければご覧ください Docker for Macをインストール 公式サイトからDockerのアカウントを作ってログインし、DockerHubからダウンロードしてインストールします。 https://hub.docker.com/editions/community/docker-ce-desktop
MacでのVirtualbox,Vagrantアンインストールメモ - Qiita
MacでのVirtualboxとVagrantアンインストールメモです。 ディレクトリの削除において、権限が無いため削除できない場合があるので、 実行前に「sudo su」で管理者ユーザーにしておくことをお勧めします。 なお、誤って無関係なディレクトリを削除しないよう、注意してください。 Virtualboxのアンインストール ・インストール時に使用したdmgファイルを使用する。 ・dmgファイルを実行する。 ・Virtualboxのメニューから「VirtualBox_Uninstall.tool」を右クリックし、メニューから「開く」を選択。 ・「VirtualBox_Uninstall.tool」を開く際に、「開発元は未確認です。開いてもよろしいですか？」と問われるが、「開く」を選択する。 ・アンインストールの実行について、「Yes/No」を問われるため、「Yes」を入力する。 ・管理者
VMWareで「macOS Mojave」 インストール方法とベンチマーク
この記事中にも書いた通り、Hackintoshはなかなか本物のMacのようにはいきません。特にUMPCのようにハードウェア構成が変更できないマシンでは難しいです GPD WINやOneMixの場合、どれだけ頑張ってもネットワークが使えないという弱点があります。これはIntelのWi-Fiチップが基板にハンダ付けされてしまっているので、にっちもさっちもいかないのが現状です そこでふと という疑問を抱きました 昔だったらUMPCで仮想マシンなんて検討する価値も無かったのですが、近年の省電力プロセッサの性能向上と大容量メモリを搭載してくれるようになったことで、もしかしたら実用的に使えるのでは？ という淡い期待を抱いています そこで今回は、VMWareを使ってmacOS Mojaveをインストールする夢を見たのでその手順の解説と、使用感のレビューや簡単なベンチマークの結果を、実機のMakBook
macOS: TimeMachine バックアップを AWS 上に保全する - Qiita
将来、家に隕石が落ちてきた時の最後の砦として、自分の PC にある日々の運用データ一式をクラウド上に保全して枕を高くして寝たい。また、超強力な太陽嵐が地球上に降り注いでも、データの整合性は可能な限り担保したい。 そんな夢を見たのでどこまで実現可能かを考えてみた。思考実験以上、運用実験未満。 現況 今のところ（高速回線環境がないので）最終的なバックアップ完了までこぎ着けていない。よって復元も試せていない。試行レポートをお待ちしています。 ゴール AWS 上に macOS の TimeMachine 機能を使ってデータを保管したい。また、手元の Mac のディスクが壊れた時のリカバリー元としても使えるようにしたい。可能な限り高い信頼性を確保し、できるだけセキュアに。 要件 ネットワーク 通信経路をセキュアに保つこと macOS の標準機能だけで VPN 接続を確立できること データ データは自
Remote Desktop for Macでバックスラッシュを入力する - Qiita
問題点 2018/8/1時点、Microsoft Remote Desktop(Version 10.2.0)でバックスラッシュにあたる0x5Cを入力することができず、代わりにUnicodeの0xC2A5が入力されてしまいます。これをどうにかしたい。 Mac上だとoption + ¥で入力できたり、Google日本語入力の設定で変えたりできるので特に困っていません。 回避策 Mac側でKaribinerを使って回避する手段が公開されています。 MacからWindowsへリモートデスクトップ接続したとき、バックスラッシュを使えるようにする 手軽にwindows側でなんとかできないかな、と¥キーを押されたらバックスラッシュが押されたことにするプログラムを作りました。 stkchp/noyen - GitHub 接続先のWindows PC側で起動すれば、起動中は0xC2A5ではなく0x5Cが入
Microsoft RDPでWindows機につなげる時の日本語キーボード問題 - Qiita
はじめに MacからWindowsにリモート接続(GUI)するときに、MicrosoftのRDP(Remote Desktop)を使っているのですが、Mac側が日本語レイアウトなのに、Windows側でUSレイアウトとして認識されてしまいます。 このRDPが日本語レイアウトであることをWindows側に伝えてくれない問題については、 https://qiita.com/hidecha/items/33624f6ae57d41f3cd86 に非常に詳しく書いてあります。これ自体は、Microsoftが対応してくれないとどうしようもないようです。 また、私も以前バックスラッシュキーについて https://qiita.com/KNaito/items/174404ea42470d00c063 で記事を書いたのですが、この時使っていたKarabinerというソフトは、現OSであるHigh Sie
WindowsユーザーがMacOSでRemoteDesktop越しにWindowsを扱うときのキーマップ - Qiita
概要とか Windows育ちで109キーボードに慣れてるけど、スタバでMacbookAirでｯﾀｰﾝとかしたいよね。的なアレでMacbookを持ち歩いてるんだけど、なんだかんだでWindows環境が必要だからRemoteDesktopでいろいろやらざるを得ない。 そんなときにWindowsとMacのキーバインドが微妙に違うのがすげぇストレスなのでキーマップを変更して109キーっぽくして快適に使おうといういわゆるアレ。 環境とか macOS Mojave 10.14.3 Microsoft Remote Desktop Version 10.2.10(1582) RemoteDesktopで接続したときになぜかUSキーボードとして認識されるアレは解決してません。 接続先のアカウントでWindows機から一度ログインしておけばOKなのでそれで迂回してます。 変更方針 Template:106キ
Microsoft Remote Desktopでのキーバインド変更とその設定ファイル内容 - Qiita
Macから開発用Windows環境に接続するのにMicrosoft Remote Desktopを使用しています。 しかしキーボード表記と入力内容が異なるので地味にストレスが溜まります。 対応として、キーバインドを変更して解決する方法に落ち着きました。 こちらを参考にしました。 http://fanblogs.jp/macyarounanoka/archive/107/0 とても助かりました！ ありがとうございます。 上記記事内で出ているprivate.xml内容から2点変更。 ・右側CommandボタンをControlとして使いたかったので1行追加 ・英数キーをHOMEキーに、かなキーをENDキーに設定 <?xml version="1.0"?> <root> <appdef> <appname>MicrosoftRDC</appname> <equal>com.microsoft.rd
Boot CampでMac Book AirにWindowsを入れた後のキー配置変更
Mac Book Air（以下 MBA）にBoot Campを使ってWindows 8.1 proを入れました。これで一台で両方使えるようになり、便利になりました。 というのも、やはりメインベースがWindowsなもので、Macでは連携ができないこともあったり・・・先日、遠出しているときに、急ぎの仕事対応がOS Xだけだと結構厳しいことがわかったのでWin8.1をセッティングした次第。 Boot Campの使い方は様々なブログで紹介されているので、今回は「Boot CampでWindowsを導入後のキー配置」についてブログしたいと思います。 Windows導入後のキー配置 画像を参照してもらうとわかるように、何気になかなかぶっ飛んだ配置になっております。左中程に「Ctrl」とか無い・・・「commandキー」なんて哀れすぎる。 というわけで、そのままでは使い物にならないので、自分なりの使い
Macから簡易NASに接続させる一番合理的で簡単な設定方法を紹介
最近のLANルーターにはUSBポートがあるタイプがほとんどで、そのUSBポートに外付けHDDやUSBメモリを挿して設定するだけで、簡易NASとして利用できる便利な機能が備わっています。 Windowsではその簡易NASを呼び出すのは、ネットワークから簡単にNASにアクセスすることができますが、Macだとネットワークにはなにもなく、ちょっとした設定が必要となります。 今回は「Macから簡易NASに接続させる一番合理的で簡単な設定方法を紹介」をお送りします♫ はじめにネット検索で「Mac NAS 接続」などのワードで調べてみると、多くのハウツー記事たちは「サーバへ接続」からのやり方を記載していますが、そのやり方は合理的ではないですし、なによりも面倒です（笑） 通常自宅のインターネット回線は、決まったIPアドレスを利用しておらず、ちょこちょこ空いている帯域へと変更されます。固定IPアドレスは月額
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Stable Diffusion web UIをMacbookproで使う - Qiita
絶対に失敗しないDockerでLaravel+Vueの実行環境（LEMP環境）を構築する方法〜前編〜 - Qiita
