はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ Gulp

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 77件)

Windows 3.11の管理者の求人をドイツの鉄道会社が出して話題に

2024/02/01 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip ドイツ 求人 鉄道会社 話題 管理者

ドイツの鉄道会社が人材募集サービス・GULPに出した、Windows 3.11の管理者の求人が話題となっています。ドイツでは、高速列車として知られるICEの運行システムでもWindows 3.11が引き続き利用されているそうです。 Project Remote: Windows 3.11 Administrator (m/f/d) in 91058 Erlangen | Projects at GULP https://w... 続きを読む

[gulp] 本番環境と開発環境を分岐するgulp-mode | バシャログ。

2018/09/27 このエントリーをはてなブックマークに追加 21 users Instapaper Pocket Tweet Facebook Share Evernote Clip ishida バシャログ npm タスク 新陳代謝

こんにちは、ishidaです。 2年前に半年かけておとした体重が見事にもとに戻りました。 新陳代謝がきっとすげー落ちているんだよ。そうなんだよ。はい。 今回はnpmの紹介です。 開発時と本番時で処理を変更したくなったことはありませんか? このパッケージではgulpにて開発時と本番時のタスクを簡単に切り分けられます。... 続きを読む

商用利用無料でしかも高品質!ランディングページを作成するためのHTML/CSSのテンプレートのまとめ | コリス

2018/05/23 このエントリーをはてなブックマークに追加 72 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス CSS Sassファイル テンプレート HTML

プロダクトやサービス、スマホアプリ、ショップなど、さまざまなプロジェクトに利用できるランディングページ用のHTML/CSSテンプレートを紹介します。 テンプレートはすべてレスポンシブ対応で、HTML/CSSだけを使用して作成してもよし、カスタマイズ用にGulp/Sassファイルも揃っています。 Papaya Papayaのライセンス レスポンシブ対応のHTML/CSSテンプレート Papayaのラ... 続きを読む

2018年、フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールを調査 | コリス

2018/05/15 このエントリーをはてなブックマークに追加 107 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス デベロッパー npm Webpack CSS

フロントエンドのデベロッパーがプロジェクトで使用しているCSS, JavaScriptのツールについての調査結果を紹介します。 SassやLESS、BootstrapやFoundation、AutoprefixerやModernizr、BEMやCSS-in-JS、CSS GridやFlexbox、NPMやGulp、jQueryやReactやVue.js、WebpackやESLintなど、実際にどの... 続きを読む

帰ってきたGulp 4 - Qiita

2018/02/26 このエントリーをはてなブックマークに追加 70 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita

2014年あたりから、v4が出なくてやきもきしていましたが、待つこと3年(4年?)、2018年のはじめに v4.0.0 が リリース されました。2018年現在の視点で、v4をチェックしてみたいと思います。 タスクは関数に 以下、 GitHubにある例 からの抜粋です。(多少変形しています) import { src , dest } from 'gulp' import less from 'g... 続きを読む

GulpでSassのコンパイル・Autoprefixer・Minifyの実行をするまでの最低限のこと|クロノドライブ

2017/10/12 このエントリーをはてなブックマークに追加 38 users Instapaper Pocket Tweet Facebook Share Evernote Clip Sass Autoprefixer gulpfile.js

はじめに この記事はGulpを使ってSassをコンパイルしているけど、なんだかよくわかってないという人に向けた記事です。Sassをただコンパイルするだけではなく、AutoprefixerやMinify・Source mapなどあると便利だと思う必要最低限の構成の作り方とそれぞれの使い方を解説していきます。 前提 npmコマンドをなんとなく使ったことがある gulpfile.jsというものは知ってい... 続きを読む

jQueryとjQuery PluginからはじめるGulpとWebpack3の使い方|クロノドライブ

2017/10/03 このエントリーをはてなブックマークに追加 44 users Instapaper Pocket Tweet Facebook Share Evernote Clip jQuery Webpack クロノドライブ こーぼ ビルド

はじめに この記事はWebpackという言葉を耳にしつつもWebサイトのコーディングにどう導入していけばよいかイマイチわからない・メリットを感じない人に とりあえず 馴染み深いjQueryとjQuery PluginをWebpackで扱って慣れようというものです。 背景 Vue.js・React・AngularなどのフレームワークはそのビルドにWebpackを使うことも多いのですが、一般的なコーポ... 続きを読む

