2015-11-23のJS: JSDoc 3.4.0、Grunt/Bowerの今後、JavaScriptトレンド - JSer.info

2015/11/24 17 users Grunt modules JSDoc jsx ES6

JSer.info #254 - JSDoc 3.4.0がリリースされました。 jsdoc/CHANGES.md at 3.4.0 · jsdoc3/jsdoc パーサーにEspreeを使うことでES6やJSXのコードをパース出来るようになりました。 それに加えてまだ完全ではありませんが、ES6 Classesやmodulesに関するサポートが追加されています。 Use JSDoc: ES 201... 続きを読む

Rails 4 + Bootstrap-Material-Design - ミニマリストになりたいエンジニア

2015/11/01 61 users Heroku GitHub Install ミニマリスト デモ

2015-08-03 Rails 4 + Bootstrap-Material-Design 出来上がったもの デモ ( Heroku ) GitHub 使うもの Node.js v0.12.3 Ruby 2.2.2 Bowerを入れる $ npm install -g bower Bundlerを入れる $ gem install bundler Rails new $ bundle exec ... 続きを読む

npm とか bower とか一体何なんだよ！Javascript 界隈の文脈を理解しよう - Qiita

2015/09/24 681 users Rails npm Qiita サーバーサイド 文脈

背景 Javascript で Web アプリを作ろうとすると、よくわからないことだらけで超混乱します。 npm と bower ってどう違うの？ npm はサーバーサイド用、bower はクライアントサイド用らしいよ えっ、でもなんで bower のインストールに npm が必要なの？ サーバーサイドは Rails で書きたいから npm 要らないと思うんだけど・・・ ていうかサーバーサイドJS... 続きを読む

webpackを使ってJavaScriptのビルド／minify（＋Bower） - CLOVER

2015/09/21 34 users クライアントサイド SourceMap Webpack 手段

Node.js, Bower, webpack最近のフロントエンド事情には全然詳しくないのですが、ちょっと以下のようなことをやろうかなと思いまして。 複数のJavaScriptをまとめたい まとめたJavaScriptはminifyしたい SourceMapも作成したい Bowerを使って依存関係も解決したい Bowerで解決しようとしているのは、他に手段をよく知らないのとクライアントサイドのJa... 続きを読む

Rails + React + FluxxorでFluxxorチュートリアル - Qiita

2015/06/08 31 users Rails Qiita React Flux http

はじめに Fluxの勉強 ↑曖昧でよくわからなかったのでFWとかあればいいかなー FluxxorとFlummoxというものを発見 assetsをbowerで管理していたので、Fluxxorとりあえずやることに Flummoxはbower searchしても出てこなかった... 正直未だにちゃんと理解できてるとは言い難いので間違えてたらごめんなさい。 試したのはここ http://fluxxor.c... 続きを読む

bower-browser·これは便利！Bower管理フロントエンド MOONGIFT

2015/02/10 44 users MOONGIFT npm ライブラリ npm install

最近のフロントエンド開発で欠かせないのがBowerです。コマンド一つで有名なライブラリをインストールできるのは便利なのですが、その管理となると意外と煩雑になりがちです。 そこで使ってみたいのがbower-browserです。楽天の開発したBower管理ツールです。 bower-browserの使い方 bower-browserのインストールはnpmでできます。 npm install -g bow... 続きを読む

JavaScript - 小さく始める isomorphic module pattern - Qiita

2015/02/07 158 users Qiita モジュールシステム npm Isomorphic

せっかく window や node/io の標準モジュールに依存していないロジックであれば、 ブラウザでも node/io で動くようにしておくと色々嬉しい。が軽視されている感がある。 俗に isomorphic な JavaScript と呼ばれている。 それを npm と bower で公開するのであれば、問題はモジュールシステムだ。 最小の isomorphic module patter... 続きを読む

railsでもbowerでasset管理しつつherokuにもdeployする方法 - Qiita

2014/12/01 11 users Heroku Rails Qiita 方法

gem 'jbuilder', '~> 2.0' gem 'enumerize' gem 'factory_girl_rails' +gem 'bower-rails' group :development, :test do gem 'spring' 続きを読む

Qiita API v2用... - Qiita Blog

2014/12/01 25 users Qiita API Qiita Blog npm Save

ここが俺の新しい日記帳か、と入社して一ヶ月の@mizchiです。 この度、Qiita API v2用にnode.jsとブラウザで動くJavaScriptクライアントをリリースしました。 使ってみる npm もしくは bower からインストールすることができます。 $ npm install qiita-js --save $ bower install qiita-js --save それぞれの... 続きを読む

RailsでBower - Qiita

2014/11/27 51 users Heroku Rails Homebrew npm Qiita

RailsでBowerを利用して開発する方法と、Herokuで動作させる方法について説明する。 brew install npm bowerを利用するにはnpmが必要になる。開発環境にMacを利用している場合、npmはhomebrewでインストールできる。余談だけど、普通にbrew installで開発者が各自手元にインストールすると「開発環境ではこういうツールを利用している」という情報が失われて... 続きを読む

ASP.NET 5 と Visual Studio 2015 では Bower と Grunt が標準になるみたいなので勉強してみた - しばやん雑記

2014/11/25 72 users npm Grunt ＡＳＰ しば 雑記

2014-11-25 ASP.NET 5 と Visual Studio 2015 では Bower と Grunt が標準になるみたいなので勉強してみた ASP.NET Visual Studio JavaScript ASP.NET 5 と Visual Studio 2015 Preview では Bower と Grunt、そして npm へ標準で対応するようになりました。今後は ASP.... 続きを読む

bowerと仲良くなる - Qiita

2014/10/05 46 users Qiita Grunt angular script 挿入

