production では必ず8.0に上げる前にバックアップを取っておきましょう

今回、 Homebrew で入れてたやつをうっかりアップグレードしてしまって焦りました
最終的に data ディレクトリを初期化する羽目になりました。。。（一応データは救出出来ました）
以下流れです

うっかり 8.0 にしてしまう

brew upgrade でよく見ずに更新してしまい、いつの間にか起動できなくなっているのに気付きました
その時はこのようなエラーが出ていました

2018-07-28T19:27:30.524132Z 1 [ERROR] [MY-010781] [Server] Found ./mysql/index_stats.frm file in mysql schema. DD will
create .ibd file with same name. Please rename table and start upgrade process again.
2018-07-28T19:27:30.524175Z 1 [ERROR] [MY-010336] [Server] Found .frm file with same name as one of the Dictionary Tab
les.
2018-07-28T19:27:30.524338Z 0 [ERROR] [MY-010020] [Server] Data Dictionary initialization failed.
2018-07-28T19:27:30.524359Z 0 [ERROR] [MY-010119] [Server] Aborting

5.7 を入れ直す

他にも色々変わってそうだし 8.0 を使い続けるのは厳しそうだったので元に戻す方向で頑張ることにしました
実行したコマンドは以下の通り（8.0を消して5.7を入れ直してます）

brew sevices stop mysql
brew uninstall mysql
brew install mysql@5.7
brew services start mysql@5.7

しかし5.7が起動しない

素直には起動してくれず、以下のようなログが吐かれていました

2018-07-28T22:01:56.921910Z 0 [ERROR] InnoDB: Unsupported redo log format. The redo log was created with MySQL 8.0.11. Please follow the instructions at http://dev.mysql.com/doc/refman/5.7/en/upgrading-downgrading.html
2018-07-28T22:01:56.921954Z 0 [ERROR] InnoDB: Plugin initialization aborted with error Generic error
2018-07-28T22:01:57.428053Z 0 [ERROR] Plugin 'InnoDB' init function returned error.
2018-07-28T22:01:57.428134Z 0 [ERROR] Plugin 'InnoDB' registration as a STORAGE ENGINE failed.
2018-07-28T22:01:57.428180Z 0 [ERROR] Failed to initialize builtin plugins.
2018-07-28T22:01:57.428202Z 0 [ERROR] Aborting

どうやら中途半端に 8.0 向けになったファイルが悪さをしていそう？
ひとまず起動させて dump だけしたかったので redo log が書かれている ib_logfile を移動させてみます

brew services stop mysql@5.7
mkdir ~/backup
cd /usr/local/var/mysql
mv ib_logfile* ~/backup
brew services start myswl@5.7

自分の場合はこれで起動しました！
しかし err ログを見てると不穏な出力がありました

2018-07-28T22:09:52.237832Z 0 [Warning] InnoDB: Table mysql/innodb_index_stats has length mismatch in the column name
table_name.  Please run mysql_upgrade

innodb_index_stats は mysql DB にある統計用テーブルとのことで、致命的な問題ではなさそうです（起動してますし）
一応動いているのでこのまま dump してしまいます

mysqldump -u root --databases db1 db2... > ~/all.sql

復旧

これで必要なデータは吸い出せたので、データディレクトリを初期化して dump したデータを入れ直します

brew services stop mysql@5.7
cd /usr/local/var
mv mysql mysql_old
mkdir mysql
mysqld --initialize-insecure
brew services start mysql@5.7
mysql -u root < ~/all.sql

このブログのデータも無事元通りになりました

今回はPS4がSATA2までしか対応してないのと、
システムソフトウェアの再インストールが面倒そうだったので外付けにしました
PS4ProならSATA3なので内蔵化した方がいいです

購入したSSDは売れ筋のCrucial SSD 500GB MX500です
250GB以上であればなんでも良いですが、SATA3のものにしておきましょう

外付けケースはSATA3かつUSB3.0以上のものを選んでおけばとりあえず問題ないと思われますが、
メーカーホームページを参照するなどして最大転送速度の説明はよく読みましょう
予算に余裕がある場合は、今後を考えるとUSB3.1 Gen2又はSuperSpeed+という10Gbpsの規格に対応した製品が良いかもしれません
自分はセンチュリーのCSS25U31BKにしました
本当は玄人志向のGW2.5FST-SU3.1が欲しかったのですが、秋葉原の店頭でも売り切れていました。。。

