お知らせ

現在サイトのリニューアル作業中のため、全体的にページの表示が乱れています。

SMBC VISAを事故カードとして止めて再発行したので再登録しようとしたら上手くいかなかったので、その解決録。

事象

Googleウォレットを開き、ウォレットに追加→クレジットカードまたはデビットカードを追加からiDへの登録を行うと「GoogleウォレットでiDをご利用いただけます」的なダイアログが表示され、そのまま進めていくと内容がよくわからないエラー(標準エラー+エラー理由が空欄)に遭遇し、登録に失敗する。

解決できた方法

iDアプリを経由してGoogleウォレットを開き、登録手続きを進めていくと無事登録できた。

iDアプリ経由だと規約同意画面が出てきたが、Googleウォレット直だとこれが出なかったので、何かしらの連携が必要だったのかもしれないがよくわかっていない。とりあえず登録できたので良し。

あとがき

Xを眺めている感じ同様の事象に遭遇してそうな人を多く見かけるので何かの解決になったらいいなぁ…。

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

paste-image-2025-37-3_16-36-44-276.png

やり方

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

あとがき

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

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

やり方

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

備考

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

paste-image-2025-27-3_16-26-35-248.png

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

paste-image-2025-26-3_16-25-33-67.png

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

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

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

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

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

20250301_091118506.JPG
20250301_091125980.JPG

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

20250223_003737821.JPG
20250301_221627316.JPG

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

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

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

20250301_092546826.JPG

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

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

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

Twitter

ログイン画面

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

tw1.jpg

ミュート設定

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

tw3.jpg

投稿画面

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

tw4.jpg

YouTube

コメント画面

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

yt1.jpg
yt2.jpg

通報モーダル

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

yt3.jpg
yt4.jpg

GitHub

Issueのコメント画面

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

gh3.jpg
gh4.jpg

一休

検索モーダル

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

ikyu1.jpg
ikyu2.jpg

じゃらん

検索画面

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

jara1.jpg
jara2.jpg

Amazon.co.jp

レビュー画面

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

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

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

あとがき

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

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

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

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