<script src="/bower_components/angular/angular.js"></script> いちいちこういうコード書いてる人、いませんよね。bowerを使えるなら自動で挿入(インジェクション)すべきです。 main-bower-filesを活用すべし しばらくgruntでgrunt-wiredepを使っていたんですが、useminに脳を焼かれたためGrunt自体やめま... 続きを読む

bower-buildでbowerで入れたファイルを一つにconcatする - Qiita

2014/08/17 34 users Qiita Gulp mizchi Grunt タスク

bower、普通に入れるだけだとbower_components/...に入るんだけど、index.htmlから相対パスで一個一個引いたりするのが面倒なので、だいたいconcatして一つにまとめたりする。 で、gulpやgruntのタスクを書くんだけど、毎回やるの面倒になったので、それだけのタスクをやるライブラリをさっくり作った。 mizchi/bower-build いれる。 $ bower i... 続きを読む

Gruntで始めるWeb開発爆速自動化入門（終）：あなたのWeb開発人生を変えるYeoman、Bower、Yoのインストールと使い方 (1/3) - ＠IT

2014/07/02 373 users npm Yeoman Grunt npmモジュール 連載目次

連載目次 前回記事「Gruntで独自タスクを定義し、独自プラグインをnpmモジュールとして作成・公開するには」では、Gruntを使っていろいろな手法でタスクを定義する手法や、独自プラグインを作成してnpmで公開する方法について解説しました。 今回は少し角度を変えて、Gruntを自身の機能として利用しており、快適な開発ワークフローを提供してくれるツール、「Yeoman」について解説します。 3つのツ... 続きを読む

npm + gulp + bower でビルド自動化 - GeekFactory

2014/07/01 113 users npm Gulp GeekFactory ボトルネック CSS

2014-07-02 npm + gulp + bower でビルド自動化 JavaScriptやCSSのビルドを自動化することで、手作業による無駄な時間やミスを削減できます。また、誰でもビルドできるようになるため、リリースのボトルネックを解消できます。 改善したいこと JavaScriptフレームワークやCSSフレームワークの依存関係を自動的に管理したい。ダウンロードして配置を手作業でやりたくな... 続きを読む

rails と bower を組み合わせて assets を良い感じに使う術 - HsbtDiary(2014-06-17)

2014/06/17 65 users assets Rails HsbtDiary tdiary

rails と bower を組み合わせて assets を良い感じに使う術npm と bower と grunt を使って javascripts のテストに必要なライブラリをインストールするようにした by hsbt · Pull Request #414 · tdiary/tdiary-core で導入した npm, grunt, bower の組み合わせで javascript/css を... 続きを読む

バンディットアルゴリズムのシミュレータを作ってみました ~ blog.k11i.biz

2014/03/31 13 users バンディットアルゴリズム シミュレータ Yeoman ベース

2014年3月31日月曜日 バンディットアルゴリズムのシミュレータを作ってみました Posted on 12:37 by Atsushi KOMIYA | No comments お手軽に各種バンディットアルゴリズムの特性・性能を比較することができる Web ベースのバンディットアルゴリズムシミュレータを、Yeoman, Bower, Grunt, D3.js, NVD3.js, AngularJ... 続きを読む

Gruntで始めるWeb開発爆速自動化入門（1）：ブラックなWeb開発現場の救世主、Gruntのインストールと使い方 (1/2) - ＠IT

2014/03/04 605 users Grunt ビルドツール Yeoman IDE エディター

Gruntで始めるWeb開発爆速自動化入門（1）：ブラックなWeb開発現場の救世主、Gruntのインストールと使い方 (1/2) JavaScriptメインでWeb開発を行う際にさまざまな作業を自動化して開発効率を爆発的に高めるツール（Grunt、Yeoman、Bowerなど）やエディター、IDE、実行環境などを紹介していく連載。初回は主なビルドツールを紹介し、Gruntの概要と特長、環境構築の仕... 続きを読む

Bower入門(基礎編) - from scratch

2013/06/01 497 users from Scratch パッケージマネージャ 基礎編 実際

2013-06-01 Bower入門(基礎編) node.js bower Bower入門 これから Bower について書いてきます。Bowerの使い方から実際に使う上で考慮することまで含めて書きます。 長くなりそうなので単に使うだけの基礎編とモジュールを作る上で気をつけることをまとめた応用編に分けて書きます。 Bower とは Twitter社が作ったフロントエンド用のパッケージマネージャです... 続きを読む

node.jsのいろいろなモジュール15 – bowerでクライアントのライブラリを管理 ｜ クラスメソッド開発ブログ

2013/02/04 36 users Twitter ディレクトリ ライブラリ クライアント 管理

ライブラリ管理がめんどい クライアント側で使用するサードパーティ製ライブラリ管理を面倒に感じたことはありませんか？ 毎回公式サイトから持ってきてしてディレクトリに置いたり、バージョンアップしたらまた公式サイトから持ってきて・・・ そんな管理が煩わしいとおもっている人に、今回はクライアント側パッケージ管理ツールを紹介します。 bowerとは? bowerとは、Twitterが公開しているクライアント... 続きを読む

Bootstrapに次ぐ定番となるか？Twitter社がWeb用パッケージマネージャ『BOWER』をリリース | IDEA*IDEA

2012/09/10 63 users Install jQuery GitHub npm IDEA

Twitter社からまたしてもGithub的プロジェクトが。今回はコマンドラインからWeb用のいろいろをパッケージ管理できる「BOWER」です。 ↑ なんともシンプルな佇まいｗ。 ↑ ま、本体はGithubにあります。 Installは「npm」を使ってやるようなのでnode.jsが必要ですね。 ざざっとできることを羅列しておくと・・・。 jQuery、jQuery UI、Backbone.jsや... 続きを読む