2.5インチストレージには7.5mmと9mmの2種類があり、ケースも対応している厚さが違うので組み合わせに注意しましょう
上記は7.5mm同士の組み合わせになります

ケースにSSDをセットしてケーブルでPS4に繋ぐと自動的に認識されフォーマットを促されます
フォーマット完了後は新規ソフトのインストール先が外付けストレージになり、
設定メニュー＞ストレージから内蔵の方にあるソフトを移動させたり出来るようになります

一応再起動出来るかの検証

cache, data パーティションの初期化、電源ボタン連打、端末を冷やしてから再起動などググって出て来る方法は一通り試しましたがダメでした
bootloader はアンロックしていなかったのでファクトリイメージの再書き込みで回復出来たのかは未検証です

SIMカードの入れ替え

悲しいことに N5X 付属のピンを紛失しており途方に暮れました
代わりになりそうなものがなかったので仕方なく爪楊枝をカッターで加工して頑張って取り出しました。。。
N5X のSIMスロットの穴は iPhone などと比べて小さく、安全ピンなどの代用品でも太さ次第では使えないので注意が必要です
新しい端末の Xperia XZ1 compact は防水のためかSIMスロットがキャップ式で、トレーも指で簡単に引き出せて感動しました

各種アカウントの復旧

新しい端末に Google アカウントをセットアップする際に、旧端末の2段階認証アプリが使えなかったため詰みかけました
結局PCブラウザでログインしっぱなしだったため、パスワード入力でリカバリコード画面にアクセス出来て助かりました
Slack もアプリで認証していたのですが、たまたまPC版クライアントがログイン状態であればなんとかなる仕様だったため助かりました

このような場合、リカバリコードを保存したり代替のアクセス手段を用意しておかないとサービス次第で詰みます
またコードの保存先も検討が必要で、例えば dropbox に置いても dropbox 自体がアプリでの2段階認証になってると詰みます
自分は最近2段階認証を有効化したものはアプリに登録するのが面倒でSMS認証になっていたため助かりました（dropboxもその一つ）
とはいえ端末の物理的紛失・盗難を考慮するとリカバリコードを紙に印刷しておくのが一番無難ということになるかもしれません…

早速ゼノブレイド2のDL版をニンテンドーeショップで購入（もちろん定価）した
…のだが、よくよく調べると量販店の方がお得な値段でDL版を提供していることに気付いた
Sony PS4 のDL版は PlayStation Store でしか提供されておらず、
定価で買うのが習慣化していたので完全に油断していたorz

例えばゼノブレイド2は定価だと税込み8618円だが、 amazon ではご覧の通り
自分が確認した時は約1割の値引きがされていた（実際の値段はamazonで確認して欲しい）

ヨドバシも10%のポイント還元が受けられるので、ほぼ同額だ
さらに amazon の場合は下記のような複数本同梱でのディスカウントもしていて、強い

知ってる人にとっては当たり前のことなのだけど、戒めとして記しておく
次からは絶対にニンテンドーeショップ以外で買おうと心に誓った。。。

osx 版は一度起動すると以降 Synergy.app を実行しても何も表示されないのがそもそもバグっぽいのだけど、
とりあえずプロセスを kill すると勝手に再起動してくれて繋がったのでスリープ解除後に下記コマンドを自動で実行するようにした

killall synergy-service

自動実行には sleepwatcher を使った
homebrew の場合以下のようにインストール出来る

brew install sleepwatcher
brew tap homebrew/services
brew services start sleepwatcher

インストール後、 ~/.sleep と ~/.wakeup というシェルスクリプトを作成して置いておくとそれぞれスリープ時と解除時に自動で実行してくれる

www.yusukezzz.net のスコアはPC版で90、モバイル向けで87となっている
github.io に置いてるサイトなので出来ることはあまり多くないのだけど、元は70点台ぐらいだったのでここまで上げるためにやったこと2点をまとめておく

CSS, JS の縮小

いわゆる minify と言われているやつ
wordpress だと plugin で出来たりするが、この blog では cloudflare の機能を利用している

Speed タブの Auto Minify から有効化出来る
CSS, JS, HTMLの3種類が選べるが、この blog だとHTMLの minify は不具合があったので CSS, JS だけ使用している

レンダリングをブロックしているコンテンツの排除

