WEB+DB PRESS Vol.73にJSのユニットテストについて書きました！ - teppeis blog
本日（2/23）発売の WEB+DB PRESS Vol.73 にて、JavaScript連載第6回『最新ツールを使ったモダンなユニットテスト Mocha, Testem, Sinon.JS』を執筆させていただきました！ WEB+DB PRESS Vol.73 作者: 設樂洋爾,白土慧,はまちや2,大和田純,松田明,後藤大輔,ひろせまさあき,小林篤,近藤宇智朗,まかまか般若波羅蜜,Mr. O,川添貴生,重国和宏,柳澤建太郎,奥野幹也,佐藤鉄平,後藤秀宣,mala,中島聡,堤智代,森田創,A-Listers,WEB+DB PRESS編集部出版社/メーカー: 技術評論社発売日: 2013/02/23メディア: 大型本購入: 12人 クリック: 131回この商品を含むブログ (4件) を見る 内容はこんな感じ。 最近のJS開発におけるユニットテストの位置づけ やたらと盛り上がっているJSのテスト
1年前のSass/Compassを振り返ってみた - teppeis blog
昨年末のブログを見てみたら、Sass/CompassでPass風のメニューを作って遊んでました。 当時はSass 3.2のリリース前で、あれこれとダーティハックをしていたので、最近のSass/Compassだとどうなるのか？と思ってアップデートしてみました。 https://github.com/teppeis/menu-like-path この1年でSass/Compassがどう進化したのか、進化しなかったのか見てみます。 Sass 3.2: @content 1年前は無理矢理alpha版をインストールして使っていた@contentが正式に使えるようになりました。 今回使っているkeyframesの他は、メディアクエリなんかに活用できます。 Sass 3.2: 可変長配列 mixinの引数に可変長配列を指定できるようになったので、主にベンダープレフィックスの指定が楽になりました。 /*
fixclosure
fixclosure is JavaScript dependency checker/fixer for Closure Library based on ECMAScript AST. It finds namespaces used in a JavaScript file and insert/remove goog.provide, goog.require, goog.requireType and goog.forwardDeclare automatically. Install Usage The following code goog.require()s an unused namespace goog.unused, also goog.missing is used but not goog.require()d. // foo.js (before) goog.
goog.require()を手書きしていいのは小学生まで
ありえるえりあミニ勉強会#4 ～ Google Closure LibraryでのLT資料 http://connpass.com/event/1214/
jQueryの未来に備える - Cybozu Inside Out | サイボウズエンジニアのブログ
こんにちは、kintoneを作っているエンジニアの佐藤鉄平(@teppeis)です。先日10/24に発売されたWEB+DB PRESS Vol.71のJavaScript連載で「プログラマのためのjQuery再入門」という記事を書かせて頂きました。 ワンランク上のjQuery使いを目指す方のために、こんな内容になっています。 パフォーマンスアップの秘訣 Sizzleの仕組みとセレクタの高速化 on/offによる新しいイベント制御API Deferredを使った非同期処理 最新版の1.8.2をもとに書いたので、1.4あたりでjQueryに入門した方の知識のブラッシュアップにもオススメです。是非ご覧ください。 これでもう「jQueryは甘え」なんて言わせません！ jQuery 1.9で削除されるかもしれないAPIたち さて、jQueryの次期バージョン1.9が来年前半に計画されています。 1.
WEB+DB PRESS Vol.71のJavaScript連載にjQuery再入門の記事を書いたよ。 - teppeis blog
本日10/24発売のWEB+DB PRESS Vol.71のJavaScript連載に「プログラマのためのjQuery再入門 〜パフォーマンス，イベント制御，非同期処理〜」という記事を書きました！ WEB+DB PRESS Vol.71 作者: 竹迫良範,Jxck,じょさん,後藤秀宣,藤原俊一郎,奥野幹也,堤智代,森田創,中島聡,A-Listers,はまちや2,相澤歩,柴田博志,池田尚史,梅澤雄一郎,九岡佑介,近藤宇智朗,佐藤鉄平,mala,WEB+DB PRESS編集部出版社/メーカー: 技術評論社発売日: 2012/10/24メディア: 大型本購入: 12人 クリック: 155回この商品を含むブログ (10件) を見る 最近のjQueryって何か変わったの？ jQueryは自前でホストしてますが何か？ このセレクタって遅くならないかな？ Sizzleって何？ $.delegateってど
Mountain LionでHomebrewがこける件 - teppeis blog
クロネコさんからMacBook Airを受け取って、いつもの流れでXcode入れてHomebrew入れてもろもろbrew installしていったところ、brew install svnの途中でmakeが見つからないエラーで止まる。 どうやらXcode入れるだけじゃだめで、Xcodeの設定画面から"Preferences > Downloads > Command Line Tools"を別途インストールする必要がある模様*1。最近はXcodeとコマンドラインツールは別配布なんですね。 makeが通ったら別のエラーが発生。 configure:4135: error: C preprocessor "/Applications/Xcode.app/Contents/Developer/Toolchains/OSX10.8.xctoolchain/usr/bin/cc -E" fails s
WEB+DB PRESS Vol.69にRequireJSネタを書いたよ。 - teppeis blog
本日6/23発売のWEB+DB PRESS Vol.69のJavaScript連載にて「RequireJSでらくらくモジュール管理」という記事を書きました。 WEB+DB PRESS Vol.69 作者: 大塚弘記,渡辺修司,堤智代,森田創,中島聡,A-Listers,はまちや2,川添貴生,井上誠一郎,近藤宇智朗,ヒノケン,後藤秀宣,佐藤鉄平,mala,奥野幹也,伊藤智章,WEB+DB PRESS編集部出版社/メーカー: 技術評論社発売日: 2012/06/23メディア: 大型本購入: 11人 クリック: 128回この商品を含むブログ (17件) を見る JavaScript開発にありがちなこんな状況に困っている方を対象に書きました。 コード量が増えてきて全体把握が難しくなってきた。 HTMLにscriptタグが大量に並んでいる。 jQueryプラグインも大量。 コードの再利用はコピペが基
Closure Templatesのオートエスケープが最強すぎる件 - teppeis blog
rails3以降のWEBアプリケーションにありがちなXSS - hanagemanの日記ではない この記事を読んで、ちょうど最近使っているGoogle Closure Templatesがいい感じだったので紹介します。 コンテキストが異なる/重なるポイントでのエスケープ問題 最近のほとんどのテンプレートエンジンでは、変数埋め込みをデフォルトでHTMLエスケープしてくれます。が、元記事で指摘されているように、それでは正しくないケースがあります。HTML PCDATA以外のコンテキストで文字列を生成したり、複数のコンテキストが重なっている箇所です。 極端な例としてはこんな感じです。 <a href="{$x1}" onclick="alert('{$x2}')">{$x3}</a> <script> var x = '{$x4}'; var y = {$x5}; </script> <styl
Stylus/mochaがやってるGlobal leakテストとNode.js Debugger - teppeis blog
先日、Stylusのコードをいじってたらグローバルリークがあったので、修正してPullリクエストしました。（TJが即マージしてリリース済みだよ！） リークを見つけたのは、StylusのテストコードにGlobalオブジェクト汚染を検出するテストがあってそれをたまたま走らせただけなのですが、このテストがシンプルかつ効果的でいいなと思いました。 https://github.com/LearnBoost/stylus/blob/master/test/run.js // Testの初期化時にデフォルトのグローバルオブジェクトのキーを保存。 var globals = Object.keys(global); ... // Testが終わったらグローバルオブジェクトの差分をチェック function done() { Object.keys(global).forEach(function(nam
Mac OS X & Homebrewでcairoのインストール - teppeis blog
node-canvasをインストールするために、依存するcairoをbrewで入れようとしたらなんかエラー。 $ brew install cairo ... ld: lto: could not merge in .libs/cairo-analysis-surface.o because Unknown instruction for architecture x86_64 collect2: ld returned 1 exit status make[3]: *** [libcairo.la] Error 1 make[2]: *** [install] Error 2 make[1]: *** [install-recursive] Error 1 make: *** [install] Error 2 ==> Exit Status: 2 http://github.com/m
Sass&CompassでPath風のメニューを作ってみた - teppeis blog
2012/12/31 フォロー記事書きました: 1年前のSass/Compassを振り返ってみた みんな気になってしょうがないPathのアレを、Sass, Compass, CSS3 Animationsのお勉強をかねて作ってみました。Chrome, Safari, Firefox, IE10で動きます。 Demo: http://teppeis.github.com/menu-like-path/ Source: https://github.com/teppeis/menu-like-path 「CSSでPath風メニュー」っていうのは国内外ですでにたくさんあるので、気になったところなどSass&Compass寄りでいくつか書きます。 SCSSの記述量はCSSの約5分の1 今回作ったもので、SCSSで約300行（後述の自作ライブラリ含む）、コンパイル後はCSSで約1550行になりました
Node.jsの管理をHomebrewからnaveに移行した - teppeis blog
[追記] 現在はnodebrewを使ってます。おすすめ。 昔HomebrewでNode.jsをインストールしたけどnaveに移行したよという話。作業ついでに調べたことのメモ。 こんな生Node.jsはいやだ！（Homebrewとかのパッケージ管理やソースから入れたときの問題点） Node.jsのバージョンがもりもり上がる（これはソースから入れたときの問題） 0.4系(stable)と0.5系(dev)を気軽に切り替えて試せない Node.js本体とnpmの権限が違ったりして、sudoするとかしないとか面倒 Node.js本体を管理するユーティリティとしてnvmとnaveっていう2つがあって機能はだいたい一緒。ただし、nvmはzshとの相性が悪いようでパッチを当てなきゃならんらしく、zsh厨としてはとりあえずnaveを選択。naveはnpmと作者が同じなので相性もいいはず（という願い）。 今
Mac OS X Lionで外部モニターを接続するとクラッシュする原因はInsomniaTだった - teppeis blog
先日、MacBookでデュアルディスプレイでフルスクリーンにするとフリーズすると書いたのですが、実際にはフルスクリーンにする前に外部ディスプレーを接続した時点でCPU暴走が始まっていてハングしているようでした。 Mac OS X 10.7.1もリリースされたところでもう一度情報収集していると、Appleのフォーラムで解答を見つけました。 Gentlemen! Removing InsomniaT solved it for me. It seems to work just fine now, and the error messages, the high CPU load and the freezes are gone. https://discussions.apple.com/message/15752716 InsomniaTのこのバグが原因だったようです。 Bug #8043
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Gmail like loading animation in pure CSS
CROSS 2022
Browser oh browser browser
時を超えた JavaScript の道
