2013年6月19日水曜日

Chrome & Apps Sessions at Google I/O 2013 #io13

Finally... this is the last one of the Google I/O 2013 blog post series! I've tried to include all the videos, session abstract links, slides, GDL contents, codelab materials etc but if you see anything missing please let me know :D

You can see the full list here:

Keynote and Techtalks
Android Sessions
Chrome & Apps Sessions
Cloud Platform Sessions
Geo Sessions
Google+ Sessions
Ads, Wallet and Knowledge Sessions
YouTube Sessions
Google Glass Sessions
Codelab Materials


Videos

One of the highlights at Google I/O 2013 was Web Components, so let's start with that one.

Web Components

Web Components: A Tectonic Shift for Web Development

Session Abstract: https://developers.google.com/events/io/sessions/318907648
Slides: http://www.webcomponentsshift.com/#1
            https://github.com/ebidel/webcomponentsshift



Web Components in Action

Session Abstract: https://developers.google.com/events/io/sessions/324149970




Chrome Packaged Apps

Chrome Packaged Apps are important as well!

The Chrome Packaged Apps State of the Nation 

Session Abstract: https://developers.google.com/events/io/sessions/327862203



Upgrading to a Chrome Packaged App

Session Abstract: https://developers.google.com/events/io/sessions/326973874
Slides: http://goo.gl/4nMhB



Chrome DevTools

Some sessions focused on Chrome Dev Tools :

Chrome DevTools Revolutions 2013

Session Abstract: https://developers.google.com/events/io/sessions/325206725
Slides: http://goo.gl/RNqs1



A Trip Down Memory Lane with Gmail and DevTools

Session Abstract: https://developers.google.com/events/io/sessions/325547004
Slides: http://goo.gl/jLciK



Performance

Many sessions on performance

Automating Performance Best Practices with PageSpeed

Session Abstract: https://developers.google.com/events/io/sessions/325313237
Slides: http://goo.gl/oPcCZ



Jank Free: Chrome Rendering Performance

Session Abstract: https://developers.google.com/events/io/sessions/325933151
Slides: http://goo.gl/4aw2d



Accelerating Oz with V8: Follow the Yellow Brick Road to JavaScript Performance

Session Abstract: https://developers.google.com/events/io/sessions/324908972
Slides: http://goo.gl/OshdR



True Grit: Debugging CSS & Render Performance

Session Abstract: https://developers.google.com/events/io/sessions/324511365
Slides: http://chelsea-derrick.appspot.com/io2013/



Mobile Performance from the Radio Up: Battery, Latency and Bandwidth Optimization

Session Abstract: https://developers.google.com/events/io/sessions/327864330
Slides: http://goo.gl/6mTNx



Web Page Design with the GPU in Mind

Session Abstract: https://developers.google.com/events/io/sessions/325091862
Slides: http://goo.gl/HIjTL



WebM and the New VP9 Open Video Codec 

Session Abstract: https://developers.google.com/events/io/sessions/325741299
Slides: http://goo.gl/f2ODj



WebP: Deploying Faster, Smaller, and More Beautiful Images

Session Abstract: https://developers.google.com/events/io/sessions/462268217
Slides: http://goo.gl/4EfHW




Mobile

Some sessions focusing on mobile:

Mobile HTML: The Future of Your Sites

Session Abstract: https://developers.google.com/events/io/sessions/325586817
Slides: http://mobile-html.appspot.com/#1



The Modern Workflow for Developing the Mobile Web 

Session Abstract: https://developers.google.com/events/io/sessions/324558168
Slides: http://goo.gl/bhFnA



Instant Mobile Websites: Techniques and Best Practices 

Session Abstract: https://developers.google.com/events/io/sessions/325128936
Slides: http://goo.gl/q0igE



Mobile, Web and Cloud - The Triple Crown of Modern Applications

Session Abstract: https://developers.google.com/events/io/sessions/333067828
Slides: https://picturesque-app.appspot.com/slides#1



Stunning Mobile Visualization with CSS Filters 

