이번 주 에피소드
Ember가 Glimmer를 Canary로 제공하고, Senongo Akpem이 비선형 내러티브를 살펴보고, 웹페이지가 2MB 제한을 허물고, Firefox 38이 출시되고, Chrome이 Android에 개발자 채널을 도입하고, Firefox에 프로그래매틱 방식의 복사/붙여넣기를 도입할 예정입니다.
희망의 빛
Ember의 새로운 렌더링 엔진인 Glimmer가 이제 Canary로 제공됩니다. React의 가상 DOM에서 영감을 받은 Glimmer는 전체 DOM 대신 바인딩만 디핑하여 기능을 향상시키려고 합니다. 팀에 따르면 dbmonster와 같은 벤치마크에서 성능이 크게 향상됩니다. 이 가이드에 따라 Glimmer 및 Ember 2.0으로 이전하는 방법을 자세히 알아보세요.
http://emberjs.com/blog/2015/05/05/glimmer-merging.html
http://emberjs.com/blog/2015/05/10/run-up-to-two-oh.html
https://www.youtube.com/watch?v=o12-90Dm-Qs
후속 대화목록
집단지성을 위한 스토리텔링을 살펴보겠습니다. Pixel Fable 프로젝트 개발자인 Senongo Akpem이 최신 기술을 활용하여 비선형적 스토리를 만드는 과정을 설명합니다. 그는 An Idea Lives On과 같은 추가 내러티브, Project Moon에서 소개된 동시 내러티브, 자체 사이트인 Lost Nigeria에서 그린 짤막한 내러티브를 비롯한 여러 사례를 코드화하여 시연합니다.
https://www.youtube.com/watch?v=t7GGZwt5yVU
http://unahistoriaquedalavuelta.com/en/
http://lostnigeria.com/air-travel/
큰 규모
웹사이트에 다이어트가 필요한가요? 스콧 젤은 평균 웹페이지의 무게가 2MB를 넘으며 이 중 62% 가 이미지에서 비롯된 것이라고 트윗합니다. 프로젝트 비용을 알면 사이트 비용을 알 수 있기 때문에 사용자에게 큰 돈을 벌 수 있습니다. 그림 및 srcset와 같은 새로운 표준은 문제를 해결하는 데 도움이 될 수 있지만 이러한 표준을 활용하는 것은 개발자의 몫입니다.
https://twitter.com/scottjehl/status/595827049136267266
http://httparchive.org/interesting.php?a=All&l=Apr%2015%202015#bytesperpage
http://whatdoesmysitecost.com/test/150416_09_71875497c6009dd92716f8d9aa5f3af6
http://www.html5rocks.com/en/tutorials/responsive/picture-element/
https://www.chromestatus.com/metrics/feature/popularity#Picture
파이어폭스 38 출시
Firefox 38이 이번 주에 안정화 버전으로 출시됨에 따라 많은 부분이 개선되었습니다. Mozilla Hacks 블로그에서 가장 잘 강조할 수 있는 이 새 릴리스에는 picture 및 img srcset에 대한 지원, 웹 작업자의 웹 소켓, 모든 열린 탭에 메시지를 게시하기 위한 BroadcastChannel 및 몇 가지 보너스 개발 도구 혜택이 포함되어 있습니다. MDN에서 개발자 출시 노트를 확인하실 수 있습니다.
https://www.mozilla.org/en-US/firefox/38.0/releasenotes/
https://hacks.mozilla.org/2015/05/trainspotting-firefox-38/
http://www.smashingmagazine.com/2014/05/14/responsive-images-done-right-guide-picture-srcset/
https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API
https://developer.mozilla.org/en-US/Firefox/Releases/38
Android 개발자
이제 Android용 Chrome에서 개발자 채널을 이용할 수 있습니다. Chromium 블로그에 자세히 설명된 이 새로운 개발자 채널에서는 개발자가 Chrome의 초기 버전을 사용해 사이트를 테스트하여 버그를 찾아내고 최첨단 기능을 사용해 볼 수 있습니다. 새 채널은 적어도 매주 업데이트되며 Google Play 스토어에서 이미 제공되고 있습니다.
https://twitter.com/addyosmani/status/593461414922170369
http://blog.chromium.org/2015/04/dev-channel-for-chrome-on-android.html
https://play.google.com/store/apps/details?id=com.chrome.dev
파스타 복사
Firefox에 프로그래매틱 방식으로 복사하여 붙여넣기를 사용할 수 있습니다. 스레드를 구현하고 전달하려는 최근 인텐트는 Firefox가 사용자 작업에 응답하여 execCommand 메서드를 통한 복사 및 붙여넣기 지원을 추가할 것임을 나타냅니다. Chrome 43, IE 10, Opera 29에서는 비슷한 동작이 이미 지원됩니다. 복사하여 붙여넣기에 대해 자세히 알아보려면 HTML 5 Rocks에 대한 이 도움말을 확인하세요.
https://bugzilla.mozilla.org/show_bug.cgi?id=1012662
https://groups.google.com/forum/#!msg/mozilla.dev.platform/oWhmLMvGAD0/3eXWSRjJAZsJ
http://updates.html5rocks.com/2015/04/cut-and-copy-commands
트위터 #LazyWebShow에서 의견을 보내 주세요.
웹에서 더 많은 뉴스를 보려면 다음 리소스를 확인하세요. JavaScript Weekly: http://javascriptweekly.com/
Open Web Platform Daily: http://webplatformdaily.org/
HTML5 주간: http://html5weekly.com/
Google Developers 채널 구독