amagitakayosi, nanto_vi, hakobe932, hatz48がJavaScript関連のニュースを読みつつ雑談しました。
話題: WHATWG URL, import(), WebAssembly, ResizeObserver, flv.js, ニコニコ動画HTML5プレイヤー, etc

- JSer.info https://jser.info/2016/11/01/node.js-v7-node.js-v0.10-eol-webassembly-browser-preview/
- Node v7 で入った WHATWG URL 実装について https://blog.jxck.io/entries/2016-10-27/whatwg-url.html
- WebAssembly Browser Preview http://v8project.blogspot.jp/2016/10/webassembly-browser-preview.html
- domenic/proposal-dynamic-import: import() proposal for JavaScrip https://github.com/domenic/proposal-dynamic-import
- pelotoncycle/resize-observer https://github.com/pelotoncycle/resize-observer
- Why We Chose Vue.js | GitLab https://about.gitlab.com/2016/10/20/why-we-chose-vue/
- Bilibili/flv.js: HTML5 FLV Player https://github.com/Bilibili/flv.js
- GLITCH GIF VJ SHOP https://azopcorp.com/ggvshop/
- Font Awesome 5 by Dave Gandy — Kickstarter https://www.kickstarter.com/projects/232193852/font-awesome-5

Frontend Lunch 9

amagitakayosi, hatz48, nanto_vi がJavaScript関連のニュースを読みつつ雑談しました。
話題: rollup.js, requestidleCallback, pointer events, CrankShaft, turbo.js, アメリカ大統領選挙, Kyoto.js, Dart, Greenkeeper.io

- 2016-11-08のJS: sitespeed.io 4.0、webpack 2 beta入門、JavaScriptスタックチュートリアル - JSer.info https://jser.info/2016/11/08/sitespeed.io-4.0-webpack-2-beta-javascript/
- Welcome sitespeed.io 4.0 https://www.sitespeed.io/sitespeed.io-4.0-is-released/
- GitHub - takahashim/js-stack-from-scratch: Step-by-step tutorial to build a modern JavaScript stack from scratch https://github.com/takahashim/js-stack-from-scratch
- Cooperative Scheduling of Background Tasks（日本語訳） https://triple-underscore.github.io/requestidlecallback-ja.html
- Pointing the Way Forward &nbsp;|&nbsp; Web https://developers.google.com/web/updates/2016/10/pointer-events
- Build a Universal JavaScript App with Next.js Button - Close Learn More https://auth0.com/blog/building-universal-apps-with-nextjs/
- GitHub - vhf/v8-bailout-reasons: A list of Crankshaft bailout reasons with examples https://github.com/vhf/v8-bailout-reasons
- turbo.js - Easy GPGPU https://turbo.github.io/
GitHub - tfennelly/browserify-tree: Generate a Browserify bundle dependency tree for bundled modules https://github.com/tfennelly/browserify-tree
- GitHub - hughsk/disc: Visualise the module tree of browserify project bundles and track down bloat. https://github.com/hughsk/disc
- GitHub - th0r/webpack-bundle-analyzer: Webpack plugin and CLI utility that represents bundle content as convenient interactive zoomable treemap https://github.com/th0r/webpack-bundle-analyzer
- 米大統領選2016　開票ライブ：日本経済新聞 https://vdata.nikkei.com/newsgraphics/president2016-live/
- ISUCON6 本選問題の解説と講評 : ISUCON公式Blog http://isucon.net/archives/48778066.html
- GitHub - transcranial/keras-js: Run Keras models (tensorflow backend) in the browser, with GPU support https://github.com/transcranial/keras-js
- Kyoto.js - JavaScript Community in Kyoto http://javascript.kyoto/#slack
- Announcing Dart Sass « Sass Blog http://blog.sass-lang.com/posts/1022316-announcing-dart-sass
- Who Uses Dart | Dart https://www.dartlang.org/community/who-uses-dart