GulpによるPug、Sass、ブラウザーシンクなどを盛り込んだ開発環境「Speedy」を公開しました。 – YATのBLOG

2017/08/07 このエントリーをはてなブックマークに追加 15 users Instapaper Pocket Tweet Facebook Share Evernote Clip GitHub SCSS Pug YAT Sass

WEBデザインをする上で必要な知識・情報・技術等の記述や、参考になるサイトの紹介等を掲載しています。2017年 08月 07日 GulpによるPug、Sass、ブラウザーシンクなどを盛り込んだ開発環境「Speedy」を公開しました。 カテゴリ: gulp タグ: gulp pug Sass Scss Gulpのpugやscss、ブラウザーシンクなど、普段利用する開発環境をGithubに掲載していま... 続きを読む

僕なりのフロントエンド開発環境2017年版 - Qiita

2017/04/07 このエントリーをはてなブックマークに追加 84 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita Webpack github.com 環境

2016年版を書いてからもう1年もたってさらに古くなってきたので、今の環境に合わせてバージョンアップ 僕なりのフロントエンド開発環境2016年版 - Qiita 僕なりのフロントエンド開発環境2016年版v2 - Qiita https://github.com/koh110/minjsapp 2016年版からのバージョンアップ点 webpackをv2に vendor.jsの切り出しかたをgulp... 続きを読む

Vue.jsの流行とネイティブアプリフレームワークWeex、そして台頭する中国語コミュニティについて - 株式会社クイックのWebサービス開発blog

2017/03/04 このエントリーをはてなブックマークに追加 54 users Instapaper Pocket Tweet Facebook Share Evernote Clip YARN Webpack Vue.js Babel 流行

2017 - 01 - 23 Vue.jsの流行とネイティブアプリフレームワークWeex、そして台頭する中国語コミュニティについて こんにちは。五所です。 最近は時代についていこうと、フロントエンドの情報収集をしています。 React, Redux, AngularJS, ES6, Webpack, Gulp, Babel, Yarn... 情報収集すればするほど、頭がいっぱいになるのですが、その... 続きを読む

GulpやSassを使う時に覚えて幸せになったnpmの便利な使い方 - Qiita

2017/01/27 このエントリーをはてなブックマークに追加 34 users Instapaper Pocket Tweet Facebook Share Evernote Clip Sass npm Qiita Webpack ダイアログ

昨今のweb開発で必要なBabel・Sass・Gulp・Webpackといった技術は、Node.jsのパッケージ管理ツール「 npm 」を通して使われます。 npm の機能は豊富で、覚えておくと便利な使い方がいくつもあります 。特にお勧めのものをピックアップしました。 npm init には -y をつけるとダイアログが表示されない npm のモジュールを用いたプロジェクトを作成する際、最初に使用... 続きを読む

SlackとVimとメモ管理と私 - wadackel.me

2016/12/08 このエントリーをはてなブックマークに追加 85 users Instapaper Pocket Tweet Facebook Share Evernote Clip wadackel vim Slack npm scripts

この記事は Vim (その2) Advent Calendar 2016 の9日目の記事です。 Vimに関する記事 + Advent Calendar初投稿です。よろしくお願いします。 昨年末、仕事が凄く詰まっている時期に突然Vimを使い始めて、丁度1年が経とうとしています。 それまではターミナルを開くのも、Gulpやnpm scriptsを走らせるときくらいで、それ程使用頻度としては高くありませ... 続きを読む

JavaScriptを劇的に教えやすくするWebサーバ作りました - Qiita

2016/07/16 このエントリーをはてなブックマークに追加 433 users Instapaper Pocket Tweet Facebook Share Evernote Clip Qiita rollup Babel Sass Webpack

近年、JavaScriptでコードを書こうとすると、お膳立て7割、コード書き3割みたいな事態がざらにあります。「お膳立て」の例としては、Gulp, Babel, Sass, PostCSS, WebPack, Rollup, Browserifyほか数限りなく。 たしかに、一旦フロントエンド開発に慣れてしまえば、お膳立てにかける時間は短縮することが可能です。でも、これを初学者に強いるのはツラすぎる... 続きを読む

