WWDC21 Recap
disclaimer: Obviously I didn’t attend WWDC in person, but I did watch many sessions (and will keep watching them), so here’s what I found most notable
Official Recap
Let’s start with the basics. To get a rundown of everything beyond the keynote, your best bet is to watch Apple’s own recap videos. I’ll leave them here by day, and then we’ll go through the sessions I found most interesting one by one.
Monday
Tuesday
Wednesday
Thursday
Friday
Now, on to what I found interesting…
Web
Yes, Safari is a “bad” browser (I’d rather say it’s more “naive” and doesn’t assume things the way Chrome does), but Safari 15 brings a couple of changes that I find very interesting — and I’d dare say they might even change the way people browse 🤯.
On top of a bunch of new CSS properties like aspect-ratio and gap, the Safari 15 interface gets several changes. The biggest one is how the address bar is now presented: a much more minimalist bar and the ability to create tab groups, something I didn’t know I needed. The biggest change in my opinion happens on the mobile version of Safari, where the bar moves to the bottom of the screen. A change that felt necessary but that nobody dared to make because it’s quite bold (I think there was a browser on iOS a few years back that also had this new paradigm of more thumb-friendly navigation, but it never caught on).
pd: The session is hosted by ❤️Jen Simmons❤️
SF Symbols 3
Apple has its own version of Material Icons, focused on app development — that’s SF Symbols. With version 3, a lot more icons were added (obviously), plus color variants, multicolor, and a new “hierarchy” mode which is basically a monochrome with color. Yes, you can say “oh but Google already had that, big deal” and you’d be right (though it’s also true that last year there were still 300 undocumented icons and multiple sources for downloading them). In the session they talk about how to create an icon in your favorite design tool, import it into SF Symbols, and use it as if it were an official icon — plus a few solid vector best practices.
“Discoverable” apps
I really liked this video because they talk about best practices when building an app: how to group screens and features, and how gestures shouldn’t hide functionality but be a “shortcut”. Maybe nothing new for you, avid reader, but it’s always good to watch these reminder videos on best practices. Plus the little toast app is really cute (it takes photos shaped like toast and can detect when there’s toast in the camera).
Accessibility on Apple Watch
They announced this out of nowhere one day, and now they explain better how it works and how they came up with the idea of controlling the Apple Watch with just one hand. I think this is the best thing from this WWDC (yes, in bold). Accessibility isn’t just for a small group — it’s for everyone. This kind of smart use of data is what I love most, and it also opens the door to creating new things.
SwiftUI
I love SwiftUI. Have you ever tried to build a view in Objective-C?, Have you tried to understand Storyboard constraints?, UIKit? or CSS? (not the same, but everyone hates css ♥️). Anyway, SwiftUI gets updates every year and will be the standard for building apps across the entire Apple ecosystem — yes, the whole ecosystem, not just iPhone or Mac. If you’ve worked with Jetpack Compose, you’ll find it very familiar (or so I’m told — I haven’t used Jetpack Compose). One of this year’s highlights is Async/await, which is a big deal, plus a ton of improvements worthy of their own post. What I love about SwiftUI is that it reduces “fragmentation” when building an app. The same code for all devices? Bonkers.
And the most exciting part: Swift Playgrounds is now a fully functional mini Xcode on the iPad (I love the iPad — I’ll do an appreciation post about it another day). But we have to wait until September when version 4 of Swift Playgrounds drops 😩
What the internet is saying
If you search for videos online you’ll see a lot of people are disappointed not to see macOS on the iPad, since the latest iPad has the same processor as the Macbooks. But everyone forgets that the M1 chip in the Macbooks is basically the same chip that was in iPads years earlier — meaning the iPad chip moved from the iPad to the Macbook and back to the iPad again. Here’s a video from Constant Geekery that explains a bit about the M1 and the A14x:
Fun fact: I skipped the focus mode announcements because I’ve already been managing app attention really well for a while now. Thanks to Guille for sharing this interesting post.
pd: I’ll probably add more if I find something else interesting.
Original
Resumen WWDC21
disclaimer: Obviamente no fui a la WWDC, pero si vi muchas( y seguiré) de las sesiones y acá dejo lo que me pareció más notable
Resumen oficial
Partamos por lo básico, para ver un resumen de que pasó más allá del keynote, la mejor opción es ver los mismos videos de apple, acá los dejo por día y luego vamos revisando una a una las sesiones que me parecieron mas importantes.
Lunes
Martes
Miércoles
Jueves
Viernes
Ahora a lo que me pareció interesante…
Web
Si, Safari es un “pésimo” navegador (prefiero decir que es más “tonto” y no asume ciertas cosas como chrome), pero Safari 15 tiene un par de cambios que me parecen muy interesantes, y me atrevería a decir que incluso pueden que cambien como se navega 🤯.
Además de un montón de nuevas propiedades de css, como aspect ratio y gap la interfaz de Safari 15 trae varios cambios, el mayor cambio es como se nos presenta la barra de navegación, pasando a ser una barra mucho mas minimalista y la función de crear grupos de tabs algo que no sabía que necesitaba. El mayor cambio a mi parecer pasa en la version mobile de safari, donde la barra pasa a estar en la parte inferior de la pantalla, un cambio que a mi parecer era algo que se tenía que hacer pero nadie se atrevía porque es un cambio bastante bold (creo que había un navegador en iOS hace unos años que también tenia esta especie de nuevo paradigma de tener una navegación mas thumb friendly pero nunca prendío).
pd: La sesión la da ❤️Jen Simmons❤️
SF Symbols 3
Apple tiene su propio material icons, pero enfocados para el desarrollo de apps, y es SF Symbols, con la version 3 se agregaron muchos mas iconos (duh) y además variantes de color, multicolor y un nuevo modo “jerarquía” que no es mas que un monotono pero de color. Si, podrán decirme “ah pero si en google eso ya estaba no tiene ni un chiste” y es verdad (pero también es verdad que hasta el año pasado aun habían 300 iconos sin documentar y varias fuentes de donde descargar los iconos). En la sesión hablan de como crear un icono en nuestra herramienta de diseño favorita e importarlo dentro de SF symbols y poder usarlos como si fueran iconos oficiales, además de un par de buenas prácticas vectoriales.
Aplicaciones “descubribles”
Este video me gusto harto porque hablan de las buenas prácticas al momento de hacer una app, de como agrupar pantallas, funcionalidades y de como los gestos no deben esconder una funcionalidad si no ser un “atajo”, quizás nada nuevo para ud ávido lector, pero siempre es bueno ver estos videos con recordatorios de buenas prácticas, además que la app de tostaditas esta bien bonita (y saca fotos en forma de tostada y detecta cuando hay una tostada en la cámara).
Accesibilidad en Apple Watch
Esto lo anunciaron de la nada un día sin mas, y ahora explican un poco mejor como funciona y como se les ocurrio hacer esta funcionalidad de manejar el Apple watch con solo una mano. Creo que es lo mejor de este WWDC (si, en bold), la accesibilidad no es solo para un grupo pequeño, es para todos, y son este tipo de usos inteligentes de datos los que mas me gustan, además de que abren el camino para craer cosas nuevas.
SwiftUI,
Me encanta SwiftUI, ¿han tratado de armar una vista en objectivC?, ¿han tratado de entender los constrains de storyboard?, ¿UIKit? o ¿CSS? (nada que ver pero todos odian a css ♥️) bueno, SwiftUI cada año recive actualizaciones y será el estandar al momento de crear aplicaciones para el ecosistema Apple, si, el ecosistema completo, no solo iphone o macs. Si ya han trabajado en Jetpack compose, les parecera muy parecido (me dijeron, yo no he usado jetpack compose). Una de las novedades de este año es Async/await, que es un big deal y bueno un montón de mejoras que son dignas de un post aparte, lo que me gusta de SwiftUI es que reduce la “fragmentación” al momento de crear una app, un mismo código para todos los dispositivos? bonkers.
ahh y lo más emocionante, es que ahora Swift playgrounds es un mini Xcode completamente funcional en el iPad (me encanta el iPad, otro día hago un aprecciation post about it), pero hay que esperar hasta Septiembre cuando saquén la versión 4 de swift playgrounds 😩
Lo que dicen las redes
Si buscan videos en internet verán que mucha gente esta decepcionada de no ver macOS en el iPad, ya que el último iPad tiene el mismo procesador que los Macbooks, pero todo el mundo olvido que el procesador M1 de los Macbooks es el mismo de los iPad de años anteriores, o sea el procesador del iPad paso del iPad al Macbook y al iPad de nuevo… acá un video de Constant Geekery que explica un poco este tema del M1 y del A14x
Datazo Esta parte de las novedades sobre el “focus mode” la pase por alto porque ya llevo un buen rato controlando muy bien que apps se ganan mi atención, gracias a Guille por compartir este interesante post.
pd: probablemente agregué más si veo otra cosa interesante.
WWDC21 요약
disclaimer: 물론 WWDC에 직접 참석하지는 않았지만, 많은 세션을 봤고 계속 볼 거예요. 그래서 가장 인상적인 것들을 정리했어요
공식 요약
기본부터 시작해봐요. 키노트 이상의 내용을 파악하려면 Apple의 공식 요약 영상을 보는 게 제일 좋아요. 날짜별로 여기 남겨두고, 그다음 가장 흥미로웠던 세션들을 하나씩 살펴볼게요.
월요일
화요일
수요일
목요일
금요일
이제 흥미로웠던 것들로 가볼게요…
웹
맞아요, _Safari_는 “나쁜” 브라우저예요 (개인적으로는 Chrome처럼 많은 걸 추측하지 않는다는 의미에서 더 “순진한” 브라우저라고 하겠지만), 하지만 _Safari 15_에는 제가 정말 흥미롭게 생각하는 변경 사항이 몇 가지 있어요. 심지어 브라우징 방식을 바꿀 수도 있다고 감히 말하고 싶어요 🤯.
aspect-ratio나 gap 같은 새로운 CSS 속성들 외에도, _Safari 15_의 인터페이스에 여러 변화가 생겼어요. 가장 큰 건 주소 표시줄 표시 방식인데, 훨씬 미니멀한 바가 되고 탭 그룹 기능도 생겼어요. 필요한 줄 몰랐는데 생기니까 좋더라고요. 개인적으로 가장 큰 변화는 Safari 모바일 버전에서 바가 화면 하단으로 이동한 것이에요. 해야 할 변화였지만 꽤 대담한 변화라 아무도 감히 손대지 않았죠.
pd: 이 세션은 ❤️Jen Simmons❤️이 진행해요
SF Symbols 3
Apple에는 Material Icons에 해당하는 것이 있는데, 앱 개발에 초점을 맞춘 SF Symbols예요. 버전 3에서 훨씬 더 많은 아이콘이 추가됐고(당연히), 색상 변형, 멀티컬러, 그리고 기본적으로 색깔 있는 모노크롬인 새로운 “계층” 모드도 생겼어요. “아, 구글은 이미 그게 있었잖아요“라고 할 수 있고 맞는 말이에요 (작년까지 문서화되지 않은 아이콘이 300개나 있고 다운로드 소스도 여러 개였던 것도 사실이지만요). 세션에서는 좋아하는 디자인 툴에서 아이콘을 만들어 SF Symbols에 가져와서 공식 아이콘인 것처럼 사용하는 방법과 벡터 관련 모범 사례들을 이야기해요.
“발견하기 쉬운” 앱
이 영상이 정말 마음에 들었던 건, 앱을 만들 때의 모범 사례와 화면과 기능을 그루핑하는 방법, 그리고 _제스처가 기능을 숨기는 게 아니라 “단축키”여야 한다_는 이야기를 하기 때문이에요. 열심히 읽는 분들께는 새로운 내용이 아닐 수 있지만, 모범 사례 리마인더 영상을 보는 건 항상 좋은 일이에요. 게다가 작은 토스트 앱이 정말 귀여워요 (토스트 모양 사진을 찍을 수 있고 카메라에서 토스트를 감지할 수 있어요).
Apple Watch 접근성
이건 어느 날 갑자기 발표된 건데, 이번에는 한 손만으로 Apple Watch를 제어하는 이 기능이 어떻게 작동하고 어떻게 아이디어를 냈는지 더 잘 설명해줘요. 이번 WWDC에서 가장 좋은 것이라고 생각해요 (네, 굵은 글자로). 접근성은 소수의 그룹만을 위한 게 아니에요. 모두를 위한 거예요. 이런 데이터의 스마트한 활용이 가장 좋고, 새로운 것을 만드는 문도 열어줘요.
SwiftUI
SwiftUI를 정말 좋아해요. Objective-C로 뷰를 만들어본 적 있어요?, Storyboard의 제약 조건을 이해하려고 해본 적 있어요?, UIKit? CSS? (전혀 다른 거지만 모두가 _css_를 싫어하잖아요 ♥️). SwiftUI는 매년 업데이트를 받고, Apple 에코시스템 전체에서 앱을 만드는 표준이 될 거예요. 네, 전체 에코시스템, iPhone이나 Mac만이 아니라요. Jetpack Compose를 써봤다면 아주 비슷하다고 느낄 거예요 (그렇다고 들었어요. Jetpack Compose는 써본 적 없어요). 올해 하이라이트 중 하나는 _Async/await_인데 큰일이에요. 그 외에도 별도의 포스트 가치가 있는 엄청난 개선들이 있어요. SwiftUI에서 좋아하는 건 앱을 만들 때 “파편화”를 줄여준다는 거예요. 모든 기기에서 같은 코드? 미쳤어요.
그리고 가장 흥미로운 부분: Swift Playgrounds가 이제 iPad에서 완전히 기능하는 _미니 Xcode_가 됐어요 (iPad를 정말 좋아해요. 언젠가 appreciation post를 쓸게요). 하지만 Swift Playgrounds 버전 4가 나오는 9월까지 기다려야 해요 😩
인터넷에서 하는 말
온라인에서 영상을 찾아보면 최신 iPad가 MacBook과 같은 프로세서를 탑재하고 있는데도 iPad에서 macOS를 볼 수 없다는 것에 실망한 사람들이 많이 보여요. 하지만 모두가 잊는 건 MacBook의 M1 칩이 기본적으로 몇 년 전 iPad에 있던 것과 같은 칩이라는 거예요. 즉 iPad 칩이 iPad에서 MacBook으로, 다시 iPad로 돌아온 거예요. Constant Geekery의 영상이 M1과 A14x에 대해 좀 설명해줘요:
재미있는 사실: “포커스 모드” 발표 부분은 건너뛰었어요. 이미 어떤 앱이 제 주의를 가져가는지 잘 관리하고 있으니까요. Guille가 이 흥미로운 포스트를 공유해줘서 감사해요.
pd: 흥미로운 게 더 있으면 추가할 것 같아요.
WWDC21 まとめ
免責事項: 明らかに現地には行ってないけど、多くのセッションを視聴した（これからも見続ける）ので、特に注目したものをまとめておく
公式まとめ
まず基本から。キーノート以外で何があったかを知りたいなら、Appleの公式まとめ動画を見るのが一番。曜日別に置いておくので、その後に個別に気になったセッションを見ていこう。
月曜日
火曜日
水曜日
木曜日
金曜日
では、気になったものを…
Web
確かに_Safari_は「ダメな」ブラウザ（個人的には「素直すぎる」ブラウザで、Chromeみたいに色々推測してくれないという感じだと思ってる）だけど、_Safari 15_にはかなり面白い変更点がいくつかある。ブラウジングの仕方を変えるかもしれないと言っても過言じゃない 🤯。
aspect-ratioやgapなどの新しいCSSプロパティに加えて、_Safari 15_のインターフェースにも変化がある。一番大きいのはアドレスバーの見せ方で、かなりミニマルなバーになってタブグループ機能も追加された。これは使ってみたら必要だとわかるやつ。個人的に一番の変更はSafariのモバイル版で、バーが画面の下部に移動したこと。やるべきだとわかってたけど、かなり大胆な変更だから誰も踏み込めなかった（数年前のiOSにも、よりサムフレンドリーなナビゲーションのパラダイムを持ったブラウザがあった気がするけど、あれは普及しなかった）。
pd: このセッションは ❤️Jen Simmons❤️ が担当している
SF Symbols 3
AppleにはMaterial Iconsに相当するものがあって、アプリ開発向けに特化したSF Symbolsというもの。バージョン3では大量のアイコンが追加されて（当然）、カラーバリアント、マルチカラー、そして新しい「階層」モードが入った。「階層」モードはモノクロにカラーを加えたようなもの。「それ、Googleはもう昔からあったじゃないか」と言われるかもしれない。確かにそう（でも去年まで300以上のアイコンがドキュメントされておらず、ダウンロードソースも複数存在していたのも事実だ）。セッションでは、好きなデザインツールでアイコンを作ってSF Symbolsにインポートし、公式アイコンのように使う方法と、ベクター系のベストプラクティスについて話している。
「発見しやすい」アプリ
このビデオが気に入ったのは、アプリを作るときのベストプラクティス、画面や機能のグルーピング、そして_ジェスチャーは機能を隠すためではなく「ショートカット」であるべき_という話をしているから。熱心な読者のあなたには新情報じゃないかもしれないけど、こういうリマインダー的なビデオを見るのはいつも大事だと思う。あとトーストアプリがとても可愛い（トースト型の写真を撮れるし、カメラでトーストを検出してくれる）。
Apple Watchのアクセシビリティ
これは_ある日突然予告なしに発表されたもの_で、今回は片手だけでApple Watchを操作するこの機能がどう動いて、どうアイデアを思いついたかをもう少し詳しく説明している。このWWDCで一番良かったと思う（はい、太字で）。アクセシビリティは一部の人のためだけじゃなく、全員のためのもの。こういうデータのスマートな使い方が一番好きだし、新しいものを作る道も開く。
SwiftUI
SwiftUIが大好き。Objective-CでViewを組もうとしたことある？、Storyboardの制約を理解しようとしたことある？、UIKit？ CSS？（全然違うけど、みんな_css_が嫌い ♥️）。SwiftUIは毎年アップデートされていて、Appleのエコシステム全体でアプリを作る標準になるはず。iPhoneやMacだけじゃなくて、エコシステム全部。Jetpack Composeを触ったことがあれば、かなり似てると感じるはず（そう聞いてる。Jetpack Composeは使ったことない）。今年の目玉の一つは_Async/await_で、これは大きな変化。それ以外にも改善点が山ほどあって、別のポストにする価値がある。SwiftUIの好きなところは、アプリを作るときの「分断」を減らしてくれること。全デバイスで同じコード？すごすぎる。
そして一番興奮したのは、Swift PlaygroundsがiPad上で完全に動く_ミニXcode_になったこと（iPadが大好き。またの機会にappreciation postを書く）。でもSwift Playgroundsのバージョン4が出る9月まで待たなきゃいけない 😩
ネットで言われていること
ネットで動画を探すと、最新のiPadがMacbookと同じプロセッサを搭載しているのにiPadでmacOSが動かないことに失望している人が多い。でもみんな忘れてるのは、MacbookのM1チップが元々数年前のiPadと同じチップだということ。つまりiPadのチップがiPadからMacbookへ、そして再びiPadに戻ってきたわけだ。このM1とA14xの話についてConstant Geekeryの動画が少し説明してくれている：
余談: フォーカスモードの新機能については読み飛ばした。どのアプリに注意を向けるかはもうしっかりコントロールできているから。この件についてGuilleが面白い記事をシェアしてくれた。ありがとう。
pd: 他に面白いものを見つけたら追記するかもしれない。