webpack-dev-serverをlocalhost以外で使いたかったのでやってみました
Dockerでの開発してるんで、localhostしばりは困った次第です
DevServer
を見ると
webpack-dev-server --host 0.0.0.0
としてあげれば良さそう
起動してみたら
Invalid Host header
とだけ画面に出てくる..
調べたら
--host 0.0.0.0 Not working · Issue #882 · webpack/webpack-dev-server
あたりで
webpack-dev-server --host 0.0.0.0
もつけないとだめらしく
webpack-dev-server --host 0.0.0.0 --disable-host-check
としてあげたら、うまくいきました
これで開発進められそうです
Nexus 5xでNougat(Android 7)のときはUSBテザリング出来ていたのに、
Oreo(Android 8)にしたタイミングなのか、USBテザリングできなってました
具体的には、設定画面、ネットワークとインターネット、アクセスポイントとテザリング、の画面で
USBテザリングが無効になっていてONにできませんでした
USBケーブルで、PCとNexux 5xをつないだまま、設定を確認して直しました
まず、開発者モードになっておきます
UbuntuにAndroid端末をUSB接続で認識させる – bgbgbg
で、やったように設定画面、端末情報を開いて、ビルド番号を連打すると出てくるはずです
設定画面、開発者向けオプションを開いて、USB設定の選択を探します
これを RNDIS にします
これで、設定画面、ネットワークとインターネット、アクセスポイントとテザリングを開くと
USBテザリングがONにできるようになりました
WifiテザリングはONにしても、すぐOFFになって、使えませんがとりあえず有線があればいいかなと..
headless chromeをさくっと試すかと思って、Docker上のUbuntuにGoogle Chromeをインストールしてみました
Dockerコンテナは ubuntu:xenial を使いました
パソコン版 Chrome
からダウンロード..とすると依存するものが全然足りませんでした
Ubuntu なので apt におまかせで
$ wget -q -O – https://dl.google.com/linux/linux_signing_key.pub | sudo apt-key add –
$ echo “deb http://dl.google.com/linux/chrome/deb/ stable main” | sudo tee /etc/apt/sources.list.d/google-chrome.list
$ sudo apt-get update
$ apt-get -y install google-chrome-stable
でうまくいきました
$ google-chrome –version
Google Chrome 63.0.3239.108
ウェブサイトのスクリーンショットを取りたかったので、headless chromeかな..と調べていたら
gogap/go-wkhtmltox: A web service for wkhtmltopdf and wkhtmltoimage
を見つけたので試してみました。
git clone すると docker-compose.yml が用意されているので docker-compose up -d するだけで
試せました。
curl -X POST \
http://localhost:8080/v1/convert \
-H 'accept-encoding: gzip' \
-H 'cache-control: no-cache' \
-H 'content-type: application/json' \
-d '{
"to" : "image",
"converter":{
"uri": "https://jitan-3.com",
"crop":{
"h": 1024,
"w": 667
},
"width": 375,
"height": 667
},
"template": "binary"
}' --compressed -o test.png
な感じでtest.pngにPNGで保存できました
ただ取りたかったのはスマホで見たときのキャプチャだったのですが、それは取れない様子..
widthを小さくしても効きませんでした