ama-chのブックマーク - はてなブックマーク

graphite, grafana, sitespeed.io, diamond で継続 Web パフォーマンスモニタリング - Qiita

graphite, grafana, sitespeed.io, diamond で継続 Web パフォーマンスモニタリングgraphitegrafanadiamondperformancesitespeed.io Web のパフォーマンス継続モニタリング環境 intro Web の健康状態を把握するためには、きちんとしたモニタリング環境を整える必要がある。正しくメトリクスが測定できていないと、正しくボトルネックの把握ができないし、チューニングの副作用も正しく把握できない、アプリの変更の影響もわからないし、負荷対策もできない。単にパフォーマンスチューニングだけのためではない。が、パフォーマンスチューニングには必須、という関係。そして、メトリクスは一回適当に取っただけでは正確とは言えず、やっぱり定期的な取得が必要になる。この辺のノウハウは、サーバサイドではかなり成熟している。しかし

ama-ch 2015/06/01

リンク

小さく始める isomorphic module pattern - Qiita

せっかく window や node/io の標準モジュールに依存していないロジックであれば、ブラウザでも node/io で動くようにしておくと色々嬉しい。が軽視されている感がある。俗に isomorphic な JavaScript と呼ばれている。それを npm と bower で公開するのであれば、問題はモジュールシステムだ。最小の isomorphic module pattern 一番シンプルで負荷の少ない方法。まず、ライブラリを以下のように書く。 // lib.js function Lib() { // 変数は外に出さない } Lib.prototype.foo = function(){ return "foo"; }; this.Lib = Lib; // point

ama-ch 2015/02/10

module

リンク

IE10 以下を切る場合の JavaScript チェックリスト - Qiita

この投稿は、 JavaScript Advent Calendar 18日目の記事です。更新履歴こちらをご覧下さい JavaScript の書き方をアップデートする JavaScript Good Parts で書かれているような JS の書き方は、古くなりつつある部分も多いです。正直なところ、自分はあの本が「今でも」良書だとは思っていません。初学者に勧めることもしません。まんべんなさと普遍性と客観性から「パーフェクト JavaScript」を勧めています。その頃と比べると、 JavaScript をとりまく環境は変わりました JavaScript の進化に合わせて書き方もアップデートしていくべきなので、今回は分かりやすいしきい値として「IE10 以下を切れるとしたら」という前提で、列挙してみます。たとえば XHR2 や File API に依存したサービスをやる場合な

ama-ch 2014/12/21

リンク

npm で依存もタスクも一元化する - Qiita

タスク管理 package.json にはパッケージの依存を書いて npm install するのが基本だけど、タスクの管理をどうするかというのは、別途また考えないといけない。自分は gulp が良いと思っているが、 grunt や jake や make を使う人もいる。また、たくさんオプションをつければほぼ一つのタスクが実行できてしまう browserify, jsh/eslint, mocha などのコマンドを提供するツールもある。そして、 npm にも一部それらをサポートする npm run 機能があるので、そこに Unix ワンライナーを書くこともできる。今回は、「どのタスクツールが最良か」みたいな話ではなく、それらをどうやって実行するか、または npm との棲み分けとか構成の流儀について、最近良いと思っているやり方について書いておく。各方針で問題点を書いていくが、

ama-ch 2014/11/19

おー、これ知らなかったから試してみよう。“実は "script" を "npm run" で実行する場合は、パスが自動で通る”

npm

リンク

Dart について思っていること - Qiita

追記いくつかフィードバックを頂いたので補足。まず、 Dart と NaCl は比較対象じゃないだろ的な話は、別に比較してません。何か新しい実行環境を載せるなら LLVM が乗った方が汎用性があるのでは？という意味です。 Dart も NaCl で動けばいいんだろうし。あと、 Angular.Dart は確かに Angular.js のポーティングに留まらず、 Dart ならではの実装になっていると聞きます。 Angular は流行ってるように思いますが、 DI 周りとか見ても結構 JS の限界を突破している感じがするので、そこから Dart に流れる人もいるのかもしれませんが、そこからの流入はあまり現実的な気がしないなぁ。。話はずれるけど、 HTML5 の下りはあまりよく無かったです。うまく書けてなかったけど、例えば Gears のことです(HTML5 が始まる前から、俺の中で