Frontend Lunch 10

amagitakayosi, hakobe932, hatz48, nanto_vi, itchyny の5人で、JavaScript関連のニュースを読みつつ雑談しました。
話題: JavaScript Award, track.js, opbeat, Server-Side Rendering, 東京Node学園祭2016, etc.

- JavaScript Weekly Issue 309: November 10, 2016 http://javascriptweekly.com/issues/309
- Angular 3 is hot on the heels of Angular 2 | InfoWorld http://www.infoworld.com/article/3139891/javascript/angular-3-is-hot-on-the-heels-of-angular-2.html
- JS Awards 2016 http://jsawards.org/
- 301 Moved Permanently https://typeform.com/
- Logging Errors in Client-Side Applications https://www.sitepoint.com/logging-errors-client-side-apps/
- JavaScript Error Tracking from TrackJS https://trackjs.com/
- Opbeat FEB3445A-001E-4DB6-84C2-D6C2EE562943 icon_nodejs icon_angularjs B44E8A41-D042-48CE-8320-0B9DF8103735 icon_nodejs icon_angularjs https://opbeat.com/
- GitHub - WhitestormJS/whitestorm.js: Framework for developing 3D web apps with physics. https://github.com/WhitestormJS/whitestorm.js
- GitHub - FGRibreau/gron: gron - Make JSON greppable! https://github.com/FGRibreau/gron
- GitHub - dop251/goja: ECMAScript 5.1(+) implementation written in Go https://github.com/dop251/goja
- Perl でも React.js の server-side rendering がしたい！ / perl meets javascript with reactjs // Speaker Deck https://speakerdeck.com/zoncoen/perl-meets-javascript-with-reactjs
- GitHub - jorangreef/reed-solomon: Reed-Solomon erasure coding in pure Javascript with an optional C++ binding for multi-core throughput. https://github.com/jorangreef/reed-solomon
- 超詳解！Service Worker Deep Dive ── HTML5 Conference 2016セッションレポート | HTML5Experts.jp https://html5experts.jp/horo/21360/
- 東京Node学園祭2016 | 11月12日,13日開催！ Twitter account http://nodefest.jp/2016/
- GitHub - a0viedo/demystifying-js-engines: A list of resources about JavaScript engines https://github.com/a0viedo/demystifying-js-engines
- サイボウズの開発を支えるKAIZEN文化 http://www.slideshare.net/teppeis/kaizen-68803503
- ゼロから始めるJavaScript生活 - Qiita http://qiita.com/takahashim/items/7838334d1451fb0a9811

Frontend Lunch 11

amagitakayosi, hakobe932, takuya-a, niwatakoの4人で、JavaScript関連のニュースを読みながら雑談しました。