Session Abstract: https://developers.google.com/events/io/sessions/325944029
Slides: http://goo.gl/1FFi7



Portable Native Client

Introduction to Portable Native Client (PNaCl)


Other Open Web related sessions

A More Awesome Web: Features You've Always Wanted

Session Abstract: https://developers.google.com/events/io/sessions/324706714
Slides: http://goo.gl/U2SAB



JAM with Chrome: How We Built a Massive Multiplayer Music Application Using Only Web Technology

Session Abstract: https://developers.google.com/events/io/sessions/325619051



Advancing Web Accessibility with ChromeVox

Session Abstract: https://developers.google.com/events/io/sessions/332625543



Real-time communication with WebRTC

Session Abstract: https://developers.google.com/events/io/sessions/326336563
Slides: http://io13webrtc.appspot.com/



Feature Detection in the Real World

Session Abstract: https://developers.google.com/events/io/sessions/324431569
Slides: http://feature-detection-io.appspot.com/#/


Standardizing Payments on the Web: Introducing requestAutocomplete()

Session Abstract: https://developers.google.com/events/io/sessions/325582998



Building Google+ Photos: Chrome Apps in Focus

Session Abstract: https://developers.google.com/events/io/sessions/324670846
Slides: http://goo.gl/IyDdp



Clientside Package Management: Less Work, More Awesome

Session Abstract:  https://developers.google.com/events/io/sessions/325634001
Slides: http://danheberden.com/presentations/bower/#0



Seeing the World Through High DPI

Session Abstract: https://developers.google.com/events/io/sessions/350992350
Slides: http://goo.gl/gVBE0



Device Agnostic Development

Session Abstract: https://developers.google.com/events/io/sessions/325310259
Slides: http://device-agnostic-development.appspot.com/#1



Point, Click, Tap, Touch - Building Multi-Device Web Interfaces


Seeing the World Through High DPI

Session Abstract: https://developers.google.com/events/io/sessions/350992350
Slides: http://io13-high-dpi.appspot.com/#1



Dart

Web Languages and VMs: Fast Code is Always in Fashion

Session Abstract: https://developers.google.com/events/io/sessions/324431687
Slides: http://goo.gl/z8Wc0



Dart: HTML of the Future, Today! 

Session Abstract: https://developers.google.com/events/io/sessions/325433525
Slides: http://goo.gl/kpDJF



What's New in Dart: Your First-class Upgrade to Web Development 

Session Abstract: https://developers.google.com/events/io/sessions/325475052
Slides: http://goo.gl/6FK9w




AngularJS

Design Decisions in AngularJS

Session Abstract: https://developers.google.com/events/io/sessions/325881193
Slides: http://goo.gl/dQoEb




Google Apps

Introducing a New Way to Administer Businesses on Google

Session Abstract: https://developers.google.com/events/io/sessions/327878419




Actions in the inbox, powered by schemas

Session Abstract: https://developers.google.com/events/io/sessions/327735537
Slides: http://goo.gl/CuIWZ



Getting the Most Out of Google+ in Your Organization

Session Abstract: https://developers.google.com/events/io/sessions/331828864
Slides: http://goo.gl/1HLdL




Apps Script

Use Apps Script to Create Dynamic Google Forms

Session Abstract: https://developers.google.com/events/io/sessions/327782631
Slides: http://goo.gl/Zd7pl




Integrate Google Drive with Google Apps Script 

Session Abstract: https://developers.google.com/events/io/sessions/325412094
Slides: http://goo.gl/b1VMw



Extend Google Docs with Apps Script 

Session Abstract: https://developers.google.com/events/io/sessions/327928222
Slides: http://goo.gl/ZbpdZ




Drive

What's New with the Google Drive SDK: One Year Later 

Session Abstract: https://developers.google.com/events/io/sessions/328229660
Slides: http://goo.gl/od6HC




Using Drive as the Storage Solution on Android

Session Abstract: https://developers.google.com/events/io/sessions/443945093



Getting Your App Noticed Inside Google Drive 