同期的に読み込まれる CSS, JS はページのレンダリングを遅くするため、非同期的に読み込むとスコアが向上する
読み込むだけで効果のある単純な JS であれば async または defer 属性を付けるだけでなんとかなる(※)が、
読み込んでから初期化処理を呼び出す必要がある場合は読み込み完了に hook して実行する必要がある
この blog では highlightjs が該当し、ページ末尾で以下のような script を実行している

※document.write しちゃってるような行儀の悪い script や読み込み順に依存関係があるものを除く

<script>
  function loadCss(url) {
    var l = document.createElement('link'); l.rel = 'stylesheet'; l.href = url;
    var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
  }
  function loadJs(url, cb) {
    var d = document, t = 'script',
        o = d.createElement(t),
        s = d.getElementsByTagName(t)[0];
    o.async = true;
    o.src = url;
    if (cb) { o.addEventListener('load', function (e) { cb(null, e); }, false); }
    s.parentNode.insertBefore(o, s);
  }
  var cb = function() {
    loadCss('https://www.yusukezzz.net/wp-content/highlightjs/solarized-light.css');
    loadJs('https://www.yusukezzz.net/wp-content/highlightjs/highlight.pack.js', function() {
      hljs.initHighlightingOnLoad();
    });
  };
  var raf = requestAnimationFrame || mozRequestAnimationFrame ||
      webkitRequestAnimationFrame || msRequestAnimationFrame;
  if (raf) raf(cb);
  else window.addEventListener('load', cb);
</script>

もっとも、小規模なものであれば外部ファイル化せずに直接 head タグ内に書いたほうが良い（インライン展開）

KEEP/android-parcelable.md at master · Kotlin/KEEP

まだステータスは正式版ではないので gradle で

androidExtensions {
    experimental = true
}

を有効化し、

@Parcelize
class MyParcelable(val data: Int): Parcelable

このように書いておくとコンパイル時に自動的に Parcelable 相当の実装を生成してくれる
data クラスにも使用出来るので json のパース結果などを Activity 間で受け渡すのが非常に簡単になる

これまでは grandstaish/paperparcel を使っていたが CREATOR フィールドを用意する必要がないのでより手軽だ

※注意
CRETOR フィールドを用意する必要はないが、@Parcelize アノテーションを付与したクラスはIDE上で
this class implements parcelable but does not provide a CREATOR field
というエラー扱いになる（でもコンパイルは通る）
下記チケットが起票されているので、直に修正される…と思いたい
[AS3.0] Android extensions, Parcelable: editor shows warning about incomplete implementation on a class with Parcelize annotation : KT-19300

1. testOptions の追加

app/build.gradle に以下の記述を追加する

android {
  testOptions {
    unitTests {
      includeAndroidResources = true
    }
  }
}

2. BuildConfig の指定を止める

テストクラスに Robolectric の BuildConfig 指定がある場合は消す
@Config(constants = BuildConfig.class)

DreaminginCodeZH/CustomTabsHelper: Custom tabs, made easy.

saschpe/android-customtabs: Chrome CustomTabs for Android demystified. Simplifies development and provides higher level classes including fallback in case Chrome isn’t available on device.

CustomTabsHelper は Fragment を使う前提の実装で、今回自分は Fragment を使っていなかったので後者の android-customtabs を採用した
使い方は非常にシンプルで README と example の通りなので省略する

基本的な実装はどちらも同じ、というか下記公式の customtabs 使用例が元になっていて単にアプリ（Fragment）開始時に customtabs の service に接続し、停止時に切断している
GoogleChrome/custom-tabs-client: Chrome custom tabs examples

ちょっとしたことだけど非常に反応が良くなるので customtabs を使うならぜひ利用したい

jvisualvm でリモート接続する方法は、
jstatd（これも jdk 組み込み）という java プロセスの監視ツールを経由する方法と JMX という仕様を利用する方法の2種類がある
今回はリモートサーバに jdk が入ってなかったので JMX でやる場合

JMX 起動オプション

リモートサーバで java アプリを起動する際に以下のオプションを指定しておく（以下は jdk8 の場合）
port は他で使われてなければ何でも良いが、同じ値を指定する
127.0.0.1 は環境に合わせて変える

-Dcom.sun.management.jmxremote.port=3333
-Dcom.sun.management.jmxremote.rmi.port=3333
-Dcom.sun.management.jmxremote.ssl=false
-Dcom.sun.management.jmxremote.authenticate=false
-Djava.rmi.server.hostname=127.0.0.1