- 2016-11-15のJS: TypeScript 2.1RC、Node.js v7.1.0リリース - JSer.info https://jser.info/2016/11/15/typescript-2.1rc-node.js-v7.1.0/
- TypeScript 2.1 RC: Better Inference, Async Functions, and More | TypeScript https://blogs.msdn.microsoft.com/typescript/2016/11/08/typescript-2-1-rc-better-inference-async-functions-and-more/
- FLOCSSを使ってCSSファイルを20,000行から9,000行にした話 - Qiita http://qiita.com/Atsss/items/4f9d98fb1d0546539c09
- GitHub - hiloki/flocss: CSS organization methodology. https://github.com/hiloki/flocss
- Managing CSS Projects with ITCSS // Speaker Deck https://speakerdeck.com/dafed/managing-css-projects-with-itcss
- 2016年、Web Audio API はどう変わったのか? | g200kg Music &amp; Software http://www.g200kg.com/archives/2016/11/2016web-audio-a.html
- Improving Perceived Performance with Multiple Background Images &ndash; CSS Wizardry &ndash; CSS, OOCSS, front-end architecture, performance and more, by Harry Roberts http://csswizardry.com/2016/10/improving-perceived-performance-with-multiple-background-images/
- deck.gl https://uber.github.io/deck.gl/#/
- 2016-11-22のJS: Firefox 50、React v15.4.0、Custom Element v1 - JSer.info https://jser.info/2016/11/22/firefox-50-react-v15.4.0-custom-element-v1/
- Mitigating MIME Confusion Attacks in Firefox | Mozilla Security Blog https://blog.mozilla.org/security/2016/08/26/mitigating-mime-confusion-attacks-in-firefox/
- React v15.4.0 - React Blog https://facebook.github.io/react/blog/2016/11/16/react-v15.4.0.html
- User Timing API: あなたの Web アプリをもっと理解するために - HTML5 Rocks https://www.html5rocks.com/ja/tutorials/webperformance/usertiming/
- GitHub - paulirish/pwmetrics: Progressive web metrics at your fingertipz https://github.com/paulirish/pwmetrics
- 2016-11-29のJS: Node.js v7.2.0、Yarnでオフラインインストール - JSer.info https://jser.info/2016/11/29/node.js-v7.2.0-yarn/
- Running Yarn offline | Yarn Blog https://yarnpkg.com/blog/2016/11/24/offline-mirror
- Understanding JavaScript Micro-Templating – WDstack – Medium https://medium.com/wdstack/understanding-javascript-micro-templating-f37a37b3b40e
- Khan Academy | Free Online Courses, Lessons &amp; Practice https://www.khanacademy.org/
- katatema.js - ✘╹◡╹✘ http://r7kamura.hatenablog.com/entry/2016/11/24/030101
- GitHub - nfl/react-helmet: A document head manager for React https://github.com/nfl/react-helmet
- React at Product Hunt // Speaker Deck https://speakerdeck.com/rstankov/react-at-product-hunt
- Reframe.js https://dollarshaveclub.github.io/reframe.js/
- GitHub - nuxt/nuxt.js: A minimalistic framework for server-rendered Vue.js applications (inspired by Next.js) https://github.com/nuxt/nuxt.js
- GitHub - moroshko/react-autosuggest: WAI-ARIA compliant React autosuggest component https://github.com/moroshko/react-autosuggest
- http://shop.bradfrost.com/
- デスクトップ版Firefox 57で拡張機能はWebExtensionsベースに限定化 - Mozilla Flux http://rockridge.hatenablog.com/entry/2016/11/25/004343

Frontend Lunch 12

Frontend Lunch は、株式会社はてな社員によるフロントエンド開発についての Podcast です。
今回は amagitakayosi, takuya-a, syou6162 の3人で、JavaScript関連のニュースを読みながら雑談しました。

