特定の端末のみで起こる WebView プチフリーズを Tracing を利用して追った話 - SmartNews Engineering Blog
こんにちは、スマートニュース株式会社の紀平です。 SmartNews のアプリ内では、最近 WebView を使った機能を多数公開しております。そのうちの一つにショッピングチャンネルという機能があるのですが、今日はそのショッピングチャンネルのタイムセール枠で以前発生した、謎のプチフリーズ問題の調査手法をご紹介します。 tl;dr 特定の Android 端末でプチフリーズが発生した 再描画領域を減らすことで現象は改善した Chrome の Tracing 機能を利用し、ブラウザのソースコードまで参照して、ついに根本原因まで突き止めた タイムセールで起こった問題 タイムセールは、SmartNews のショッピングチャンネル内において WebView で提供されている、期間限定のお得な商品をアグリゲーションした機能です。EC サイト各社のご協力の上にご提供しております。内部は HTML5 で開
Ubieが2024年にReact Nativeを選ぶ理由
Ubieでは、Ionic(Capacitor)でガワアプリ的に実装されていたモバイルアプリ(Android/iOS)を、2024年初頭にReact Native (with Expo)にリプレイスしました。 「なぜ今更React Nativeを？」という方もいらっしゃると思います。本記事では、UbieにとってReact Nativeがフィットした理由や検討した点を紹介します。Ubieの技術資産、人材、事業展望などのコンテキストを前提とするものであり、一般的な技術の良し悪しを論じる記事ではないことに注意してください。 Full-Stack TypeScript Ubieのプロダクト開発チームでは、フロントエンドエンジニア/バックエンドエンジニアといった技術領域での担当分けは原則せず、プロダクト開発エンジニアとして企画から開発、分析などに一貫して携わっています。 このように仕事を広く持つ前提で
Tauri 2.0 Stable Release
We are very proud to finally announce the stable release for the new major version of Tauri. Welcome to Tauri 2.0! What is Tauri?Section titled “What is Tauri?” In a Tauri application the frontend is written in your favorite web frontend stack. This runs inside the operating system WebView and communicates with the application core written mostly in Rust. When Should I Use Tauri?Section titled “Wh
WebView のリモート デバッグ | Chrome DevTools | Chrome for Developers
Chrome デベロッパー ツールを使用して、ネイティブ Android アプリの WebView をデバッグします。 Android 4.4（KitKat）以降では、DevTools を使用してネイティブ Android の WebView コンテンツをデバッグします。 説明します。 概要 ネイティブの Android アプリで WebView デバッグを有効にします。Chrome DevTools での WebView のデバッグ デバッグ対応の WebView のリストに chrome://inspect でアクセスします。 WebView のデバッグは、リモート デバッグでウェブページをデバッグすることと同じです。 デバッグ用の WebView を設定する WebView のデバッグをアプリ内から有効にする必要があります。WebView のデバッグを有効にするには、次の呼び出しを呼
WebViewからReact Nativeの関数を型安全に呼び出す
今までCapacitor(=WebViewのみ)で実装されていたユビーのモバイルアプリ(Android/iOS)を、React NativeとWebViewを組み合わせたハイブリッドアプリとして刷新しています。その過程で、WebView内で実行されるJavaScriptから、React Native側で定義した関数を型安全に呼び出せるライブラリを実装しました。その使用例と仕組みを紹介します。 使い方 React Native側の実装 まずライブラリをインストールします。Peer dependenciesであるreact-native-webviewとcomlinkも入れてください。 npm install @react-native-webview-rpc/native npm install react-native-webview comlink # peer dependencies
Rust製ブラウザエンジンの「Servo」がElectron代替を目指す「Tauri」への組み込みに対応、プロトタイプとして実装
Rust製ブラウザエンジンの「Servo」がElectron代替を目指す「Tauri」への組み込みに対応、プロトタイプとして実装 Linux Foundation傘下でRust製のWebブラウザエンジンとして開発が進められている「Servo」は、Electron代替を目指すフレームワーク「Tauri」への組み込みサポートを、プロトタイプとして実装したことを明らかにしました。 Servo can now be used in an experimental build of WRY, the webview library behind Tauri! More on offscreen rendering, multiple webviews, and other embedding improvements ↓ pic.twitter.com/jElJUusZZU — Servo (@Se
Rust製ブラウザエンジンの「Servo」、アプリに組み込み可能なクロスプラットフォーム対応WebView化を目指す。Electron代替を目指す「Tauri」への組み込み実現へ
Rust製ブラウザエンジンの「Servo」、アプリに組み込み可能なクロスプラットフォーム対応WebView化を目指す。Electron代替を目指す「Tauri」への組み込み実現へ Rust製のWebブラウザエンジンとして開発が進められている「Servo」は、Servoをアプリケーションに組み込み可能なクロスプラットフォーム対応WebVeiwとする方向で開発を進め、それをアプリケーションフレームワークのTauriと協力してTauriがサポートする予定であることを発表しました。 TauriはElectronの代替を目指す、Web技術を用いてアプリケーションを開発するためのフレームワークです。 参考：Electron代替を目指すRust製フレームワーク「Tauri」がバージョン1.0に到達、Windows/Mac/Linuxに対応 現在のTauriは、UIのレンダリングエンジンとして、Windo
iOS14におけるSafari以外のブラウザへのITP (Intelligent Tracking Prevention) 適用についての調査 - Flicker's Style++
iOS14におけるITPの影響の調査 結論 (推測含む) これまでの経緯 2019/12/23 2020/6/22 2020/9/17 動作確認 影響範囲 影響する条件 想定影響数 そもそも はっきりしない点 iOS14におけるITPの影響の調査 結論 (推測含む) iOS14のリリースの タイミングで Safari以外のブラウザアプリ及びWebviewアプリにITPがデフォルトで有効になった模様。 つまり、iOS上のChromeやFireFoxなどのブラウザも全てITP (Intelligent Tracking Prevention) がデフォルトで有効になり 3rd Party Cookie によるトラッキングは不可になった。 さらに、iOS13以前の端末でもこのタイミングで新規にブラウザやWebviewアプリをインストールした場合はITPがデフォルト有効になってしまう事象を観測した
Electron代替を目指すTauriがGUIライブラリ「tauri-egui 0.1.0」をリリース
Electronの代替を目指す軽量なRust製フレームワーク「Tauri」の開発チームは、Tauriで使えるGUIライブラリの初めてのリリース「tauri-egui 0.1.0」をリリースしました。 Today is soon™️ Remember when we promised you the ability to make interactive windows without any HTML/CSS/JS or even a system webview? Now you can! Just click the link below to learn how to try out tauri-egui and integrate into your own app.https://t.co/QECA9Q85Yr — Tauri (@TauriApps) September 19,
Tauri on mobile 現状確認会 - laiso
tauri.app Tauri とは Electron代替として作られたRust製のGUIアプリケーション開発ツールキット。 ユーザーは各プラットフォームのWebViewで動くHTML+JavaScriptでUI開発をして、裏側はRustで書いたネイティブバイナリにコンパイルされるプログラムを呼び出す。 実際の実装のイメージが以下で、Electronに使い方は似せられている。 tauri.app Electronは特製ChromiumとNode.jsをユーザーのアプリケーションに同梱することでポータビリティを担保させているのに対して(find /Applications -name "Electron Framework.framework" コマンドを実行してみると大抵どんな環境にもElectronが10匹ぐらい居る) TauriはOSが用意しているWebViewにリンクして、スクリプト
Electronの代替を目指す軽量なRust製フレームワーク「Tauri」、リリース候補版に到達
WindowsやmacOS、Linuxなどのクロスプラットフォーム対応のデスクトップアプリ開発を容易にするフレームワークとして高い人気を持つフレームワークが「Electron」です。 ElectronはChromiumとNode.jsを用いることで、HTML/CSS/JavaScriptのWebテクノロジーによってデスクトップアプリケーションを開発できるのが最大の特徴です。 いまやElectronは、Visual Studio CodeやMicrosoft Teams、Slack、GitHub Desktop、そして最近話題のNotionなど、さまざまなアプリケーションに採用されています。 このElectronの優れた特徴を備えつつ、よりメモリ消費量が小さくファイルサイズもコンパクトで、高いセキュリティを備え、柔軟なライセンスを実現しようと開発されたのが「Tauri」です。 Tauriは、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Android WebView BackgroundSync is Disabled, How to Acivate it?
WebView Test - Apps on Google Play
sec-guide-android-lint/AddJavascriptInterface.md at master · recruit-tech/sec-guide-android-lint
Security checklist | Android Developers