Bower入門(基礎編) - from scratch
Bower入門 これから Bower について書いてきます。Bowerの使い方から実際に使う上で考慮することまで含めて書きます。 長くなりそうなので単に使うだけの基礎編とモジュールを作る上で気をつけることをまとめた応用編に分けて書きます。 Bower とは Twitter社が作ったフロントエンド用のパッケージマネージャです。 Java で言う Maven、 Ruby で言う gem、 Perl で言う cpan のようなものです。 Node.jsには npm と呼ばれるパッケージマネージャがありますが、それに強く影響を受けています。 パッケージマネージャを利用することでライブラリを自分で管理する必要がなくなり、管理するファイルの数を減らすことができます。 また、パッケージマネージャを利用することでライブラリのバージョン管理をしやすくなります。 さらに自分のライブラリを Bower comp
[Grunt]Yeomanで開発ワークフローを楽にしよう[bower] | DevelopersIO
※2013/5/14 Yoemanってスペルミスしまくってたのを修正 Yeoman(ヨーマン)とは LESS、Sass、compass、Coffeescript、TypeScript等々、クライアントサイドのWebアプリケーション技術は多様化しています。 Coffee ScriptやLESS等の拡張言語はコンパイルする必要がありますし、jsファイルはconcat/最適化/ミニファイすることも多いです。 ソースを修正するたびにいちいち手動でコンパイルしたり最適化するのは、本来注力すべき事象ではありません。 Yeomanは開発者がアプリケーション開発に注力できるよう、アプリのひな形生成からテストやコンパイル、ファイル最適化といったワークフローを提供してくれます。 Yeomanについてはここでも少しふれていますが、開発を楽に楽しくするためのツールが満載のようですね。 まずはYoemonについての
phiary
前回 nvm を使った Node.js, npm のインストール方法 について紹介しました. 今回は Node.js のパッケージ管理ツール npm の使い方と packcage.json の活用方法について紹介します. npm の使い方をマスターすれば, 自作の Node.js パッケージを 公開したり, Node.js を使ったプロジェクトをキレイに管理できます. ぜひ参考にしてください. npm ってなに? npm とは Node Package Manager の略で Node で 作られたパッケージモジュールを管理するためのツールです. 基本 Node.js をインストールすれば一緒にインストールされます. ターミナル or コマンドプロンプトで $npm -v を実行するとバージョンが表示されるのが分かるかと思います. Python でいう easy_install, もしくは
Google Closure LibraryのユニットテストをPhantomJSで実行するやつ - yo_waka's blog
を2年前くらいに作ったのだけど、久々にGoogle Closure Libraryを使いたくなって、そうなるとテストも書かないとなので引っ張りだして使おうと思ったのですが、なにせ2年前に作ったものなので、ソースコードはレガシー感が漂ってて、使ってるPhantomJSのAPIもdeprecatedになっていたりしたのでいろいろ直してアップデート（リポジトリ名も少し変更）。 waka/closure-library-phantomjs 単一のテストファイルのテストでもマルチテストランナーを使った複数テストファイルのテストでも同じ使い方です。 詳しい使い方やオプションは、READMEに書いた。 最近Mochaでテストを書くことが多いのですが、出力形式をいろいろ選べるの楽しくていいなと思ったので、インターフェース切ってリポーターをいくつか使えるようにした。 実際よく使うのは、見やすいSpec形式と
node.jsのいろいろなモジュール15 – bowerでクライアントのライブラリを管理 | DevelopersIO
ライブラリ管理がめんどい クライアント側で使用するサードパーティ製ライブラリ管理を面倒に感じたことはありませんか？ 毎回公式サイトから持ってきてしてディレクトリに置いたり、バージョンアップしたらまた公式サイトから持ってきて・・・ そんな管理が煩わしいとおもっている人に、今回はクライアント側パッケージ管理ツールを紹介します。 bowerとは? bowerとは、Twitterが公開しているクライアントサイド用パッケージマネージャです。 サーバサイドではnode.jsのnpmでパッケージ管理をしますが、それのクライアントサイド版ですね。 jqueryやbackbone.jsなどのライブラリを簡単にインストールでき、依存関係も管理できます。 bowerはnode.jsのモジュールとして提供されており、npmをつかってインストールします。 ではbowerをインストールし、比較的よく使うコマンドをいく
Node.js+Expressでブラウザ上でアニメGIFを作るための便利ツール作った - 海峡
日本人なら皆、日常的にアニメーションGIFを作って遊んでいると思う。野球、相撲、反原発デモに並ぶ国民的スポーツと言っても過言ではない。 スマートフォンアプリだとGifBoomという革命的便利ツールがあるからいいんだけど、PCで作ろうとなると良いツールがなくてimagemagickを直接叩くとかしなければならなくて困ってた。 アニメGIFを作るためのブラウザ上で動く何かがあればいいと思って作った。 名前は2012年に発売された革命的デバイスにちなんで"gifkobo"。 機能 主にできることとしてはこんな感じ。 コマンドから画像素材のあるディレクトリをコマンドから起動 アニメGIFに使いたい画像をクリックで選択するGifBoomっぽいUI Delay（アニメを表示するときの遅延時間）とSize（生成するアニメの幅と高さ）の指定 生成されるGIFのcanvas上での逐次プレビュー（生成されるG
Gruntの概要と導入手順とメリット | 1000ch.net
2012/12/08 Gruntとは grunt: a task-based command line build tool for JavaScript projects もはや説明不要の可能性もありますが、 gruntがgrunt-cliへの移行(?)をしたこともあり、まとめてみました。 コマンドラインで使用するビルドタスクのツールです。 js(ほぼjson)の設定ファイル上に、concatやminifyといったようなタスクを定義し、 コマンドラインから実行します。言葉だけだとイメージ湧きにくいと思いますので、 使ってもらうのが一番と言い張って導入手順の説明に入ります。 npmからgrunt-cliをインストールする （nodeとnpmはインストール済み・・・よね？） npm install -g grunt-cli これで核となるCLIのインストールは完了です。 ターミ
Gruntによる継続的なビルド環境を求めて 〜 package.jsonと0.4.0のこと
安定したビルド環境 gruntの広まりを感じる...。みんな...package.jsonをつかうのです...そしてバージョンにも気を遣ってstableな環境を目指すのです....安定して使えないビルド環境はいくらナウくてもゴミです....。 — aho.mu (@ahomu) December 11, 2012 夏前に、nodeでビルドってなんかナウい(∩´∀｀)∩ワーイって使い始めて、秋から現職のプロジェクトで実践してみた結果、そんな当たり前な視点を忘れないようにしなければ、と強く思った次第。 今回は下記の2点を紹介します。 Gruntと永く付き合うためのノウハウとして、package.jsonを使った管理について 賞味期限の短いノウハウとして、Grunt 0.4.0への移行に関して Gruntイイヨーの続きとして、今後付き合っていくために必要なことを改めておさらい。 1. packa
Angular JSを使おう2 Testaularの使い方 « NAVER Engineers' Blog
こんにちは、こんばんわ NHN Japan ウェブサービス本部開発1室UITチーム 吉田徹生(@teyosh)と申します。 前回の続きでAngularJSについて紹介していきたいと思います。 AngularJSって何？という方は前回の記事[Angular JSを使おう]を御覧ください。 ここ数年でJavaScriptのコードは膨大に増えてきていると感じています。 出来うる限りバグを少なくしよう、保守をしやすくしようと様々なライブラリーやデザインパターンが導入されてきています。 それに伴い、JavaScript界隈にもテストを重視する様になってきて、クオリティも上がってきていると思います。 さて、JavasScriptのテストといえばQunit、Jasmine、Mocha、seleniumなどを挙げられると思います。 今回はそれらとは少し違うAngular JSのために作られたTes
クライアントJSをパッケージ管理できるjamjsが便利 - mizchi log
nodeのnpmみたいなインターフェースで、クライアントjsの依存管理をする。 インストール $ npm install -g jamjspackage.jsonのjamプロパティ以下に依存モジュール書く { "name": "hogefuga", "version": "0.0.0", "jam": { "baseUrl": ".", "packageDir": "vendor", "dependencies": { "jquery": "1.7.x", "backbone": null, "underscore": null } } }package.jsonの定義に従ってダウンロード $ jam install自分はcompileまでする。 $ jam compile vendor/all.jsあとはみたいに読みこめば、jquery,backbone, underscoreが読み込み
Buster.JSについて少しLTした - yaakaito.org
こんにちは！うきょーです。 突然LTすることになったので、最近気になってるBuster.JSネタで話してきました。 LTなのであんまり内容は濃くないです。iPhoneシュミレーターとかでも楽に動くし便利だね！というくらいです。 スライドにはほとんど情報がないので、どんな感じで話したかを箇条書きで。 yaakaito.orgが変なところに飛ばされとる (今はなおったみたい) みんなJSかきますよね！テストやってますか？？？ フレームワークいろいろありますが、最近はBuster.JSがアツい JSTestDriverのようにブラウザ上での自動実行と、ヘッドレスでの実行がサポートされている “Test-Driven JavaScript Development”でも言及されていますが、実際の環境で動かせることは大事 ちなみにこの本書いた人がBuster.JSの作者で、Buster.JSはこの本に
Node.jsのmoduleの書き方の基本: 別のファイルのオブジェクトや関数をrequireして使う方法 - memo.yomukaku.net
node.jsにはCommonJSのモジュールに準拠したmodule機構があり、あるファイルの中から別のファイルの中の関数やオブジェクトを呼び出して使うことができるようになっています。 モジュールには「コア・モジュール」と呼ばれ、node.jsに標準で組み込まれているモジュールの他に、第三者が開発してnpmjs.orgなどで配布されているモジュールがあります。 コア・モジュールの例はhttpモジュールやcryptoモジュールなどで、どこかからかモジュールをダウンロードしてインストールしなくても、単純にrequireすることで即座に使用可能になるものです。 例えば、次の例ではコア・モジュールであるcryptoモジュールをrequireし、DiffieHellmanクラスのインスタンスを得ています。 var crypto = require('crypto') , alice = crypto
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
– Tech Pro Shopping
Gruntをv0.3からv0.4にアップデートした | jekylog
A Node in Nodes