今回見たページ
- 2016-12-06のJS: Ember.js 2.10、Front-End Tooling 2016アンケート、Svelte - JSer.info https://jser.info/2016/12/06/ember.js-2.10-front-end-tooling-2016-svelte/
- The State of Front-End Tooling 2016 - Results - AshleyNolan.co.uk - Blog and Portfolio for Ashley Nolan https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results
- Svelte • The magical disappearing UI framework https://svelte.technology/
- 一から始めるJavaScriptユニットテスト - Hatena Developer Blog http://developer.hatenastaff.com/entry/2016/12/05/102351
- 新しめのCSS設計まとめ 〜2016年冬〜 - Qiita http://qiita.com/usagi-f/items/dc719a8fd18abcdee4df
- 8種類あるSVGスプライト それぞれの特徴を比較してみた - 週刊SVG http://ssvvgg.net/post/153900731865/8%E7%A8%AE%E9%A1%9E%E3%81%82%E3%82%8Bsvg%E3%82%B9%E3%83%97%E3%83%A9%E3%82%A4%E3%83%88-%E3%81%9D%E3%82%8C%E3%81%9E%E3%82%8C%E3%81%AE%E7%89%B9%E5%BE%B4%E3%82%92%E6%AF%94%E8%BC%83%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F
- Chromatic Aberration in CSS tv http://codepen.io/fand/pen/EgGwjg
- JVNVU#93847769: Mozilla Firefox における解放済みメモリ使用 (use-after-free) の脆弱性 http://jvn.jp/vu/JVNVU93847769/
- Firefox 0-Day targeting Tor-Users - G DATA https://blog.gdatasoftware.com/2016/11/29346-firefox-0-day-targeting-tor-users
- GitHub - trueadm/inferno: An extremely fast, React-like JavaScript library for building modern user interfaces https://github.com/trueadm/inferno
- https://gdgkobe.doorkeeper.jp/events/54256
- React のソースコードを読んでみよう！ - マルシテイア http://amagitakayosi.hatenablog.com/entry/reading-react
- Rails5.1に向けてフロントエンド周りで起こっている革命まとめ - Qiita http://qiita.com/itkrt2y/items/7e999836f460fb9c005d
- GitHub - rails/webpacker: Use Webpack to manage app-like JavaScript modules in Rails https://github.com/rails/webpacker
- GitHub - clojure/clojurescript: Clojure to JS compiler https://github.com/clojure/clojurescript
- GitHub - omcljs/om: ClojureScript interface to Facebook&#39;s React https://github.com/omcljs/om

Frontend Lunch 13

Frontend Lunch は、株式会社はてな社員によるフロントエンド開発についての Podcast です。
今回は amagitakayosi, nanto_vi, hatz48 の3人で、JavaScript関連のニュースを読みながら雑談しました。

- 2016-12-20のJS: RxJS v5、Angular、date-fns - JSer.info https://jser.info/2016/12/20/rxjs-v5-angular-date-fns/
- https://blog.chromium.org/2016/12/chrome-56-beta-not-secure-warning-web.html
- Create a New Pen tv https://codepen.io/pen/
- The State of Babel · Babel https://babeljs.io/blog/2016/12/07/the-state-of-babel
- Microsoft Edge build 14986 changelog - Microsoft Edge Development https://developer.microsoft.com/en-us/microsoft-edge/platform/changelog/desktop/14986/
- Angular: Angular 2.3.0 Now Available http://angularjs.blogspot.jp/2016/12/angular-230-now-available.html
- 今年のうちに対応したい、Node.jsのBufferに潜む危険性 - Yahoo! JAPAN Tech Blog https://techblog.yahoo.co.jp/advent-calendar-2016/node_new_buffer/
- Variable Fontについて - console.blog(self); http://sadah.hatenablog.com/entry/variablefont
- JavaScript Weekly Issue 313: December 8, 2016 http://javascriptweekly.com/issues/313
- GitHub - date-fns/date-fns: ⏳ Modern JavaScript date utility library ⌛️ https://github.com/date-fns/date-fns
- GitHub - stutrek/scrollMonitor: A simple and fast API to monitor elements as you scroll https://github.com/stutrek/scrollMonitor
- GitHub - mathisonian/premonish: Predict which DOM element a user will interact with next. https://github.com/mathisonian/premonish
- Kyoto.js 12 - connpass https://kyotojs.connpass.com/event/46417/
- JavaScriptのUIライブラリはどうあるべきかという話とOnsen UIのアーキテクチャ - id:anatooのブログ http://blog.anatoo.jp/entry/2016/12/09/201511
- GraphQL Summit 2017 http://www.graphql.com/summit/
- GLSL Sandbox Gallery http://glslsandbox.com/
- GitHub - stackgl/glslify: A node.js-style module system for GLSL! https://github.com/stackgl/glslify
- Irasutoya - いらすとや検索コマンド MOONGIFT http://www.moongift.jp/2016/12/irasutoya-%E3%81%84%E3%82%89%E3%81%99%E3%81%A8%E3%82%84%E6%A4%9C%E7%B4%A2%E3%82%B3%E3%83%9E%E3%83%B3%E3%83%89/
- 直感的なグラフを簡単に作れるウェブアプリ - 詩と創作・思索のひろば http://motemen.hatenablog.com/entry/2016/12/beautiful-graph-maker

