รีวิวไปเที่ยวงาน Google I/O 21 ทิพย์

Lifestyle Jun 25, 2021

เกิดเป็นสาวก Google ก็ต้องอยากไป Google I/O อะเนอะ แต่ด้วยสถานการณ์โควิดเลยมาเที่ยวทิพย์แบบ visual กัน บล็อกเพิ่งมาทำ timing อาจจะช้านิดนึง

รูปนี้มีที่มา เป็นการร่วมกิจกรรมกับ WTM ครั้งแรกเลย และมีการชักภาพที่ระลึกกัน / ว่าแต่ wasabeef คือคนที่เขียน library android หรือเปล่านะ?

ปล. ลิ้งยาวนิดนึงเนอะ เพราะก้อปมาหมดเลย แหะๆ

ในงานจริงเขาจะมีตู้ถ่ายรูป ในปีนี้มีตู้ถ่ายทิพย์

Google I/O Photo Booth
Take a photo in the I/O Photo Booth with your favorite Google Developer Mascots! Built with Flutter & Firebase for Google I/O 2021.
https://photobooth.flutter.dev/#/

จะประมาณนี้

ส่วนงานทิพย์ตอนนี้ยังเดินเล่นได้อยู่นะ

Google I/O 2021
Google I/O returns virtually and live May 18-20.

ตัวเราก็จะประมาณนี้เนอะ

เราเดินเองน่าจะทั่วงานแหละ แน่นอน ของเด็ด ไว้หลังสุดเลยหล่ะกัน

ระหว่างที่เราเดินงานทิพย์นั้น เราก็สามารถถ่ายรูปทิพย์ และทำกิจกรรมแบบทิพย์ๆได้หลายอย่างด้วยกัน

Product Domes

เราพาเดินไปในบางซุ้มเนอะ ว่ามีอะไรบ้าง เดี๋ยวบล็อกจะยาวไป

Android

แน่นอน Android 12 มาใหม่ ต้องมี

What’s new for Android developers at Google I/O
Posted by Karen Ng, Director, Product Management & Jacob Lehrbaum, Director of Developer Relations, Android & Play As Android develop...
Android Studio Arctic Fox (2020.3.1) Beta
Posted by Paris Hsu , Product & Design, Android Android Studio Arctic Fox splash screen Note: As we announced late last year, ...
Get Android 12 | Android 12 Beta | Android Developers
Get an Android 12 on your eligible device.
What’s new in Android 12 Beta
Posted by Dave Burke, VP of Engineering Today at Google I/O we unveiled the first Beta of Android 12, one of our most ambitious ...

Wear OS ในนาฬิกาก็มีนะ

Create your first Tile in Wear OS | Android Developers
In this codelab, you’ll learn how to create your own Tile with the latest Tiles API release! In this code lab, you will build a fully customized tile from scratch and cover timelines, resources, layouts, graphics, and much more.
Wear OS by Google | Android Developers

Android for Cars บนรถยนต์

Android for Cars | Android Developers
<!-- hide description -->
Google Duo sees increased engagement and improved ratings by optimizing for larger screens
Google Duo is a simple, high quality video calling app for everyone. With the increase of people being at home during the Covid-19 pandemic, the Duo team saw a significant increase in people using the app to stay connected with friends & family, school and work.
Responsive layouts for tablets, large screens, and foldables
Android TV | Android Developers
<!-- hide description -->

Google Play Academy

Google Play services | Google Developers
Simplify your Android development, grow your user base, and monetize more effectively with Google Play services.
The top Google Play updates from I/O ’21
Posted by Alex Musil, Director of Product, Google Play This year, we announced many great new features, tools, and updates to help...
Google Play Academy for all app makers
Take free online trainings at Google Play Academy. All our courses are designed by Google experts for aspiring app makers.

Modern Android Developer ก็มาจ้า