フロント界隈で一番イケてるのは AngularJS でも React でもなく Riot.js だという話 | phiary

2016/06/01 このエントリーをはてなブックマークに追加 701 users Instapaper Pocket Tweet Facebook Share Evernote Clip AngularJS React phiary Webpack

10年のツケを支払ったフロント界隈におけるJavaScript開発環境(2016年4月現在)。 - 日々、とんは語る。 あのライブラリは何故誕生したの?のまとめ - Qiita ここ最近話題になったエントリーですが, どちらも今最もイケてる Riot.js について全く触れられてなくて悲しくなったので書きました. はじめに 「webpack インストールしといてー」, 「gulp 導入して wat... 続きを読む

Webサイト制作におけるフロントエンドの必須スキル&開発環境はこれで決まり! - North-Geek

2016/04/22 このエントリーをはてなブックマークに追加 428 users Instapaper Pocket Tweet Facebook Share Evernote Clip North-Geek Git Sass Emmet 流行

最近フロントエンドの流行がどうのこうのという記事をよく目にしますが、実際に現場で 必要となるスキルと開発環境 を紹介していきます。これくらい知っていると全く問題ない。といったことですね。 主にWebサイトを制作のスキルは、 HTML・CSS、CSS3、Sass、SublimeText、Emmet、gulp、Git についてのスキルがあれば開発がしやすく流行の開発環境ではないかと思います。 さて、そ... 続きを読む

Electron + react.js + gulp でメニューバーアプリを作ってみた - fukajun - 僕はvimで行きます -

2016/02/08 このエントリーをはてなブックマークに追加 35 users Instapaper Pocket Tweet Facebook Share Evernote Clip fukajun Electron vim React.js

やってみたこと electronでとあるチャットの内容をみるだけのアプリを作ってみた。 macのメニューバーにアイコンが表示されて、クリックするとチャットの内容を 一覧で表示することができる。また、新着メッセージがあったときに デスクトップに通知を表示、メニューバーアイコンを未読有りののアイコンに 変更するなど基本的な動作を実装してみた。 実装において、react.js と gulp を利用して開... 続きを読む

gulp】htmlテンプレート「gulp-jade」についてメモメモ(1)~導入 | バシャログ。 | 横浜でWeb制作を行うシーブレインスタッフによる技術情報ブログ

2016/02/03 このエントリーをはてなブックマークに追加 36 users Instapaper Pocket Tweet Facebook Share Evernote Clip バシャログ 一刻 反面 福井 近江神宮

みなさま、こんにちは。昨年は、『ちはやふる』や『めぞん一刻』、そして『孤独のグルメ』などにハマり続け、夫婦で聖地めぐりをしていた kouraku です。とりあえず、『ちはやふる』の聖地巡り(分倍河原:東京、近江神宮:滋賀、芦原温泉:福井)はコンプリートしました。 さて、昨年はhtmlテンプレートとして「gulp-html-extend」を紹介してきましたが、簡単で分かりやすい反面、かゆいところに全... 続きを読む

gulpをstreamとか関係なくただのタスクランナーとして使う - getalog

2016/01/28 このエントリーをはてなブックマークに追加 51 users Instapaper Pocket Tweet Facebook Share Evernote Clip stream Vinyl タスクランナー タスク イメージ

2016 - 01 - 28 gulpをstreamとか関係なくただのタスクランナーとして使う gulpはstream志向でデザインされていて、streamしか受け入れない・streamじゃないとon the railじゃない、というようなイメージが強いと思う。 ところがどっこい、gulpのタスクが受け入れるのはstreamだけじゃないし、必ずしも gulp-* とか vinyl とかを使わなけれ... 続きを読む

browserify - app/assets/javascripts以下のJSを全てcommonjsのrequireに書き換える - Qiita

2015/12/24 このエントリーをはてなブックマークに追加 29 users Instapaper Pocket Tweet Facebook Share Evernote Clip assets Qiita require transform

仕事でgulpを使って僕がよくいじる一部のjsを高速でビルドできるようにしてみたのだが、JSをいじらない人の手元でなにかと差分がおかしくなったり、ビルドするタイミングを伝えないことで問題起きたり、その為に呼ばれて治すのがとにかくめんどくさかったため、思い切ってすべてのビルド工程をbrowserify_railsとbrowserify-incrementalと(そのtransform)に押し込んで、... 続きを読む

