October #sfhtml5 on Accelerated Mobile Pages

I joined October SFHTML5 last night, topic was Accelerated Mobile Pages Project.

AMP Project Page:
https://www.ampproject.org/
Google's Blog Post:
Introducing the Accelerated Mobile Pages Project, for a faster, open mobile web
It's an open source project, GitHub Page is here:
https://github.com/ampproject



We talk a lot about performance... we all know performance matters. But what does "slow" mean? "Slowness" is contextual... but as Google's philosophy "Ten things we know to be true" says, we should "focus on user and all else will follow" - so developers should really think about "What does the user feel?" using the service you have built.



One thing we experience is this clash of "monetization and user acquisition" vs "user experience".

This slide got a big reaction! Very true - devs know ad cruft hurts users #sfhtml5 #webdev pic.twitter.com/6JuEw2okwy

— Alan Hogan (@AlanHogan) October 24, 2015

AMP is trying to solve that problem, building a win-win-win for users, publishers and advertisers.

This slide explains why AMP (Accelerated Mobile Pages) is a winning proposition #sfhtml5 @google #webdev pic.twitter.com/dGCb5io4bh

— b01dface (@b01dface) October 24, 2015

AMP project consists of AMP HTML, AMP JS and AMP CDN. No user-authored JS, subset of tags and selectors, but instead it consists of advanced components like amp-img tag, amp-ad tag which is a custom tag for ads, amp-twitter tag that shows embedded tweet, etc.

It's still an early stage project, and the team welcomes you all to join the project, try it out, give feedback and contribute to the project.

Videos:

RAIL: Putting the User at the Center of Performance with Paul Irish



Perf audit: Loading performance

#sfhtml5 Wikimedia team printed Chrome DevTools & analyzed what is slowing down page load, ended up doubling speed! https://t.co/OYZHYxVw9B

— Fumi (@Fumi) October 24, 2015

AMP: Accelerated Mobile Pages with Paul Bakaus



AMP Anatomy with Malte Ubl



Q&A with Paul Irish, Malte Ubl, Jordan Adler, and Paul Bakaus



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

Tried "Dominator" of Psycho-pass

I had the opportunity to play with "Dominator" of Psycho-pass!



And of course the video :)

This Dominator is created by a Japanese hardware startup Cerevo, after a famous Japanese science fiction animation "Psycho-pass". If you have never seen Psycho-pass, you should go to Hulu.com or Funimation and watch :)

http://www.hulu.com/psychopass
http://www.funimation.com/shows/psycho-pass/

Story:
In the future, even just thinking about a crime is enough to make you guilty – and justice is dispensed from the barrel of a gun. Detectives work in teams made up of Enforcers and Inspectors. Enforcers take out the bad guys, and Inspectors make sure their partners don’t cross the fine line between good and evil. The great equalizer in the war against thugs is the Dominator, a futuristic weapon that can read minds and assess the probability that a citizen will turn criminal. There are no trials. Only Enforcers, Inspectors, and the Dominator. Commit a crime in your mind – and the Dominator will make sure you pay the ultimate price.

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

Super Blood Moon

I went to shoot pictures of the Super Blood Moon from the Aquatic Park.

Super Blood Moon in the sky, air plane flying just below it :)



When we arrived at the pier, sunset was beautiful but the sky was covered with cloud and we were not able to see the moon.





So we kept shooting photos of birds...





Flock of birds.



Birds flying over Alcatraz.

And ships and scenery...









Sky is becoming darker.







"I see the moon!" One of the photographers told me. Yay!











































Amazing. The ridge of the moon turning golden...





































Bokeh





Golden Gate Bridge

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