tmegos blog

スクールアイドルがすきです

iOS/iPadOS 13のSafariでページ全体や一部がレンダリングされない問題に対するワークアラウンド

背景

業務でWebアプリを開発しているのですが、iPadOS 13のSafariにて以下のような事象が発生しました

  • ページ全体が真っ白になる
  • ページの一部が欠ける
  • 真っ白になったり、一部が欠けたりしたときにWebインスペクタを使うとDOM自体は存在している
  • 画面をタップ、スクロールするとレンダリングされる

iOS 13 Safari Not Rendering などで調べてみるといくつかスレッドが上がっていました
しかし、問題解決までには至っていないようでした

Safari on iOS 13.1.2 Not Rendering Correc… - Apple Community

https://discussions.apple.com/thread/250673539

Webアプリを使う人にとっては単純に「Webアプリが使えない」と思ってしまうので、あまりやりたくないですがワークアラウンドを考えてみました

対策

初期表示にスクロールさせてレンダリングされるようにしました

画面をタップ、スクロールするとレンダリングされる

という事象から、アプリ側で強制的にスクロールさせました
Safari側で対応してくれればいいのですが…

擬似コード

レンダリングが終わった = function () {
  // y軸方向に1pxずらす
  setTimeout(function () {
    window.scrollTo(0, 1);
  }, 100);
  // 1pxずらしたので戻す
  setTimeout(function () {
    window.scrollTo(0, 0);
  }, 200);
}

Twitterでトロとパズルのデータ連携をできるようにする

トリッキー過ぎて偶然できたのでメモ
アプリのバージョンはiOS版のv1.0.3です

今日現在、Twitterでデータ連携しようとして、Twitterにログインしても、

「Error: Failed to find request token in session」
と表示され、連携に失敗してしまうようです

f:id:tmegos:20191005160807p:plain

この画面から、右上の再読み込みボタンを押します

f:id:tmegos:20191006111254p:plain

すると「登録完了」と表示され、アプリに戻ると、

f:id:tmegos:20191005161336p:plain

連携中と表示されるようになりました!

f:id:tmegos:20191005161356p:plain

データを引き継ぐときも同じようにすればOKです
これで、iPhoneiPadなど複数の端末で遊べそうです!

このようなことをしなくても連携ができるようになればいいですね

トロともりもり - PS3

トロともりもり - PS3

Apple IDの2ファクタ認証をしたつもりが2ステップ確認になっていたので設定した

背景

Apple Developer Programの更新をするためにApple IDでログインしたところ、2ファクタ認証が設定されていないエラーになっていました

f:id:tmegos:20190910233345j:plain

メインのApple IDとApple Developer ProgramのApple IDを分けていたため、回復用の電話番号のみを登録していました
しかし、これだけではNGだったようです

対応

以下を参考に、Macでアカウントを作成してサインインを行いました

iseebi.hatenablog.com

GitKrakenのv6.1.0から翻訳ファイルの読み込みがサポートされました

support.gitkraken.com

An un-bundled version of GitKraken’s strings file has been added. Users can edit/replace for use in non-officially supported languages. This file can be located at {appLocation}/Resources/app.asar.unpacked/src/strings.json.

続きを読む

非SSLでプライバシー保護の権限を有効にしてテストする

Google Chromeで非SSL環境のサイトに対してカメラのテストを行う必要がありました
この場合は起動オプションに--unsafely-treat-insecure-origin-as-secure=テストしたいURL --user-data-dirをつけることでカメラのアクセス権限を与えることができました

続きを読む