webpack+babel-loader+power-assert+jsdomでフロントエンド開発環境を作る - yutaponのブログ

2015/12/10 このエントリーをはてなブックマークに追加 79 users Instapaper Pocket Tweet Facebook Share Evernote Clip yutapon Webpack ビルド 去年 ブログ

2015-12-10 webpack+babel-loader+power-assert+jsdomでフロントエンド開発環境を作る webpack jsdom tdd build この記事は JavaScript Advent Calendar 2015 10日目の記事です。 去年は主に gulp にフォーカスした内容でしたが、今回はJSのビルドとテストにフォーカスした入門記事です。 やること E... 続きを読む

gulp.js を今一度キチンと!gulp.js 導入基礎 - HAM MEDIA MEMO

2015/11/14 このエントリーをはてなブックマークに追加 110 users Instapaper Pocket Tweet Facebook Share Evernote Clip Gulp.js コーディング CSS 一度 HTML

フロントエンドのお仕事として、HTMLやCSS、JavaScript のコーディング回りを行っていると、以前に比べてやらなければならないことが増えてきていました。そのため、細々した作業でも、自動化して効率よく開発をすすめないと、時間がかかってしまうことが多いです。 そんなときに活用できるのが、今回使い方を紹介する gulp です。 gulp.js このエントリーでは、gulp が使えるように、gu... 続きを読む

はじめてのVue.js - 単一ファイルコンポーネントを作れる環境構築編 (npm + gulp + browserify + babel + vueify) - Qiita

2015/11/22 このエントリーをはてなブックマークに追加 63 users Instapaper Pocket Tweet Facebook Share Evernote Clip npm Qiita ToDo Rails サーバーサイド

この記事では、Rails や PHP といったサーバーサイドのプログラミングをメインでやっている人向けに Vue.js を用いた簡単な TODO 管理アプリを作るまでを、2回に分けて解説します。 なお、著者の作業環境の都合上、Mac OSX を対象として記事を執筆しています。 1回目では、Vue.js を用いたアプリのモダンな開発環境構築について説明いたします。 Vue.js とは? Vue.js... 続きを読む

Visual Studio Code は JavaScript 開発が超絶便利になる可能性を秘めている! - てっく煮ブログ

2015/11/19 このエントリーをはてなブックマークに追加 393 users Instapaper Pocket Tweet Facebook Share Evernote Clip Visual Studio Code 超絶 煮ブログ 開発

期待のオープンソース IDE、Visual Studio Code を試してみたら衝撃を受けた。 拡張を入れなくても、デフォルトで JavaScript の「自動 Lint」「Grunt、Gulp 連携」「デバッグ」が動いた。なんだかすごく便利そうな予感。 Windows 環境で起動してみたらこんな画面だった。 なんか黒いが、色は好みにカスタマイズできるし、プリセットからも選べる。 フォルダーを開... 続きを読む

JavaScriptタスク自動化のもう一つの選択肢、「gulp」の利用法 (1/3):CodeZine(コードジン)

2015/11/06 このエントリーをはてなブックマークに追加 59 users Instapaper Pocket Tweet Facebook Share Evernote Clip CodeZine Grunt ライブラリ 並列実行 HTML

本連載では主にHTML/JavaScript開発作業を効率化するさまざまなツールやライブラリを紹介します。今回取り上げるのはJavaScriptによるタスク実行ツール「gulp」です。すでに本連載では類似ツールのGruntを紹介していますが、gulpはメソッドチェーンによる直感的な記述や並列実行など、Gruntにはない特徴があります。記事ではサンプルを交えてgulpの特徴と利用法を説明します。 は... 続きを読む

Railsのrakeでasset:precompile前に任意のタスクを流してをjsをビルドする - Qiita

2015/10/19 このエントリーをはてなブックマークに追加 24 users Instapaper Pocket Tweet Facebook Share Evernote Clip Rake asset Digest Rails Qiita

production でasset:precompile前にgulpを流したい。asset:precompileはdigestとかは任せたい。 namespace :js do desc 'Run gulp tasks before assets:precompile' task :build do sh 'npm install; $(npm bin)/gulp' end end task 'a... 続きを読む

 
(1 - 25 / 77件)