Six technologies that will change the web platform
コーディングルールの鮮度を保ちたい for SRE NEXT 2026 / keep-fresh-go-internal-conventions-sre-next-2026
Node.jsで書いてQuickStartを使ってブラウザで実行する話
QuickStartというのは、名前がややこしいですがSpotify社が出してるツールのことです。 このツールはCommonJSで書いたJavaScriptのモジュールの依存関係を解決してビルドしたり、ローダとして使えるものです。 前者のビルドする機能は簡単にいえばBrowserifyです。 QuickStartもBrowserifyと同じく、nodeのcoreモジュール等をブラウザで使える様になってます。(CoreモジュールはBrowserifyが使ってるものと同じshimが使われてる) もう一つのローダとして使えるのがこのQuickStartの面白い所なんじゃないかなと思います。 この記事では、適当に試して見たQuickStartの使い方について見ていきます。 サンプルプロジェクトは以下に置いてあります。 azu/quickstart-example ビルド ビルドする場合はBrose
東京Node学園 13時限目を開催しました。 #tng13 - from scratch
さてさて、東京Node学園 13時限目を開催しました。 今回はSocket.IO v1.0がリリースされたため、それの話をメインに。 後はLTでは、social-cms-backendの話、titaniumの話、gulpの話、chest.jsの話をしてもらいました。 togetterはこちら 東京Node学園13時限目 - Togetterまとめ Socket.IO v1.0 introduction というわけで、自分の発表資料。engine.ioの解説からbinary supportの話、scalabilityの話、socket.io-emitterの話と細かなTipsについて広く浅くをメインに説明しました。 Binary support ってことで、カメラから画像を取得してbroadcastするアプリを作り、それのDEMOをしてみました。 URL公開しておくので、試しにみてみたい方は
Detect, Undo And Redo DOM Changes With Mutation Observers
Detect, Undo And Redo DOM Changes With Mutation Observers June 4, 2014 I’ve been wondering why DOM Mutation Observers, which can monitor changes to one or more DOM elements and return a report of what changed, aren’t used more often in the wild. Mutation Observers have long-replaced DOM Mutation Events (which were deemed slow, verbose and crashy), are fairly well documented and a polyfill for IE9
socket.io v1.0 introduction
Tokyo Node Gakuen #tng13
JavaScript Promiseの本を書きました | Web Scratch
JavaScript Promiseの本という無料で読める電子書籍を書きました。 タイトルそのままで、JavaScriptのPromiseについて書いた書籍です。 書籍の目的 この書籍を読むことで学べる事として、次の3つを目標にして書きました。 Promiseについて学び、パターンやテストを扱えるようになる事 Promiseの向き不向きについて学び、何でもPromiseで解決するべきではないと知る事 ECMAScript6 Promiseの基本をよく学び、発展した形を自分で形成できるようになる事 Promiseは、次のECMAScriptの言語仕様として策定が進められていて既に多くのブラウザに実装されています。 Promiseについて扱う書籍ですが、この機能はjQuery.Deferred()やAngularJSの$qやBluebird等の類似の機能が既にあるため扱ったことがあるかもしれま
Overview | Cast | Google for Developers
Overview Stay organized with collections Save and categorize content based on your preferences. outlined_flag The cast.framework provides core classes and enums for managing Cast sessions, states, and events. The chrome.cast namespace offers methods and objects for initializing the Cast API, requesting sessions, and interacting with receivers. The chrome.cast.media namespace contains classes and e
Source Mapを扱う関連ライブラリのまとめ
この記事はSource Mapに対応した何かを作るためのライブラリとか仕様とかについて調べてメモった記事です。 利用する場合の話はSource Maps 101 – Tuts+ Code Tutorial等 検索すれば色々出てくると思います。 Source Mapとは Source Map Revision 3 Proposal – Google ドキュメント 仕様 #JSオジサンで Source Map について話してきました : document source mapの概要 JavaScriptのSource Mapの内部表現について Base64のmappings部分の仕組み source-map-visualization ビジュアライズツール mozilla/source-map source map のコア と言えるモジュール(色々なモジュールが使う) source map の
Socket.IO 1.0リリース: バイナリのサポート、新しいEngine.IOモジュール
あなたにとって重要なトピックや同僚の最新情報を入手しましょう最新の洞察とトレンドに関する最新情報を即座に受け取りましょう。 継続的な学習のために、無料のリソースに手軽にアクセスしましょうミニブック、トランスクリプト付き動画、およびトレーニング教材。 記事を保存して、いつでも読むことができます記事をブックマークして、準備ができたらいつでも読めます。
Web Components を支えるPolyfillライブラリ
Hello 生成されるJSそのものはピュアな感じなので、たしかにbosonicを捨ててもWeb Componentsとして成り立ちそうではある。 瑣末だが、この記事を書いてる時点で試したらWeb Platform featuresのフラグをEnableにしたCanaryで、bosonic-pollyfillsがエラー吐いてる... 余談、実はえらいかも Polymerコンポーネントって、結局Polymer入れないと使えないなら、BackboneJSで使えないAngularディレクティブみたいなもんな気がしてきた。Bosonicのコンセプト、実は偉いかも。（出来る範囲は制限されるかもしれないけど） — あほむバーガー (@ahomu) June 30, 2014 結論 個人的にはふつうのPolyfillとして動いてくれるものを精査したかったのだけど、結果的に Polymer/platform
webpack
HomeGetting StartedMotivationWhat is webpack?Installation (WIP)Usage (WIP)Require Modules (WIP)Vendor Modules (WIP)Using LoadersDev Tools (WIP)Step-by-step tutorialsGetting startedGuidesCommonJsAMDUsage with GruntUsage with gulpwebpack for browserify usersCode SplittingOptimizationLong-time CachingHow to write a loaderHow to write a plugin (WIP)Shimming modulesTestingComparisonListsList of loaders
Webpack
Module Bundler Think Browserify with more Webpack vs Browserify Works with almost any module system AMD, CJS, UMD, Component, Latest Hipster Module System (LHMS) Can require in CSS, Images, Fonts etc. Uses CJS syntax to load modules var angular = require('angular'); angular.controller('foo', function() { }); Loaders Like browserify transforms Think CSS preprocessors ES6 Module Transpilers Convert
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://www.designzum.com/2014/02/07/best-javascript-html5-presentation-frameworks/
http://blog.koba04.com/vuejs-book/
koba04.com
Front-end Build Tools - JTF2014 Tokyo
http://secappdev.org/handouts/2013/Tom%20Van%20Cutsem/tvcutsem_JS_Security.pdf
Turbulenz
gulpでbrowserify使ってcoffee-scriptの監視とコンパイル - Qiita
plugins/src/blackList.json at master · gulpjs/plugins
