お知らせ

現在サイトのリニューアル作業中のため、表示が崩れているページが存在することがあります。

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

やり方

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

あとがき

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

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

やり方

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

備考

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

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

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

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

投稿日:ジャンル::雑記

定期的にデスク環境の写真を探すのだが中々見つからないのでSAOPのタペストリーが揃った記念に残しておく。

斜めと正面から見たデスク。

SAOPタペストリー3連拡大。

一番右のタペストリーが最近届いたやつで、去年の11月に注文して、今年の2月末に届いたやつだ。正直注文したこと自体忘れていたが、SAOゲームクリアデザインというだけあり、中々いい塩梅である。

左二枚のタペストリーも含めて全て10th Anniversaryのグッズなので、SAO好きな私にはたまらない光景だ。

また、ついでなので昔記事にした個人的なリモートワーク環境についてで紹介しているUSB KVMとHDMIも載せておく。ノートPCの上に載っているファンはノートPCを無理なく冷やすで書いた機構で、これがあるとないとではパフォーマンスに雲泥の差が出る。

投稿日:開発::Webジャンル::調査Webサービス

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

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

Twitter

ログイン画面

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

ミュート設定

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

投稿画面

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

YouTube

コメント画面

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

通報モーダル

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

GitHub

Issueのコメント画面

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

一休

検索モーダル

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

じゃらん

検索画面

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

Amazon.co.jp

レビュー画面

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

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

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

あとがき

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

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

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

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

意外とわかりやすいサイトが少なかったので収穫はあまりないがこんな感じ。消したらログアウトされるCookieとして調べた。

サービス名 保持期間 セッションキー
GitHub 15日 user_session
Cookpad 30日 access_token_global_v2
pixiv 30日 PHPSESSID
fantia 31日 _session_id
ドリパス 2ヶ月 remember_user_token
last.fm 1年 sessionid

Amazon.co.jpやヨドバシもしばらくアクセスしていないとログアウト食らった記憶があるので、何かしらのリミットはついてそうだが、さっと調べる程度の範疇ではわからなかった。

しかしGitHubはやたらログアウト食らうとと思ったらたった15日とは…。

ドリパスはDPSSIDがなければremember_user_tokenからセッションを生成し、DPSSIDremember_user_tokenの両方がなければログアウト状態になるようだった。DPSSIDはExpiresがSessionとなっていたため、remember_user_tokenを削除してもブラウザを落とすまではログインを継続できる。