概要

• WebKitのGitHubリポジトリの changelog を追うという夏の趣味
• WKWebView におけるService Workerや新機能への興味
• Liquid Glass などiOS 26の新UI要素とwebviewとの関連性
• Apple独自のCSSプロパティ -apple-visual-effect の発見と制限
• シームレスなwebview統合がアプリ体験を左右するという考察

WebKitのchangelogを追う理由

• WebKitの changelog を定期的に確認する習慣
• モバイルアプリ内の webview 開発に従事
• iOSの次期バージョンの新機能を事前に把握する目的
• WWDCでの Service Worker サポート発表待望
• 現状は自力で調査・情報収集が必須

Liquid GlassとWebviewの接点

• WWDC 2025で話題となった Liquid Glass UI
• iOS 7以来の大きなUI変革
• ネイティブUI中心の話題だが、 webview にも影響
• WebKitのプルリクエストで -apple-visual-effect CSSプロパティを発見
• iOS 26では -apple-system-glass-material でLiquid Glass利用可能
• 旧バージョンでも -apple-system-blur-material-thin 等の標準マテリアル利用可

実際の利用と制限事項

• Safariや通常のWebでは -apple-visual-effect は動作しない
• WKWebViewでもデフォルトでは利用不可
• WKPreferences の useSystemAppearance を有効化する必要
• この設定は プライベートAPI であり、App Store審査に非対応
• 開発者による非公式手法で動作確認は可能
  • CSS例:

    .toolbar {
      border-radius: 50%;
      -apple-visual-effect: -apple-system-glass-material;
      height: 75px;
      width: 450px;
    }
    

• @supports でLiquid Glass対応/非対応の分岐も容易

アプリ内Webviewの評価と考察

• 一般開発者が -apple-visual-effect を利用できない現状
• しかしAppleがこの機能を開発した以上、社内で何らかの用途があると推察
• シームレスなwebview統合 がアプリ体験を向上させる要因
• 違和感のないwebviewはユーザーに気付かれない
• 実は日常的にiOS内でwebviewを利用している可能性

まとめと今後の展望

• Webviewの進化により ネイティブとWebの境界 が曖昧化
• Apple独自機能の一般開放に期待
• 今後も changelog を追うことで最新動向を把握
• シームレスなUI体験の実現がwebviewの評価を左右