Slide 1

Slide 1 text

WWDC 2023 Recap LT
 2023/6/21 まぁし


Slide 2

Slide 2 text

知念 昌史 / まぁし Twitter@chocodogmagic
 ● 沖縄でリモートワーク/元・美容師
 ● 技術コミュニティ運営
 ○ PWA Night(東京)/ v-okinawa(沖縄) 
 ● Vue.js/Nuxt/Jamstack/セマンティックHTML/PWA/
 アクセシビリティ/SEO/パフォーマンス改善/CMS
 ● スプラトゥーン3(弓:S+17 / XP1900)
 ● ポケモン:スカーレット:育成がんばり中
 株式会社TAM/TAMTO:フロントエンドエンジニア 兼 個人事業主


Slide 3

Slide 3 text

Design for spatial user interfaces
 https://developer.apple.com/videos/play/wwdc2023/10076/ 


Slide 4

Slide 4 text

Use multiple layers


Slide 5

Slide 5 text

Safariのアイコンを例に考える


Slide 6

Slide 6 text

Use multiple layers
 


Slide 7

Slide 7 text

レイヤーで分解する


Slide 8

Slide 8 text

Use multiple layers


Slide 9

Slide 9 text

横から見ると・・・


Slide 10

Slide 10 text

Use multiple layers


Slide 11

Slide 11 text

すりガラス風のWindow


Slide 12

Slide 12 text

外が明るくても暗くても溶け込む


Slide 13

Slide 13 text

すりガラス風のWindow
 


Slide 14

Slide 14 text

すりガラス風のWindow
 


Slide 15

Slide 15 text

font-weightは太く
 大画面でも見やすいように


Slide 16

Slide 16 text

iOSでRegular → spatialではMediumへ


Slide 17

Slide 17 text

色を使う時はテキストではなく背景に


Slide 18

Slide 18 text

他にも情報が盛りだくさん!
 WWDCの動画を見てみてね!


Slide 19

Slide 19 text

ありがとうございました!
 Twitter まぁし@chocodogmagic
 フォローしてね
 PWA Nightは
 毎月第3水曜日
         参加してね!
 平日9:00〜SpacesでWeb情報発信中! 
 TAMで一緒にお仕事しませんか?
 お仕事のご依頼・各職種の採用も募集中