Write your first program in Kotlin | Android Developers
In this codelab, you will write your first program in the Kotlin language.
Learn advanced coroutines with Kotlin Flow and LiveData
In this codelab, you’ll build a coroutine-based Android app that uses Architecture Components to fetch data from the network and a Room database.
Background Work with WorkManager - Kotlin | Android Developers
Android has many choices for guaranteed background work, which have various pros and cons. The WorkManager api for Android makes working in the background simple. WorkManager deals with edge cases and compatibility issues. It also can create tasks that are query-able, reusable and chain-able. WorkMa…
What’s new in Jetpack
Posted by Florina Muntenescu , Android Developer Advocate Android Jetpack is a suite of libraries, tools, and guidance to...

สุดท้าย Jetpacks ก็ต้องมีเนอะ และมีให้ตอบคำถามด้วย ตอบถูกหมดได้ item ไป

Jetpack Compose | Android Developers
Jetpack Compose basics | Android Developers
In this codelab, you’ll learn the basics of Compose.
Utiliser Hilt dans une application Android | Android Developers
Dans cet atelier de programmation, vous allez créer une application Android qui utilise Hilt pour exécuter l’injection de dépendances.

จุดนึงที่แอบฮาในวันงาน คือ คนมาตกปลาแถว Android เยอะมาก ไม่รู้ทำไม 555

Firebase

ไปต่อกันที่ Firebase กันดีกว่า

จดหมายรักถึง Firebase

Dear Firebase
Write us a note to say hello, tell us what you love, and what could be better, about Firebase. Remember to keep your responses anonymous and don’t forget to decorate your postcard with our fun stickers! We can’t wait to read your letters.

มาเล่นเกมส์สนุกๆกับการวาดรูปกันดีกว่า

Quick-Draw, powered by Firebase
Come play the Firebase powered Quick-Draw. Let the AI bot figure out what you draw!

มาทำ Codelab กันดีกว่า

