Miracastでサブディスプレイ化
WinddowsPC→WindowsPC
スマホ→WindowsPCのディスプレイ化
https://dekiru.net/article/15696/
https://dime.jp/genre/364209/2/

Splashtop Wired XDisplay Free（無料で10分間だけ接続可能）
Windows→Android

spacedesk
2019年で無料なのはこれだけ
https://spacedesk.net/

MacとかをSecondに使いたいときはHTML5使う
http://spacedesk.ph/html5viewer/

https://omoiji.com/miracast-matebookx-novalite/#i-3

http://app-review.poox.xyz/archives/1630

ubuntu Linuxで試した、うまくいかなかった
https://qiita.com/nanbuwks/items/aed19202d51e4af82cde

macにAirPlayを使ってipadからMacにうつす方法、LonelyScreenというのを使う
https://appli-world.jp/posts/3241

ノートPCの“サブディスプレイ化”を考えた…方法は6つだ！—USBやHDMI入力を使いたいの巻
https://mupon.net/laptop-become-sub-display/

ノートパソコンをサブモニターとして使う
https://bibouroku.net/juc700

SpaceDeskの使い方
https://madeinpc.blog.fc2.com/blog-entry-1377.html

— posted by midilin @ 03:08PM | Comment (0)

User-Agent Switcher
というプラグインがある。

https://chrome.google.com/webstore/detail/djflhoibgkdhkhhcedjiklpkjnoahfmg?hl=en-US&gl=US

インストールしたら、右上にメガネマークが出るので、
クリックするとユーザーエージェントが切り替えられる。

iPhone、アンドロイド、iPad用など、
スマホ用のサイトを見たかったら、これで切り替えられる

— posted by midilin @ 05:26PM | Comment (0)

設定→無線とネットワーク→モバイルネットワーク

アクセスポイントをプロキシとして登録する

menuをクリックして、新しいAPNとして登録

名前：任意。proxyとか
APN：任意。Internetとか

その他、プロキシ、ポートを入れる。

入力が終わったら、「menu」を押したあと、「保存」をクリック

http://newbiztask.blog69.fc2.com/blog-entry-24.html

— posted by midilin @ 07:16PM | Comment (0)

●Mobile Boilerplate

各環境の設定コード集のようなもの
HTML5 Boilerplateが本家。

モバイルサイトを構築するためのテンプレート

http://html5boilerplate.com/mobile

●Less Framework
CSSグリッドシステムを利用するためのフレームワーク。
最小で３カラム列から、モバイル環境にあわせて
増減させる。

http://lessframework.com/

●Sleleton
CSSグリッドシステム
http://www.getskeleton.com/

●Modernizr

Javascriptのフレームワーク
http://www.modernizr.com/

●Mobitest
http://www.blaze.io/mobile/

— posted by midilin @ 10:03AM | Comment (0)

iPhone3などで見られる画像（160dpi）を作っても
iPhone4で見る（320dpi）と画像が荒れてしまう。

これを防ぐために、高解像度向けに大きめなサイズを用意し、
HTMLとCSSで倍率を小さくする必要がある。

プログラムで切り替えるか、
低解像度用（160dpi以下）と高解像度（320dpi向け）の２種類を用意する。

— posted by midilin @ 03:08PM | Comment (0)

スマホでPC用サイトを見たときに、縮小されることを防ぐ。

またフォームのテキストフィールドにフォーカスした場合、強制的に拡大されるのも防ぐ。

指定できる属性としては
width：幅
height：高さ
initial-scale：倍率の初期値
mininum-scale：倍率の最小値
maxinum-scale：倍率の最大値
user-scalable：拡大・縮小操作の可否
target-density-dpi：DPIの指定（Androidのみ）

initial-scale=1.0がある場合、480px、
ない場合は320pxが適用される。

initial-scale=1.0がないと強制的に拡大されるため、
必要以上に拡大されることがあるため注意。

— posted by midilin @ 11:59AM | Comment (0)

mobjectify
http://www.mobjectify.com/
jQuery Mobileを使っていて、ユーザー登録不要。

触ってみたが、なかなか面白い

— posted by midilin @ 05:46PM | Comment (0)

・アドレスバーが表示されない
・アプリのUIがあるので、画面がさらに狭くなる
・「ブックマークに追加」「ホーム画面に追加」「プリント」などの機能が使えない

— posted by midilin @ 05:38PM | Comment (0)

ハードウェアボタン＝画面の下にあるボタン

iPhoneは「ホームボタン」１つのみ。
Androidは、「ホームボタン」「メニューボタン」「戻るボタン」の３つ。

iPhoneには「戻るボタン」がないので、注意。

— posted by midilin @ 05:35PM | Comment (0)

スマホサイトはPCサイトのように早く表示できないので
シミュレータを使って、PC上で回線速度を遅くして
読み込ませることができる。

●Charles

「Charles」というもので、
Win、Mac、両方対応。ただし有償。

デモはフリートライアル有。

本来は、Web開発用のhttpやhttpsの流れを調べるためのデバッグツールだが、
機能の一部で回線をシミュレートできる。


http://www.charlesproxy.com/

●Mobile Perf BookMarklet

ブックマークして使う。
http://stevesouders.com/mobileperf/mobileperfbkm.php

●Mobitest

— posted by midilin @ 05:21PM | Comment (0)