Lycolog

さくらのレンタルサーバーにLet's EncryptのDNS-01 チャレンジの証明書を持ち込む方法。自動更新できないので実用性はないが、一時的に使う場合に有用。

前提条件

DNS-01 チャレンジの証明書を既に作っている。

やり方

1. 発行した証明書をhomeに移す

   sudo cp /etc/letsencrypt/live/<サイトディレクトリ>/*.pem .
   sudo chown $USER:$USER privkey.pem fullchain.pem
   

2. さくらのコンパネから設定するドメインのSSL設定を開く
3. SSL証明書の種類を選択→独自SSL
4. 秘密鍵にprivkey.pemをアップロードする
5. SSL証明書インストールでfullchain.pemの中身を張り付けて登録する

このコマンドをcronとかで回し続けてれば行けそう

事前準備

Value-Domainのコンパネから登録対象のDNSレコードにaaaaレコードを足しておく。

コマンド

ipaddr=$(ip a | grep 'scope global temporary dynamic' | perl -ne '/inet6 ([^\/]+)/; print $1')
echo 'https://dyn.value-domain.com/cgi-bin/dyn.fcg?d=<ドメイン>&p=<パスワード>&h=<ホスト名>&i='$ipaddr

凡例

参考

• ダイナミックDNS機能 | バリュードメイン ユーザーガイド

フレッツ光ネクストを契約している場合で、OCNをISPとして利用している場合に、請求先クレジットカードを変更しようとすると以下の画面が出るケースがある。このときに請求先クレジットカード番号を変える方法。

やり方

1. Club NTT-Westにログイン
2. 契約確認・お手続きを開く
3. 「お支払い方法の変更」から「ご登録中のクレジットカード情報（クレジットカード会社やカード番号等）の変更お手続き」を開く
4. 頑張って変更情報を入力する
5. おわり

あとがき

OCNの請求カードを変えたいのにOCNのサイトからできないのは罠だと思う。

NTT西日本でフレッツ 光ネクストを契約しているが引っ越しの時に何故か登録住所が更新されなかったときに使える方法。

やり方

0120-116-116に電話をし、フレッツ 光ネクストの登録住所が現住所と異なるので変えて欲しいという。

備考

Club NTT-Westでは住所変更ができないので電話でやるのが早い。なんでないんだろうね？

チャットボットの選択肢にもない。

よくある質問の現在契約している回線の住所を変更したいによると有人チャットで対応してもらえるらしいので、こちらでもいいかもしれないが、画面が中々開かないので私は諦めてしまった。

なお登録住所を確認できる手段が恐らくないため、恐らく自分で気づくのは不可能。私はWebビリングに申し込んだときに面倒なエラーが発生し、電話対応が必要になり、その時に住所がおかしいと指摘されて知った。

スマホでWebを見てるときにキーボードがUIにかぶって操作しづらくなることがあるので、いくつかのサイトでどうなっているか調べてみた。

去年の9月にAndroid Edgeで調べた内容なので、今とは事情が異なるケースもある。Android Chromeでは起きなかったケースもあったので、Edge特有の挙動と思われる。

• Twitter
  • ログイン画面
  • ミュート設定
  • 投稿画面
• YouTube
  • コメント画面
  • 通報モーダル
• GitHub
  • Issueのコメント画面
• 一休
  • 検索モーダル
• じゃらん
  • 検索画面
• Amazon.co.jp
  • レビュー画面
• あとがき

Twitter

ログイン画面

キーボードが入力欄やログインボタンにかぶる。

ミュート設定

入力欄が上にあるためかぶらない。

投稿画面

入力欄が上にあるためかぶらない。

YouTube

コメント画面

キーボードがボタンにかぶる。

通報モーダル

キーボードがボタンにかぶる。

GitHub

Issueのコメント画面

入力欄が丸ごとキーボードにかぶる。

一休

検索モーダル

宿泊予算の入力が丸っとかぶる。

じゃらん

検索画面

キーボードと被らないようにするためか入力UIをモーダルにして画面トップに出すように工夫されている。これなら大抵の端末やブラウザで対応できそうなので、よくできていると思う。

Amazon.co.jp

レビュー画面

入力状態になると若干のラグの後に画面下に余白ができ、入力状態が外れると同様のラグの後、画面下の余白が消えるという挙動をする。

割と凝ったJSで何かしらの計算を行い、かなり頑張って調整しているようだった。タイムラグがあるのはイベント発火もあるだろうが、キーボードの検出や画面サイズに応じた余白計算に時間がかかっているのもあるのだろう。

ここまで凝った実装をしているのは他のサイトでは見られず、Amazon.co.jp特有に見えた。なお、Amazon.comのほうは見ていない。

あとがき

この調査時点では、じゃらんとAmazon.co.jpを除き入力欄を画面の上部に配置するなどレイアウトで調整しているサイトが比較的多く、どうしてもボタンなどが隠れる傾向があるように思った。

じゃらんは強制的に画面上部に入力欄を出すようにし、Amazon.co.jpは気合でキーボードが隠れないように調整していて、腐心の跡が見られた。

なお、今回動画を作成するにあたり一部をぼかす必要があったため、やり方を調べ実践したのでAviUtlで動画の一部にモザイクをかけ、動かす方法という記事を作成し、その過程を残している。

本動画の作成過程では上手くモザイクをかけられなかったが、上記の記事を作っているときに上手く行くようになったので、本記事の動画はモザイクではなく、ぼかしとなっている。