Protect your data with Firestore Security Rules | Firebase
Learn how to protect your Firestore data with Security Rules
Add Firebase to your TFLite-powered iOS App
In this codelab you’ll learn how to add Firebase features to an existing app using TensorFlow Lite.
Get to know Firebase for Flutter
Build a Flutter mobile app from scratch with Firebase. You’ll use the FlutterFire packages to talk to Firebase Auth and Cloud Firestore. This is a great introduction to using the Firebase console and integrating Firebase into a Flutter app.
Add subscription payments to your web app with Firebase Extensions & Stripe
In this codelab, you’ll add subscription payment functionality and manage access to paid content in your web app using Firebase Extensions, Firebase Authentication, Cloud Firestore, and Stripe.
Measuring Load time and Screen Rendering with Firebase Performance
In this codelab, you’ll build a sample app and learn how to measure the Load time and Screen Rendering with Firebase Performance Monitoring.
Local Development with the Firebase Emulator Suite
Learn how to develop a web app with the Firebase Emulator Suite.
Your First In-App Messaging Experiment | Firebase
In this codelab you’ll create your first Firebase In-App Messaging experiment using FirebaseA/B Testing.
Distribute your pre-release iOS builds faster with App Distribution and fastlane
In this codelab, the user will use App Distribution and our fastlane plugin together to distribute an iOS build and register test devices. Then, the user will export a .txt file of devices and UDIDs from the App Distribution console and automate registering these devices (a requirement for distribut…
Spelling Practice Game using Google Assistant and Cloud Firestore

และมาส่วนแสดง demo กันเนอะ

Improve Your App
Firebase for Web demo

Web

เรียกได้ว่าแหล่งขุมทรัพย์ดีๆนั่นเองงงง

เริ่มที่น้อง Fugu

Explore new and upcoming browser capabilities for your PWA: From Fugu With Love

https://io-ptz.dev/

PWA จ้า

Serving AVIF Images | Google Codelabs
Engage your web app’s users with push notifications
Learn how to engage your web app’s users with push notifications.
Capture media with WebRTC | Google Developers
Learn how to capture media with WebRTC, a free and open source project that provides web browsers and mobile apps with real-time communication through simple APIs.

https://storage.googleapis.com/tfjs-models/demos/pose-detection/index.html?model=movenet

Core Web Vitals

Web Vitals
Essential metrics for a healthy site
PageSpeed Insights
Using the CrUX Dashboard on Data Studio
Data Studio is a powerful data visualization tool that enables you to build dashboards on top of big data sources, like the Chrome UX Report. In this guide, learn how to create your own custom CrUX Dashboard to track an origin’s user experience.
The 2020 Web Almanac
The Web Almanac is an annual state of the web report combining the expertise of the web community with the data and trends of the HTTP Archive.
Using the Chrome UX Report API
Learn how to use the Chrome UX Report API to get easy, RESTful access to real-user experience data across millions of websites.
Improve your website with Web Vitals | Google Developers
Learn how to improve your website with Web Vitals, essential metrics for a healthy website.

DevTools

Chrome DevTools - Chrome Developers
Chrome DevTools is a set of web developer tools built directly into the Google Chrome browser.
DevTools - Chrome Developers
Build the next generation of web experiences.
Build user-adaptive interfaces with preference media queries
Learn how to build an adaptive web form, one where each user receives a tailored interface that reflects their preferences at that given time.
Learn CSS
An evergreen CSS course and reference to level up your web styling expertise.
What’s New in DevTools
Wondering what new developer features the latest Chrome release has to offer? Kayce Basques walks us through the new features and major changes coming to Chr...

Search อันนี้เหมาะกับคนทำเว็บ ทั้ง developer และ writer ธรรมดาแบบเลา

Google Search Console
SEO Starter Guide: The Basics | Google Search Central
A knowledge of basic SEO can have a noticeable impact. Explore the Google SEO starter guide for an overview of search engine optimization essentials.
Fix a single-page app for Google Search | Google Codelabs
In this codelab, you’ll fix a single-page app’s SEO issues.

Performance

Squoosh
Compress and compare images with different codecs, right in your browser
EStimator.dev: the modern JavaScript savings calculator
Houdini.how
The community-driven resource library of CSS Houdini worklets. Learn about CSS Houdini, its APIs, usage, polyfills, and browser status, to take advantage of the Houdini APIs today.

Security, Privacy & Identity

Build your first WebAuthn app | Google Codelabs
Learn how to build a website with a simple reauthentication functionality that uses a fingerprint sensor.
⚡️ Demo: Event-Level Conversion Measurement API
User-Agent 👀 Client Hints
Web OTP API Demo
A cool thing made with Glitch

LIT อันนี้ไม่รู้ว่าคืออะไร แหะๆ

Playground – Lit
Simple. Fast. Web Components.
Lit for React Developers | Google Codelabs
In this codelab, you’ll learn how to translate React concepts to Lit

AMP จ้า

Get Started
AMP Page Experience Guide
Analyze and learn how to optimize your AMP pages for Google’s Page Experience ranking signal.
Getting Started with Page Experience
We dive into the new Page Experience ranking metric and how you can give your users the best possible experience. It doesn’t matter if you are anxious about ...

Angular

จบที่อ่านการ์ตูนกันจ้า

Google Chrome
Look under the hood of Google Chrome in this comics interpretation of key engineering decisions with art by Scott McCloud.

Flutter

ช่วงนี้นกฟ้าอ้วงๆกำลังมา

มาในส่วน Getting Start กันก่อนจ้า

Build apps with Flutter | Google Developers
Learn to build beautiful, natively compiled desktop, mobile, and web applications from a single codebase with Flutter.

With Google

Get to know Firebase for Flutter
Build a Flutter mobile app from scratch with Firebase. You’ll use the FlutterFire packages to talk to Firebase Auth and Cloud Firestore. This is a great introduction to using the Firebase console and integrating Firebase into a Flutter app.
Launching Google Ads Campaigns with Google Analytics Custom Events and Flutter
In this codelab, You will learn how to implement custom events with GA4F and launch app action campaigns through Google Ads.
Implement Material Design with Material Components for Flutter
Learn to follow Material Design guidelines to build beautiful and functional UIs for Flutter apps.
Adding an AdMob banner and native inline ads to a Flutter app
In this codelab, you’ll learn how to add AdMob inline ads (Banner and Native) to a flutter app.
Add Firebase to your Flutter app
Learn to integrate Firebase products to your Flutter app, for seamless frontend and backend mobile app development.
pay | Flutter Package
pay - A plug-in to add support for payments on Flutter applications.

Dart

DartPad Workshops
https://flutter.dev/go/sliver-workshop
DartPad Workshops
https://flutter.dev/go/null-safety-workshop
DartPad Workshops
https://flutter.dev/go/inheritedwidget-workshop

เด็ดสุดคือมี cheat sheet ให้ด้วย

Dart cheatsheet codelab
Interactively learn (or relearn) some of Dart’s unique features.

Cross-platform เป็นพวก demo ต่างๆ

Flutter Plasma
Flutter app demonstrating Flutter web rendering
gskinner: leaders in Flutter design and development
Flutter empowers us to build robust, beautiful apps that run on mobile, desktop & the web for clients including Google, Adobe & smart startups.

Material Design

ขอจบเดินตามซุ้มแค่นี้เน้อออ เดี๋ยวบล็อกมีแต่ลิ้งยาวไป 555

ในส่วนของตัว Design มี podcast ด้วยจ้า

Design Notes
Design Notes is a Google Design podcast about creative work and what it teaches us, hosted by Liam Spradlin. Each episode we talk with people from unique creative fields to discover what inspires and unites us in our practice.
Design an Adaptive Layout with Material Design | Google Codelabs
Learn how to use Material Design’s new adaptive design principles to design for large screens.

มี codelab UX Writing ด้วยอ่ะ

Material’s Communication Principles: Intro to UX Writing
In this codelab you’ll learn to apply Material’s communication principles for clear and concise UI text.
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
Material Components
Share your videos with friends, family and the world

ในส่วนที่ใช้กับ Android

Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

https://goo.gle/compose-material-catalog

Compose Material | Android Developers

ในส่วนที่ใช้กับ Web

Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.

ก็แค่นี้ก่อนเนอะ เดี๋ยวจะเอาไปทำ content อื่นๆต่อไป

Experiences

อันนี้คือดีแบบดีมากๆ แต่ก็นำชมได้แค่บางส่วนที่พีคๆแหละ

แน่นอนว่า หน้าเวที โลโก้งาน เก็บให้ครบจ้า

ตรงนี้เดินมาเจอวันสุดท้ายเลย Commulity Lounge จ้า ที่กว้างใหญ่จริงๆ และเจอ Web GDE คนนึงโดยบังเอิญแบบงงๆ

Blob Opera

น้องมา 4 คน เป็นมาช่วยร้องเพลงด้วยกัน ซึ่งจะแทนเสียงสูงตํ่าของชายหญิง อันประกอบด้วย

Blob Opera - On Tour! by David Li in collaboration with Google Arts & Culture - Experiments with Google
Since 2009, coders have created thousands of amazing experiments using Chrome, Android, AI, WebVR, AR and more. We’re showcasing projects here, along with helpful tools and resources, to inspire others to create new experiments.
Blob Opera - Google Arts & Culture
Create your own opera inspired song with Blob Opera - no music skills required ! A machine learning experiment by David Li in collaboration with Google Arts & Culture

จะเริ่มที่ เบส เสียงตํ่าของผู้ชาย, เทเนอร์ เสียงสูงของผู้ชาย, เมซโซโซปราโน เป็นเสียงระหว่างเสียงตํ่ากับเสียงสูง (อัลโต คือเสียงตํ่าของผู้หญิง) ของผู้หญิง และ โซปราโน เสียงสูงของผู้หญิง

Shared Piano

ในวันงานมันจะคึกคักหน่อย ที่มีคนเข้ามาเล่นเยอะ เล่นกันเพราะๆทั้งนั้นเลย สูงสุดน่าจะได้ 10 คนเลย

Shared Piano - Chrome Music Lab
Play music together live on the web with this simple tool for remote teaching and collaboration.

เราจะจิ้มไปที่จอ หรือกด keyboard ได้ ในแถวที่มี a แถวเดียวเลย

และเด็ดสุด ก็จะอยู่ท้ายสุด นั่นคือออออ

Wellbeing

ทาง Google คงกลัวเราเหงา เลยมีกิจกรรมอะไรให้ทำ ซึ่งอันที่เราเจออันแรกก็คือ เล่นโยคะจ้า

ในทวิตเราลงแค่บางส่วนไป มีโยคะ จัดดอกไม้ ขี้จักรยาน storytelling ก็มา สอนหายใจ สอนนั่ง นอนหลับอย่างไรให้ดี คือเยอะมาก เดี๋ยวจะแปะแต่ละอันให้ดู ยันเต้น kpop ไปแต่งหน้า drag อ่ะ

ทำเป็น playlist ไว้ดังนี้ เผื่อจะเอาไปทำ content ต่อ

Google I/O 2021 : Wellbeing
Share your videos with friends, family and the world

แถม? วิธีการเก็บ item สุดลับในงาน

https://twitter.com/angular/status/1395054173331279875
https://twitter.com/SWebCEO/status/1394884352086003712

พอใช้ base64 จะได้แกน x และ แกน y ออกมา จะได้ x=80 และ y=8 ลองกะๆดูจะได้แบบนี้


แชร์ประสบการณ์การไปร่วมกิจกรรม Women Techmakers community Meetup [EMEA/APAC]

กิจกรรมจัดประมาณสี่โมงเย็นของประเทศไทย ในวันที่ 20 พฤษภาคม 2564 เป็นงาน meetup เนอะ กิจกรรมนี้มี host 2 คน คือ Matthew Ranocchiari กับ Nayeon Kim

ระหว่างรอคนเข้ามามีการเปิดเพลงด้วยเนอะ แล้วก็มีคนถามว่าอันนี้เพลงอะไรเหรอ

https://www.youtube.com/watch?v=HzOjwL7IP_o

ส่วนอีกเพลงยังไม่ได้เปิด แหะๆ สมาชิกวงนี้ชื่อน้องหนาว น้องน่า น้องหนิง และน้องเจล

ใน session ก็มีให้เราแนะนำตัวในแชท พูดคุยตอบคำถามต่างๆกันก่อน เป็นกิจกรรม ice breaking จากนั้นพามาอัพเดตว่าทาง Women Techmakers มีอะไรใหม่ๆบ้าง

Women Techmakers ตอนนี้มี 1000+ ambassadors และ 80,000+ members ซึ่งเราเป็น members กับทางนี้มานานแล้วหล่ะ สามารถดูรายละเอียดและสาวๆสมัครได้ที่นี่จ้า

Women Techmakers
Building a world where all women can thrive in tech by providing visibility, community, and resources.

จากนั้นมีกิจกรรม group networking session กับ 4 ชุดคำถาม

จบท้ายด้วยชักภาพเป็นที่ระลึกกันที่ป้าย logo IO กันจ้า

เก็บภาพไว้เยอะเลยแหละ โอกาสครั้งนึงชีวิต ถึงแม่จะเป็นงานทิพย์ก็เถอะ

และคุณนายอนก็พาเที่ยวในงานด้วย (แต่ความน่ากลัวคือ มีผู้ชายคนนึง ตามคุณนายอนไปทุกที่เลย น่ากลัวสุด ฮืออออออ)


download แอพอ่านบล็อกใหม่ของเราได้ที่นี่

MikkiPastel - Apps on Google Play
First application from “MikkiPastel” on play store beta feature- read blog from https://www.mikkipastel.com by this application- read blog content by chrome custom tab- update or refresh new content by pull to refresh- share content to social network
https://play.google.com/store/apps/details?id=com.mikkipastel.blog

ติดตามข่าวสารและบทความใหม่ๆได้ที่

อย่าลืมกด like กด share บทความกันด้วยนะคะ :)

Posted by MikkiPastel on Sunday, 10 December 2017

ช่องทางใหม่ใน Twiter จ้า

และ YouTube ช่องใหม่จ้า

mikkicoding
Android Developer & Content Creator
https://www.youtube.com/channel/UCtGbMSe4i7NJiKQ271Fezcg

Tags

Minseo Chayabanjonglerd

I am a full-time Android Developer and part-time contributor with developer community and web3 world, who believe people have hard skills and soft skills to up-skill to da moon.