今回接続する際は ssh のポートフォワーディングを利用した
ssh -L 3333:127.0.0.1:3333 user@remote-server
などでリモートへの接続を開いておき jvisualvm から localhost:3333 に対して繋ぐ

framework/LoadEnvironmentVariables.php#L20 at bd352a0d2ca93775fce8ef02365b03fc4fb8cbb0 · laravel/framework

解決するには config を cache しない、又は env の値を config ファイルを経由して参照するよう徹底し値の変更ごとに cache し直す

2.5ドルのは空きがなかったので5ドルのプランにした
とはいえ東京でメモリ1GBのマシンがこの値段なら十分安い
ちなみにこのリンクから登録してもらうとお互いにクレジットがもらえる（ある程度実際に課金する必要はある）

インストールしたのは ubuntu 16.04
web管理画面から作成を実行し、しばらくしてRUNNINGのステータスになるとアクセス可能になる
IPアドレスと root のパスワードも管理画面で確認可能

アカウント作成

最初は root しかいないので作業用アカウントを作成し sudo 出来るグループに追加しておく

adduser yusuke
passwd yusuke
gpasswd -a yusuke admin

作成したら ssh-copy-id などで公開鍵認証でのログインが出来るようにしておく
必ず鍵認証でアクセスが可能なことを確認しておくこと

root, パスワードでのログイン禁止設定

sudo vim /etc/ssh/sshd_config して　PermitRootLogin, PasswordAuthentication を no にする
sudo service sshd restart する
この時点でパスワードログイン出来ないことを確認しておくこと

ファイアウォール設定

ubuntu では iptables を直接触らずに ufw というコマンドで設定していく
以下では ssh, http, https のみ許可している
参考：ufwを使って簡単にファイアウォールを設定する - Qiita

sudo ufw default deny
sudo ufw allow 22
sudo ufw allow 80
sudo ufw allow 443
sudo ufw enable
sudo ufw reload

aptitude のインストール

組み込みの apt-get でも十分だが、 aptitude の方が多少便利
具体的には関連パッケージの自動アンインストールをデフォルトでやってくれたりする
（autoremove を付ければ apt-get でも出来る）

sudo apt-get install aptitude

ついでに upgrade して再起動しておく

sudo aptitude upgrade
sudo reboot

怪しいログイン試行をブロック

denyhosts というサービスをインストールするとログインに失敗したホストを自動的に /etc/hosts.deny に追加してくれる
sudo aptitude install denyhosts
設定はDenyhosts導入メモ - まめ畑などを参考に
sudo service denyhosts restart で設定反映

タイムゾーンをJSTにする

デフォルトはUTCなので日本時間に変更する

sudo timedatectl set-timezone Asia/Tokyo

時刻同期の設定もしておく

sudo aptitude install ntp
sudo vim /etc/ntp.conf

末尾の方にある server に適当な国内 ntp サーバを設定する
server ntp.nict.jp など
sudo service ntp restart で反映

HTTP Requests - Laravel - The PHP Framework For Web Artisans
ドキュメントにも書かれており、どうやら 5.4 からこの挙動がデフォルトになったようだ
無効にするには App\Http\Kernel クラスにある ConvertEmptyStringsToNull middleware をコメントアウトすれば良い

Zimage – Images, delivered fast.

RSZ.IO - a free responsive image service

使い方はこんな感じ

http://edge.zimage.io/?url=https://s3-us-west-2.amazonaws.com/stllc/zimage/images/ferrari.png&w=200

http://rsz.io/s3-us-west-2.amazonaws.com/stllc/zimage/images/ferrari.png?width=200

リサイズ機能における両者の差はほとんどないように見えるが、 zimage.io は作者がFAQで述べている通り商用利用を見越した作りになっているようだ

どちらも jcupitt/libvips を使っているためリサイズ結果は同等のはず

zimage.io は有料プランが準備中であり、SLAも定義されているのが特徴的（無料版は 99.95% とされている）
rsz.io はこの記事執筆時点で直近112日以内のダウンタイムは約1時間であり、稼働率は 99.963% であると記載されている（ただし保証するという旨は一切書かれていない）

