node.jsに入門してみる。2 ～基本的な機能に触れてみる編～
response.writeHead(statusCd, otherHeaders); HTTPレスポンスヘッダーを出力する。第1引数にステータスコード、第2引数にその他のヘッダーのキーと値を渡すようだ。 var http = require('http'); http.createServer(function (request, response) { response.writeHead(200, {'Content-Type': 'text/html'}); response.end('Hello World\n'); }).listen(80); response.write(str), response.end(str) HTTPレスポンスボディを出力する。 response.write(str) は、HelloWorldアプリケーションには登場しなかったが、HTTPレスポンス
Railsにgulpを統合させる - Rails Webook
Railsでgulpを使ってアセットファイルの管理できる環境を構築します。 gulpはアセットを管理するツールで、js、css、imagesなどのアセットファイルをビルドして、それをRailsから参照する流れです。 また、gemにバンドルされているアセットファイルもあるので、Sprockets(Railsのアセット管理のgem)は有効にしておきます。有効にしておきますが極力使いません。 gulpでsass/scssのコンパイル、ES6のコンパイル(babel, webpack)、gulpの便利プラグイン(変更監視、画面リロード、通知)、ミニファイ、ダイジェスト付与をできるようにします。 そして、gulpで作成されたcssやjsのアセットファイルをRailsからロードできるようにします。 参考にソースファイルをGitHubに上げたあります。 https://github.com/nipe03
gulp.jsでWeb開発環境をつくる - Qiita
var gulp = require('gulp'); var $ = require('gulp-load-plugins')(); var browserSync = require('browser-sync'); var rimraf = require('rimraf'); var runSequence = require('run-sequence'); gulp.task('jshint', function () { return gulp.src('src/scripts/**/*.js') .pipe($.jshint()) .pipe($.jshint.reporter('jshint-stylish')); }); gulp.task('image', function () { return gulp.src('src/images/**/*') .pipe($
Gulp JSHintでエラー/ワーニングが出たら それ以上タスクを実行させない。かつ gulp.watchが停止しないようにしたい。 - かもメモ
Gulpでjavascriptのファイルを監視 JSHintでエラーなどをチェック 問題がなければconcatで1つにまとめて、min化 browser-syncでリロード という処理を行わせようと思い、Google Web Starter Kitを参考にGulpのタスクを作っていたのですが、下記の問題に当たってしまいました。 JSHintでエラー/ワーニングがあっても次のタスクが実行されてしまう JSHintでエラー/ワーニングがあるとjavascriptファイルを変更しても一切タスクが実行されなくなる (watchされなくなる？) 問題があった元のGulpタスク 使っているプラグインのバージョン // package.json "devDependencies": { "browser-sync": "^2.9.1", "gulp": "^3.9.0", "gulp-concat":
【保存版】クオリティアップ！gulp.jsで文法チェック！ - 学校では教えてくれないWeb制作の現場
2015-05-28 【保存版】クオリティアップ！gulp.jsで文法チェック！ Web制作の現場 前回の記事に引き続き、gulp.jsです。 今回は、制作のクオリティチェックに欠かせない、文法チェックのお話。 いままで、HTML-lintや、W3Cのサービスにコピペして、 確認して、間違いがあると修正して、また確認、、、 なんて面倒くさいことをしておりましたが！ このgulp.jsを使えばイチコロです。 簡単ですので、ぜひご活用くださいませ。 前回ご紹介した内容（gulpfile.js）に、下記を追加するだけでOKです。 HTML文法チェック まずは、プラグインをインストール。 $ npm install --save-dev gulp-htmlhint そして、gulpfile.jsに下記を追記します。 /////////////////////////////////////////
Jasmine × Karma × Gulp でつくるユニットテスト環境 入門 - AngularJS + TypeScript #3 | リクルート テックブログ
テストランナーとは、様々なブラウザでテストを実行し、その結果をまとめてレポートするためのツールを指します。Karma は Node.js 上で動作するテストランナーです。元々はTestacular という名称で Google が AngularJS の開発で使うために作ったものですが、2012 年にオープンソース化されたタイミングで業 ( カルマ ) を背負った名称に変わりました。 Karma - Spectacular Test Runner for Javascript 本記事では、Jasmine をベースにしてテストコード ( 実処理 ) を記述し、それらを Karma から実行してレポート ( テスト結果 ) を確認するという流れで進めていきたいと思います。 環境構築 前提条件 Mac OS X Yosemite node.js インストール済み (v5.4.0 ~) npm イン
gulp-tslintを使ってみた - Qiita
TypeScriptを使い始めているのですが今のとこGulpでタスクを組んでコンパイルしています。で、Lintも当然ほしくなるので入れてみました。 使ったパッケージ gulp-tslint Lint本体 gulp-plumber watch時にLintでこけても止まらないように gulp-notify Lintでこけたときに通知する こんな感じで表示される タスク gulp.task("tslint", function() { gulp.src([ "./ts/**/*.d.ts" ]) .pipe(plumber({errorHandler: notify.onError('Error: TSLint!!')})) .pipe(tslint({ configuration: "Gulp/tasks/config/tslint.json" })) .pipe(tslint.report(
2015年はgulpで決まり！開発環境をgruntから乗り換えよう！（コーダー編） | SONICMOOV LAB
もーいーくつねーるーと～、おーしょーうーがーつー♪ という所で、今年も残り 10 営業日を切りましたね・・・・！早いですね！ 皆さまいかがお過ごしでしょうか♪ 世間はクリスマスなムード一色ですが、皆さまお忘れになってはいないでしょうか。 大掃除という名の一大行事を！！終えない限りはクリスマスを迎えられませんよね（鬱 今週こそはきっと・・・ほほほ。。 自分を追い込んでみたところで、本題に入りたいと思います！ こちらは、ソニックムーブ Advent Calendar 2014 12日目の記事になります！ 目次 なぜ gulp なのか 目標 ディレクトリ構成 基本設定 タスク設定 トラブルシューティング 参考URL なぜ gulp なのか 当記事は grunt から gulp に乗り換えを考えているユーザーを対象としているので、Node.js のインストール方法の説明を省かせていただきます・・・
sizuhiko - Technote - gulp-rev-replace を使ってリビジョン管理をするときに注意したいこと
Saturday, May 02, 2015 03:51:00 PM JavaScript gulp gulp-rev JavaScriptでモダンな開発をするとき、gulpというビルドシステムを使うと、簡単にビルド過程を自動化できます。 さらに、JavaScriptでアプリケーションを作ったとき、ライブラリはCDNなどから取得するとして、自分で作ったスクリプトファイルは１つのファイルにまとめてミニファイズする、ということをgulpのタスクで書くでしょう。 一般的にJavaScriptやCSSをHTML上に記述するとき、以下のようにします。 <script type="text/javascript" src="/js/app.js"></script> <link rel="stylesheet" href="/css/app.css" type="text/css"> リリースしたのに
gulp-webserverで開発用Webサーバーを立ち上げる - FLINTERS Engineer's Blog
こんばんは、ゆあさです。 今日はgulp-webserverを使った開発用のWebサーバー立ち上げの方法と、Web APIサーバーへのプロキシを実現する方法を紹介したいと思います。 gulp-webserverとは gulp-webserver gulp-webserverとは簡単に開発用のWebサーバーを立ち上げることができるgulp用のプラグインです。 ファイルの変更があった際に自動でブラウザを再読み込みしてくれるライブリロード機能や、別で起動しているhttpサーバーへのプロキシ機能などをデフォルトで備えています。 gulp-webserverのインストール まずは下記コマンドgulp-webserverをインストールします(gulpはすでにインストール済みの前提) npm install --save-dev gulp-webserver gulpタスクの追加 gulpfile.js
Gulp コマンド一発でwebサーバーを立ち上げてwatchを開始したい - かもメモ
$ gulp コマンドを打てば、webserverが起動して、gulp.watchも始まるようにする方法のメモ gulpコマンドはgulp.task('default')で定義したものが実行されるので var gulp = require("gulp"), webserver = require('gulp-webserver'); gulp.task('default', function() { gulp.src('./app') .pipe(webserver({ livereload: true, port: 3000 })); gulp.watch(['dev/jade/**/*.jade'], ['jade']); }); としても良いのですが、なんかイケてない。 webserverの起動はやっぱ別タスクにしたいですね。 単純に考えればrun-sequence プラグインとかタ
Gulp で TypeScript をコンパイル & tsify で連結 - Gulp で作る Web フロントエンド開発環境 #4 | リクルート テックブログ
TypeScript とは http://www.typescriptlang.org/ TypeScript はマイクロソフトによって開発されたフリーでオープンソースのプログラミング言語である。TypeScript は JavaScript に使用するかどうかが任意の静的型付けとクラスベースオブジェクト指向を加えたスーパーセットとなっている。C# のリードアーキテクトであるアンダース・ヘルスバーグが TypeScript の開発に関わっている。 TypeScript - Wikipedia Alt JS として何かと CoffeeScript と比較されることの多い言語です。これまでは Rails 開発が主だったことからデフォルトで対応している CoffeeScript を使うことが多かったのですが、最近アサインされた案件は Rails ではなく Scala & Play による開発なの
เว็บสล็อตโรม่า joker123 หมดกังวลเรื่องการโกงไปได้เลย
เว็บสล็อตโรม่า joker123 PGSLOT เป็นทางเลือกที่น่าเชื่อถือ pgslot สำหรับผู้เล่นที่ต้องการความมั่นใจในการเดิมพันออนไลน์ ด้วยระบบความปลอดภัยระดับสูงและการตรวจสอบอย่างเข้มงวด คุณสามารถวางใจได้ว่าทุกการเล่นของคุณจะเป็นไปอย่างยุติธรรมและโปร่งใส เว็บไซต์นี้ได้รับการรับรองจากหน่วยงานที่เกี่ยวข้อง ทำให้คุณหมดกังวลเรื่องการโกงได้อย่างสิ้นเชิง เว็บสล็อตโรม่า joker123 สล็อตโรม่า นอกจากนี้ ทีมงานมืออาชีพพร้อมใ
いまさらgulpはじめてみました - 終電23時11分って早くね？
GulpとかGruntとか「タスクランナー」って聞くとだいぶ敷居がたけえなって感じていた私。 「色々何でもタスクにしてGulpとか使うとめっちゃはかどるよ！！」 って言われても色々何でもって・・・覚えること多そう・・・ ってなってずっと敬遠してたんですがこのたび重い腰をあげて、 ようやっと手をだしてみたのでまとめます。 同じように感じていた人が使ってみてうおーってなってくれるとうれしい。 なるべく分かりやすくgulpがどんな感じのものか手順をまとめたつもりなので、 上から順番に手元で動かしながら試してみてもらえばと。 とりあえずやってみたこと(gulpにどんなタスクを実行させたか) CSSとかJSとかを更新するとブラウザが自動的に更新される。 CSS・JSを編集して、ブラウザに切り替えて、F5押して・・・っていう作業をしなくてよくなります。 CSS・JSファイルを圧縮する。 ファイル容量が
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
スマホからMacに立てたgulp-webserverに接続する - Qiita
gulp-webserver
gulp-typedoc
GitHub - sindresorhus/gulp-template: Render/precompile Lodash templates
gulp-jshint
GitHub - panuhorsmalahti/gulp-tslint: TypeScript linter plugin for Gulp