Sansanモバイル勉強会

437 Views

July 11, 24

スライド概要

profile-image
スライド一覧

Flutterエンジニア 元政治家

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

ダウンロード

関連スライド

slide-thumbnail

猫でも分かるUnreal Engineの学び方 - 超初心者向け編 - 2023 v1.0
ue4 ue5 ue-beginner
user-img エピック ゲームズ ジャパン 1.7M
slide-thumbnail

Unreal Engine5 Lumenの仕組みと肝心なところ
ue5 ue-rendering ue-lumen
user-img エピック ゲームズ ジャパン 1.4M
slide-thumbnail

UE5レンダリングフロー総おさらい(2024) 基礎編！[CEDEC+KYUSHU 2024]
ue5 unreal engine ue-rendering
user-img エピック ゲームズ ジャパン 1.2M
slide-thumbnail

Meta XR SDK(V66-74)でQuestアプリを開発
spatial anchor unity quest pro shaperecognizeractivatestate oculus integration transformfeaturestateprovider building blocks transformrecognizeractivestate ovrsemanticclassification jointdeltaprovider ovrscenemanager jointvelocityactivestate オクルージョン sequenceactivestate scene manager ambisonic depth api metaxraudiosource playerlocomotor meta xr sdk quest3 ovrplayercontroller マルチモーダル meta haptics studio direct touch ui meta xr haptics sdk ovrspatialanchor ovrtrackedkeyboard hapticclipplayer fingerfeaturestateprovider hapticclip ワイドモーションモード wmm mruk mr utility kit voice sdk jointrotationactivestate meta horizon os ui set asw application spacewarp ovr metrics tool unityscene manager colocation discovery コロケーション mx ink passthrough camera api hand tracking microgestures webcamtexturemanager passthroughcamerautils cameraviewermanager hand pose selector recorder
user-img あうぜん 1.2M
slide-thumbnail

猫でも分かる UE5.0, 5.1 におけるアニメーションの新機能について【CEDEC+KYUSHU 2022】
ue5 cedec+kyushu ue-animation ue-optimize ue-bp ue-physics ue-sequencer
user-img エピック ゲームズ ジャパン 1M
slide-thumbnail

最新の6.0で学ぶ！初めてのひとのためのSpring Security
java spring security
user-img tada 1M
各ページのテキスト
1.

iOS/iPadOS アイコンアップデートに備える Prepare for iOS app icon updates 2024.7.10 Sansanモバイル勉強会 vol. 1

2.

自己紹介 self introduction @yamazaking0 山崎 翔一 アプリエンジニア (Flutter) →地方議員 →アプリエンジニア (iOS) →インフラエンジニア これまで1~2年ほどiOSメイン+Androidちょっと

3.

目次と要点 Table of contents and key points 1. これまでのアイコンとの違い Light, Dark, Tintedモード用のアイコンが設定可能に 2. 実際にやってみる a. Xcodeでの設定方法 b. 画像ファイル c. iPhoneでの確認方法 3. 気づき • シンプルなアイコンであればそこまで問題ではない • アイコン本体が暗色の場合は注意 • アイコンのカラーモードは結構使われそう

4.

これまでのアイコンとの 違い Differences from previous icons Before(< iOS 18/ iPadOS 18) Reference: https://developer.apple.com/documentation/xcode/configuring-your-app-icon#Overview

5.

これまでのアイコンとの 違い Differences from previous icons Before(< iOS 18/ iPadOS 18) After(iOS 18/ iPadOS 18) Light, Dark, Tintedモード用のアイコンが 設定可能になった Reference: https://developer.apple.com/documentation/xcode/configuring-your-app-icon#Overview

6.

実際にやってみる I'm going to try it.

7.

実際にやってみる I'm going to try it. NDAの関係からApple公式からの引用となります

8.

実際にやってみる • Xcodeの設定 Assets→AppIcon Inspector→Appearances→Any, Dark, Tinted App Icon Name AppIcon iOS Single Size macOS None watchOS None Appearances Any, Dark, Tinted Gamut Any

9.

実際にやってみる • 画像ファイル Light (Any Appearanceと表記) デフォルトのアプリアイコン Dark • Lightでのアプリアイコンをベース • システムから背景色を設定するためバックグラウンドは除外 Tinted • グレースケールの画像として作成 (背景含む) • ほとんどのアプリアイコンでは、垂直方向のグラデーション を適用すると見栄えがよくなる Reference: https://developer.apple.com/design/human-interface-guidelines/app-icons

10.

アイコン画像の例 Examples of icon images Production Templates Sketch June 27, 2024 3.2 MB Figma June 26, 2024 Photoshop June 10, 2024 6.5 MB Apple公式からFigma, Sketch, Photoshop向けのデザインファイル Resource: https://developer.apple.com/design/resources/

11.

実際にやってみる • iPhoneの操作 画面長押し>左上に編集ボタン>カスタマイズ選択

12.

やってみての気づき Findings シンプルなアイコンであればそこまで対応 に時間はかからない Simple icons are not that problematic. アイコン本体が暗色の場合は注意 Note if the icon body is dark. アイコンのカラーモードは結構使われそう The icon colour mode is likely to be used a lot.

13.

お わ り 2024.7.10 Sansanモバイル勉強会 vol. 1 👏Thanks for watching