最大の違いはキャッシュの有無で、 zimage.io はリサイズ結果をキャッシュしてくれるため1歩リードしている
運営者が twitter をやっていて動向が伺えるのも良い David Byttow ?(@davidbyttow)さん | Twitter
便利なので有料プランが軌道にのって末永く存続してくれることを祈るばかりである

こうして書くと zimage.io が完全に上位互換に見えるが、将来性が不透明なのも確か
rsz.io はそもそもマネタイズの意思が見えなくてもはや不気味なのだけど、少なくとも2014年ごろから継続して稼働しているみたいだったので選択肢として一応残した

invalid or unknown command: bind-key -t vi-copy v begin-selection

などと言われる
どうやら設定の書き方が変わってしまったようだ

invalid or unknown command: `bind-key -t vi-copy ....` · Issue #754 · tmux/tmux

ここの下の方に書かれているが、こんな感じにすると直った

unbind-key -T copy-mode-vi Space     ;   bind-key -T copy-mode-vi v send-keys -X begin-selection
unbind-key -T copy-mode-vi Enter     ;   bind-key -T copy-mode-vi y send-keys -X copy-pipe-and-cancel "reattach-to-user-namespace pbcopy"
unbind-key -T copy-mode-vi C-v       ;   bind-key -T copy-mode-vi C-v send-keys -X rectangle-toggle
unbind-key -T copy-mode-vi [         ;   bind-key -T copy-mode-vi [ send-keys -X begin-selection
unbind-key -T copy-mode-vi ]         ;   bind-key -T copy-mode-vi ] send-keys -X copy-selection

調べてみると GUI を持ったものもいくつか存在したが情報が少なそうだったので結局ローカルPCで wordpress を使って静的サイトを出力するという、本末転倒気味なことを試してみることにした

途中、静的サイトジェネレーターに慣れた方が良かったのでは…？と思わないでもなかったが、一応それなりな環境が出来てしまったので作業の記録を残しておく

注意点

• 当然ながら標準のコメント機能は完全に機能しなくなる
• wordpress 上で記事を削除しても出力済みの静的ファイルまでは消してくれないので対応が必要
• タグやカテゴリにマルチバイト文字を使っていると正しくリンクされない
• 静的ファイルの出力が非常に遅い（全てのサイト内ページにHTTPリクエストを投げてHTML化しているため）

設定方法

wordpress の詳細なインストール方法は割愛するが、動けばいいので osx なら標準で apache, php はインストールされているため mysql だけ用意すれば良い
最新で揃えたければ適当に
brew install homebrew/php/php71 nginx mysql
など

wordpress 自体の設定はパーマリンク設定を記事ごとに一意のURLを振る形式に必ず変更する
初期設定だとGETパラメータで記事IDを指定するため静的化出来ない

プラグインは Simply Static — WordPress プラグイン を入れる
設定は例えばこのサイトならばリンク先に絶対URLで https://www.yusukezzz.net/ を使用する
出力先は適当なローカルディレクトリで github pages の git リポジトリとして別途設定しておくと楽
これだけでひとまず静的サイト生成出来るので試しに実行してみる

ちなみにこの blog のソースは yusukezzz/yusukezzz.github.io で見ることが出来る

ダイエット

あとは git push するだけだが、恐らく余分なファイルや表示が含まれているので削りたくなるだろう
出力後のファイルに不要なものが含まれていたらプラグイン設定からエクスクルードをよしなに設定しよう

その他以下自分が気になった点と雑な改善方法を列挙しておく
（wordpress の知見がない人はあまりテーマやプラグインを弄らない方が良い）

• meta タグに不要なのが色々ある
  • wp_head() cleaner — WordPress プラグイン などで削る
• jquery が不要なのに強制的に読み込まれている
  • テーマ上で wp_head(); している箇所の前で wp_deregister_script('jquery'); する
  • テーマによっては jquery の存在を前提に jquery-plugin を使っている場合もあるので注意
• rss にコメントのフィードURLも含まれている
  • wp-includes/feed-rss2.php を適当に編集する

おまけ

静的ファイル生成時に git push まで自動で行う方法の例（プラグインを弄る）
本当に雑なやり方なので全くおすすめしない

最後に呼ばれる処理である、
/wp-content/plugins/simply-static/includes/tasks/class-ss-wrapup-task.php ファイルの
perform メソッド内で push 操作を行う
例えば
exec("cd /path/to/your.github.io; git add -A; git commit -m \"update\"; git push");
など

echo "Hello world!";