Frontend Lunch 14

Frontend Lunch は、株式会社はてな社員によるフロントエンド開発についての Podcast です。今回は amagitakayosi, itchyny, syou6162 の3人で、JavaScript関連のニュースを読みながら雑談しました。

- 2016-12-20のJS: RxJS v5、Angular、date-fns - JSer.info https://jser.info/2016/12/20/rxjs-v5-angular-date-fns/
- rxjs/CHANGELOG.md at master · ReactiveX/rxjs · GitHub https://github.com/ReactiveX/rxjs/blob/master/CHANGELOG.md#500-2016-12-13
- リアクティブ宣言 http://www.reactivemanifesto.org/ja
- Angular: Angular 1.6.0 released http://angularjs.blogspot.jp/2016/12/angular-160-released.html
- ep24 Angular2 | mozaic.fm https://mozaic.fm/episodes/24/angular2.html
- date-fns - modern JavaScript date utility library https://date-fns.org/
- Release v5.0.0 · reactjs/react-redux · GitHub https://github.com/reactjs/react-redux/releases/tag/v5.0.0
- 実況中継シリーズ Vue.jsで実現するMVVMパターン Fluxアーキテクチャとの距離 - Re.Ra.Ku アドベントカレンダー day 13 - Re.Ra.Ku tech blog http://techblog.reraku.co.jp/entry/2016/12/13/080000
- The Inner Workings Of Virtual DOM – rajaraodv – Medium https://medium.com/@rajaraodv/the-inner-workings-of-virtual-dom-666ee7ad47cf
- Cross-Browser HTML5 Form Validation is Finally Here! Now What? -Telerik Developer Network http://developer.telerik.com/topics/web-development/cross-browser-html5-form-validation-finally-now/
- ECMAScript: latest and upcoming features // Speaker Deck https://speakerdeck.com/rauschma/ecmascript-latest-and-upcoming-features
- JavaScript Weekly Issue 314: December 15, 2016 http://javascriptweekly.com/issues/314
- Release 1.0.0 · zeit/hyper · GitHub https://github.com/zeit/hyper/releases/tag/1.0.0
- GitHub - michelson/dante2: A complete rewrite of dante editor in draft-js, demo: https://github.com/michelson/dante2
- フロントエンドPodcastはじめました - Hatena Developer Blog http://developer.hatenastaff.com/entry/2016/12/16/120000
- Mackerelにおけるフロントエンドのパフォーマンス改善の取り組み - Hatena Developer Blog http://developer.hatenastaff.com/entry/2016/12/15/160000

Frontend Lunch 15: RxJS5, AngularJS1.6, ES2017, hyper, はてなデベロッパーアドベントカレンダー

Frontend Lunch は、株式会社はてな社員によるフロントエンド開発についての Podcast です。今回は amagitakayosi, itchyny, syou6162, nanto_vi, takuya-a の5人で、JavaScript関連のニュースを読みながら雑談しました。

