[B! javascript][design] t-wadaのブックマーク

t-wada id:t-wada

javascriptとdesignに関するt-wadaのブックマーク (14)

GitHub - unassert-js/unassertify: Browserify transform for unassert: Encourages programming with assertions by providing tools to compile them away.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
t-wada 2015/05/27
契約による設計 (Design by Contract) を支援するためビルド時に表明(assertion)を除去する Browserify transform モジュールを書きました (Babel 版はこちら https://github.com/twada/babel-plugin-unassert)

browserify

programming

javascript

design
リンク
#error_handling_sushi でPromiseのエラーハンドリングについて発表した
#error_handling_sushi でJavaScriptのエラーハンドリングについて議論した。自分はPromiseのエラーハンドリングの握りつぶしの問題を見つけやすくするイベントの実装について、Promise Error Handlingという話をした。ログ: #error_handling_sushi - Togetterまとめ #error_handling_sushi 始まった #寿司とは pic.twitter.com/XZe21QTsDO — Takuto Wada (@t_wada) March 6, 2015 – 基調講演 - teppeis これが #error_handling_sushi pic.twitter.com/vSLDpthYi4 — azu (@azu_re) March 6, 2015 #error_handling_sushi 基調講演一
t-wada 2015/03/09
現時点の JavaScript (クライアント/サーバ両方含む) におけるエラーハンドリング設計について議論できる濃いイベントでした

javascript

design
リンク
power-assert, mechanism and philosophy
power-assert, mechanism and philosophy Takuto Wada (a.k.a @t_wada) Nov 15, 2014 @ Nodefest Tokyo 2014
t-wada 2014/11/15
#nodefest での講演資料をアップロードしました

power-assert

node.js

javascript

design
リンク
guiding-through-the-javascript-frameworks.pdf
Shared with Dropbox
t-wada 2014/10/01
JavaScript フレームワークの比較から始まり、後半は設計哲学にまで踏み込んでいる。とても良い資料だな。

javascript

frontend

design
リンク
Crosslink Next
t-wada 2014/08/29
ステートマシンを作成するための JavaScript ライブラリ machina.js の紹介スライド

javascript

design
リンク
https://developers.google.com/web/tools/setup/workspace/setup-devtools
Build with Chrome Learn how Chrome works, participate in origin trials, and build with Chrome everywhere.
t-wada 2014/06/20
Google が公開したマルチプラットフォーム Web アプリ開発のためのテンプレートとツールを集めた開発キット(名前もそのまんま)。足回りは Node, Ruby/Sass, Gulp.

google

web

tool

node.js

javascript

design

css

gulp
リンク
npm link and multiple levels of peerDependencies = psychedelic mess · Issue #5080 · npm/npm
So npm link behaves in (what I think is) an unexpected way when you multiple levels of packages that depend on the same peerDependency. Look at the dependency chain below. I have a Knockout app, spotify-app, that relies on a spotify-framework module that in turn relies on a spotify-library module. All three depend on knockout and it's very important that there is only one instance of Knockout in t
t-wada 2014/04/17
npm の peerDependencies は間違いだったのかスレ

javascript

node.js

design
リンク
power-assertができるまで
power-assert を作るきっかけアサーション失敗時の情報量を大幅に増やすことができるPower Assertの系譜 - Togetterまとめ chai/should/expect.js 覚えること多くて煩わしい自分で作ろうと思い立った(2013/01/08) AST 変換 power-assert は最初から AST 変換で実現しようと考えていた Groovy の Power Assert が AST 変換を行っているらしいことは何となく知っていた Groovy 1.7 Power Assert パワーアサート(Power Assert)の真の意味 Groovy 1.7のキモはAST変換である実装を見てはいないので、 Groovy の Power Assert が最近 AST 変換を行っていないらしいことは知らなかった…!
t-wada 2014/04/15
#葉桜JS の LT 資料を公開しました

power-assert

javascript

node.js

UNIX

philosophy

design

セルクマ
リンク
インタラクティブ・データビジュアライゼーション
D3は、ウェブページにロードしたデータからビジュアルを生成するJavaScriptベースのツールです。本書は、プログラマではない人々を対象として、D3を使ったデータビジュアライゼーションのプログラミングについて解説しています。ビジュアルのスキルはあるもののデータやコードをいじったことがないアーティストやグラフィックデザイナ、または大量のデータを持っているがビジュアルやコードを相手にしたことがないジャーナリストや研究者などには、本書が大いに役立つでしょう。もちろん、データの可視化について学びたい読者にもおすすめします。はじめに本書での表記サンプルコードの引用について問い合わせ先謝辞 1章　イントロダクション 1.1　なぜデータビジュアライゼーションなのか 1.2　なぜコードを書くのか 1.3　なぜ対話的にしようというのか 1.4　なぜウェブ上でなのか 1.5　この本は何なのか 1.
t-wada 2014/02/06
D3.js 本の翻訳も出るのか

javascript

web

design
リンク
Node.js — Blog
The latest Node.js news, case studies, tutorials, and resources.
t-wada 2014/01/18
TJ Fontaine (注: Mocha や express の TJ とは別の人) が Node.js の三代目リーダーに就任。 Isaac は npm に注力。

node.js
リンク
YammerがNode.jsの運用で学んだこと
Node.jsのカンファレンス NodeConf 2011にて、YammerのリードエンジニアであるMatthew Eernisse氏がNode.jsの運用を通じて学んだことについての発表を行いました。発表のサマリーは5 Lessons Learned Running Node.js in Productionで読むことができます（スライドはまだ公開されていないようです）。「コールバックを使ったスタイルのコードは、イテレーティブに開発をしやすいが、結果としてスパゲッティコードになりがち」という意見は他所でも見かけることがありますね。また、物事は失敗すると仮定せよコールバックは失敗すると仮定してデフォルトではエラーメッセージを出力するようにし、処理が上手くいった場合にエラーを取り消すようにするあとで原因を調査できるよう、すべてのエラーはログに記録しておくこと可視性とメトリクス初期
t-wada 2011/05/07
"物事は失敗すると仮定せよ" "初期段階から、あらゆるものを測定して記録するようにすべき"

javascript

node.js

design
リンク
Backbone.jsを利用したクライアントサイドMVCの導入についてそろそろ書いておくか - 出町ミスド攻防記
jQueryヘビーなアプリケーションの問題点と、MVCによる構造化の必要性 jQueryは、ブラウザ上で動くJSアプリケーションの開発生産性を劇的に向上させました。DOM操作による動的なページ書き換え処理などは、セレクタを使ってちょろっとコードを書くだけで、ほんの数行で記述できてしまいます。しかし、この方法の延長で、大規模なJSアプリケーションを構築することは果たして現実的でしょうか。例えば「GMail」や「New Twitter」程度の規模のJSアプリケーションを書かなければならないとしたら、どうでしょう？大規模なJSアプリケーションを開発するには、こういった手法を延長するのではなく、より洗練されたデザインパターンを導入する必要があります。この目的にぴったりのデザインパターンが、「MVC」デザインパターンです。 MVCパターンは、Webの世界ではサーバサイドプログラミングで広く知られ
t-wada 2011/04/08
Backbone.js は非常に気になる

javascript

architecture

design
リンク
URL Design — Warpspire
December 28, 2010 URL Design You should take time to design your URL structure. If there’s one thing I hope you rem ember after reading this article it’s to take time to design your URL structure. Don’t leave it up to your framework. Don’t leave it up to chance. Think about it and craft an experience. URL Design is a complex subject. I can’t say there are any “right” solutions — it’s much like the
t-wada 2011/01/04
github の URL 設計を例に、名前空間、人間向け URL, HTML5 時代の URL 設計などについての、とても良い文章。

REST

web

design

javascript

html5
リンク
「最速インターフェースの研究と実践」メモ - 最速チュパカブラ研究会
昨日のSIGHCIのメモです。最速インターフェースの研究と実践：ライブドア mala氏まず、自己紹介を兼ねて概論ブログ「最速インターフェース研究会」 WebのUIの進歩の停滞に対する批判を込めて名付けた自分の肩書きは「インターフェースエンジニア」よいUIを作るために「実体験に基づいたチューニングをしている」自分で使ってみるユーザの反応を見る欲望に忠実に作る作業としては、perl, html, jsの記述「実のところ、プログラミングに詳しいと言える自信はないし、デザインのことも深くはわからないが、一人で一通りこなせる（完成品を作れる）という点は自分の強み。よいUIを作るための作業は横断的。割り当てられた仕事をするだけの人ではダメ。」作品紹介 2ch最速検索キーボード操作だけでスレッド検索まだAjaxは使っていない「めくり型」UIの実験スクロールしながら読むよ
t-wada 2007/11/14
これはよいまとめ

LDR

design

javascript
リンク
1