Browserifyでrequireを使ってjavascriptの依存関係をすっきりにしてみる - undefined
ブラウザ上もでrequire使いたい 現状Coffeeのclassを異なるファイルから参照するにはwindow.HogeClassとか@HogeClassとかでグローバル変数をってたんだけどBrowserifyを使えばNode.js のモジュールのようにrequireで読み込みことができるっぽい。参考記事を見ながら簡単なサンプルを実際に作ってみた。 grunt-cli のインストール npm install -g grunt-cli package.jsonを作成 npm init 対話形式でpackage.jsonを作成。 必要な情報を入力してください。 プロジェクトに必要な情報を記述するjsonファイルが生成されます。 browserify grunt grunt-browserifyのインストール npm install browserify grunt grunt-browseri
JTF2014「フロントエンドで普及が進むビルドツールたち — Grunt、gulp ほか」の聴講メモ #techfesta - べにやまぶろぐ
Swift のセッションに並んでこちらもフロント寄りのお話ということで、最近 Grunt あんまり活かせていないもやもやが解消するかなと思って こちらのセッション に参加してきました。そしたら時代は今や Gulp ですよという話に… 個人的に響いたこと Grunt から今や時代は Gulp に傾きつつある (Google も Gulp を担いだらしい、Yeoman はどうなった？？) デザイナーさんがタスクランナー活用して開発する時代 古典的アプローチでマルチデバイスのレスポンシブ対応とか無理 WF だと手戻り多すぎてクリエイターも CI する時代 フロント開発に node というか npm 必須になりつつあってそれはそれで悩ましい感じ 相変わらずフロントのトレンド（やツールが）すぐ変わってこれも辛い 聴講メモ 下北沢 オープンソース Cafe では毎週日曜日に小中学生向けにプログラミング
Gruntで開発用と公開用のディレクトリを分ける
前々回前回Grunt、相変わらずちょいちょい弄って便利になるようにやってる。触り甲斐があって面白い。 今回は、開発用と公開用でディレクトリを分けるっていうのをやります 参考にさせていただきましたGruntで効率化！ リリース前の面倒な作業をまとめる | MONSTER DIVE【モンスターダイブ】grunt.js - grunt-contrib-connectでのルートフォルダ指定 - Qiita [キータ]ほぼ上記お二人の書き方丸パクリです!!!すみません!!!!ありがとうございます!!!!! この2記事と前回前々回とやって来たものを組み合わせた感じになっている。 やりたいこと開発時フォルダ監視Sass/Compassのコンパイルファイル保存時にブラウザを自動リロード公開時公開用ディレクトリにファイルをコピーHTMLのminifyCSSのプロパティを整理CSSのMedia Queries
今どきのGruntを使ったフロントエンド開発（HTML/CSS編） - MOL
SassなどのCSSプリプロセッサを使うWebデザイナが増えてきました。Sassをコンパイルするだけなら黒い画面（ターミナル）を使わずともGUIアプリからの利用で問題ありません。が、ここは一歩踏み込んでGrunt（JavaScript製のタスクランナー）を使って、Sass以外のコンパイルやライブリロード、画像最適化、CSSのリントやスタイルガイド生成など、あらゆる作業をGruntに任せてより効率的な開発環境を手に入れてみませんか。 ども、Front-end Developerをしております@t32kです。今日はがんばります。 Frontrendというコミュニティ活動をしています。通常は東京で3~4ヶ月の周期でフロントエンドをテーマにした勉強会を開催しています。良かったらみなさんもご参加くださいませ。 Agenda 今日の話す内容は以下のとおりです。 なぜGruntを使うの？ Gruntの使
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://qiita.com/hail2u/items/7bf2b830f2536c71666d