Session Abstract: https://developers.google.com/events/io/sessions/328316140



The Secrets of the Drive Realtime API

Session Abstract: https://developers.google.com/events/io/sessions/327774452
Slides: http://goo.gl/xxGXy



Google Web Toolkit

GWT Roadmap for the Future

Session Abstract: https://developers.google.com/events/io/sessions/327833110
Slides: http://goo.gl/HQeTj



Fireside Chat

Fireside Chat with the Chrome Team 

Session Abstract: https://developers.google.com/events/io/sessions/327449685



Fireside Chat with the Blink Team

Session Abstract: https://developers.google.com/events/io/sessions/327783629
Slides: http://goo.gl/dbDm4



Links

Web Components demos

Polymer Project

Articles

You can see lots of articles about it too.

TechCrunch: Google Believes Web Components Are The Future Of Web Development

Essentially, Web Components give developers an easier way to create web sites and recyclable widgets on these sites with the help of the HTML, CSS and JavaScript they already know. The ideas behind Web Components have been around for a while (and a few years back, Microsoft backed a similar initiative that never got any traction), but even today, this is still a topic that’s pretty foreign to most. Building large, single-page web apps with a smart component models isn’t easy today. Web Components help developer encapsulate they HTML, CSS and JavaScript so it doesn’t interfere with the rest of the page and the page doesn’t interfere with it.

Huffington Post: The Future of the Web As Seen From Google I/O Day Two

Web Components are an old idea that Google is building into Chrome so that the task of constructing web apps is simplified with reusable building blocks of HTML instead of requiring thousands of lines of custom JavaScript code. As a programmer I hate writing code. Every line of code is another potential bug, another thing to worry about, another bill that will eventually have to be paid. Google's Web Components let me define pieces of HTML and CSS that I can reuse without having to write lots of code. If the other browsers adopt Web Components then web apps will have better tested parts and far fewer bugs. 

Google Developers Live (GDL)

GDL @ I/O: Performance Alley

https://developers.google.com/live/shows/564671231/

Colt McAnlis and Ilya Grigorik of Google’s Chrome team talk to developers and Web authors about how performance matters in applications and websites, from framerates to buffering, load times and latency.



GDL @ I/O: Blink and Your Browser

https://developers.google.com/live/shows/563395274/

Google’s creation of Blink brings a new rendering engine to the browser world. Paul Irish and Alex Komoroske, two members of the Chrome team, talk about new advances made possible from the change, and what consumers, developers and the Web can expect.



GDL @ I/O: The Chromebook Pixel 

https://developers.google.com/live/shows/569938617/

The introduction of the Chromebook Pixel has brought Chrome OS to highest quality hardware, including a 3:2 touchscreen, built in optional LTE, and the highest pixel density in the industry. Andrew Bowers and Chris Lyon talk about the development of the Pixel and what it means for Chrome OS.



GDL @ I/O: The Founders of Dart

https://developers.google.com/live/shows/569642561/

The Dart project is an open source platform to help all developers be more productive building awesome modern web apps, working in all modern browsers, and scales from 10 to 1M lines of code. Lars Bak and Kasper Lund, founders of the project join moderator Seth Ladd to talk about the project and how developers can benefit.



GDL @ I/O: Web Audio

https://developers.google.com/live/shows/569737402/

Chris Wilson from the Chrome team talks about advances in Web Audio and the open web platform.



GDL @ I/O: A Year In the Life of Drive

https://developers.google.com/live/shows/564562498/

Nicolas Garnier of the Google Drive team talks about the first year of Drive, its usage patterns, and its evolution.



CodeLab

Build a WebRTC Web App CodeLab
Abstract
CodeLab Material

Chrome Packaged Apps from Start to Finish CodeLab

Abstract
CodeLab Material


Mobile Web Apps with Dart and Web Components CodeLab
Abstract
CodeLab Material
Code Repository


Web Speech API Creates Interactive Experiences CodeLab 
Abstract
Material 


Disclaimer: The opinions expressed here are my own, and do not reflect those of my employer. -Fumi Yamazaki