- 2016-12-27のJS: SharedArrayBufferとAtomics API、Node.js Stream、JavaScript obfuscator - JSer.info https://jser.info/2016/12/27/sharedarraybuffer-javascript-obfuscator-node.js-stream/
- GitHub - tc39/ecmascript_sharedmem: Shared memory and atomics for ECMAscript https://github.com/tc39/ecmascript_sharedmem
- 20161113-nodefest // Speaker Deck https://speakerdeck.com/chikoski/20161113-nodefest
- Add language to define Agents by lars-t-hansen · Pull Request #522 · tc39/ecma262 · GitHub https://github.com/tc39/ecma262/pull/522
- Release v1.0.0 · yeoman/generator · GitHub https://github.com/yeoman/generator/releases/tag/v1.0.0
- SAO https://sao.js.org/
- CSS Writing Modes &#9670; 24 ways https://24ways.org/2016/css-writing-modes/
- かずぽんブログ &bull; Vue.js 2016年まとめ & 今後 http://blog.kazupon.jp/post/154903508388/vuejs-2016-closing-and-future
- Best way for artists and creators to get sustainable income and connect with fans | Patreon https://www.patreon.com/
- Firebug lives on in Firefox DevTools &#x2605; https://hacks.mozilla.org/2016/12/firebug-lives-on-in-firefox-devtools/
- ServiceWorker内にExpressサーバーを立てる - Qiita http://qiita.com/narirou/items/738a0fe6656d0f905e28
- Browser is the new server - NodeFest Tokyo by Gleb Bahmutov http://slides.com/bahmutov/browser-is-the-new-server-nodefest
- GitHub - javascript-obfuscator/javascript-obfuscator: JavaScript obfuscator for Node.js https://github.com/javascript-obfuscator/javascript-obfuscator

Frontend Lunch 16: SharedArrayBuffer, Vue.js

Frontend Lunch は、株式会社はてな社員によるフロントエンド開発についての Podcast です。今回は amagitakayosi, itchyny, syou6162, nanto_vi, takuya-a の5人で、JavaScript関連のニュースを読みながら雑談しました。

- Kyoto.js 12 - connpass https://kyotojs.connpass.com/event/46417/
- 2017-01-04のJS: PostCSS概要、Chrome開発者ツール、FuseBox - JSer.info https://jser.info/2017/01/04/postcss-chrome-fusebox/
- PostCSS まとめ - Qiita http://qiita.com/morishitter/items/4a04eb144abf49f41d7d
- Optimise your web development workflow 2016 https://umaar.github.io/devtools-optimise-your-web-development-workflow-2016/#/
- Fuse-Box bundler / API Reference http://fuse-box.org/
- Node.js Interview Questions and Answers (2017 Edition) | @RisingStack https://blog.risingstack.com/node-js-interview-questions-and-answers-2017/
- https://tylermcginnis.com/react-interview-questions/
- Front-End Performance Checklist 2017 (PDF, Apple Pages) &ndash; Smashing Magazine https://www.smashingmagazine.com/2016/12/front-end-performance-checklist-2017-pdf-pages/
- 2017-01-11のJS: Node.js v7.4.0とnpm v4、PhantomJS 2.5.0 Beta、クリーンコード - JSer.info https://jser.info/2017/01/11/Node.js-v7.4.0-npm-v4-PhantomJS-2.5.0-Beta-clean-code/
- npm/CHANGELOG.md at v4.0.5 · npm/npm · GitHub https://github.com/npm/npm/blob/v4.0.5/CHANGELOG.md
- Comparison with QtWebKit 5.6 · annulen/webkit Wiki · GitHub https://github.com/annulen/webkit/wiki/Comparison-with-QtWebKit-5.6
- 縦書きWeb普及委員会 http://tategaki.github.io/
- たてよこWebアワード http://tategaki.github.io/awards/
- Flow Runtime https://codemix.github.io/flow-runtime/#/
- Front-end Handbook 2017 · GitBook https://www.gitbook.com/book/frontendmasters/front-end-handbook-2017/details
- JavaScript Weekly Issue 316: January 5, 2017 http://javascriptweekly.com/issues/316
- The Web Bluetooth module for Angular – Google Developers Experts – Medium https://medium.com/google-developer-experts/the-web-bluetooth-module-for-angular-9336c9535d04
- Web Bluetooth API - Chrome Platform Status https://www.chromestatus.com/feature/5264933985976320
- Procedural Texture Generator in javascript http://read.klipse.tech/how-to-create-amazing-textures-in-javascript/

Hatena Frontend

Popular tracks