はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

仕事で grunt を使っていましたが、日日肥大化する Gruntfile を生理的に受け付けなく、自分でビルドツールを作ってみました。 じゃあどんなのが欲しいのか ビジュアル的に分かりやすいワークフロー ファイルの読み書きは最初と最後だけ シンプルなプラグイン Cakefileや他のCLIとの互換性 Prunt Githubリポジトリ: hden/prunt インストールはnpm install prunt A prunt is a small blob of glass fused to another piece of glass to help provide a firm grip in the absence of a handle. -- modified from Wikipedia. この記事を読んで分かること pruntを作ったきっかけ 基本的な使い方 ビジュアル的に分

駆動開発にて一行書き換えた度にブラウザをリロードする人いらっしゃいませんか？ 複数のブラウザやモバイルなどもまとめてCIしたい方は？ 今回はCLIでブラウザテストをするためのテストランナーtestemを紹介します。 testemのお勧めポイント 複数のブラウザ、phantomjsでテスト可能 CIモードではブラウザの起動まで全自動化 mochaやjasmineなど人気があるフレームワークに対応済み coffee-script、LESS、Browserifyなどの前処理も自動にやってくれます testem ciコマンドでブラウザまで起動してくれます インストール

webアプリにてHTMLビューの作成はサーバーサイドとクライアントサイド、どちらでも可能です。迷って色々調べた所面白いフレームワークが見つかったので紹介します。 サーバーサイド？クライアントサイド？ サーバーサイドレンダリングのサーバーはRESTful APIに専念して、極力HTMLビューの作成をさけ、クライアント側に任せるアーキテクチャーで、2010年時のツイッターがそうです。 クライアントレンダリングの問題点として、よく取り上げられるのが リクエストはクライアント側からサーバ側に、一往復して帰ってくる、ネット状態によっては往復する分時間がかかる。 curl、又はJavaScriptが制限されたブラウザではアクセス不能。 同様、サーチエンジンと相性が悪い、SEOに不便。 で、ツイッターは2012年からレンダリングを大半サーバーサイドに戻した、とブログに書かれてます。 それに対してLink

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

CoffeeScript > 1.6。literateモードネタです。 literateモードとは? If you name your file with a .litcoffee extension, you can write it as a Markdown document. - coffeescript.org つまりmarkdown文中のコードブロックをそのまま実行、またはコンパイルしてくれる事です。従来のコメント部分を返って重視し、コードを文書の様に書く事で、読みやすさの上昇を狙っています。サンプル。 Jeremy本人のブログエンジンもliterateモードで書かれています。 Gistでブログ Gistに投稿したgistをそのままブログの文書にする。D3.jsでおなじみのMike Bostockが使っている方法です。D3.jsのオフィシャルサンプルやMike本人のブログがそう

jsdomやphantomjs(headless webkit)ではなくリアルブラウザでのテストが出来ます。結果的にはこの様なバッジが出来て、githubにpushする度更新されるので便利。 jasmineでテスト環境を整えてる方もいらっしゃると思いますが、公式アダプター/ハーネスが無くてtestling-ciとの相性が良く無い。 ですので書いてみまして、testling-ci用のハーネス。 環境を整える まずはwebhook 次にjasmineを入手。testling-ciではrequireされたスクリプトは全てbrowserifyされますのでjasmine本体に少し工夫が必要。加工済みバージョンはココ。 以下このの様な環境を想定します。 |-package.json |-jasmine-harness.coffee |-lib | |---jasmine | |---jasmine-r

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?