CSSの自動インラインとメールを送れるHTMLメールの作成ツールをgulpで作った - Qiita
基本的な使い方 作成編 リポジトリをクローンする npm ciで各種モジュールをインストールする npx gulpでツールを起動する src配下にhtmlファイルを設置しテーブルコーディングをする src/sass配下にscss記法でスタイルを記述 メール送信編 .env-sampleを.envにリネームして送信先、送信元の情報を記述する npx gulp mailでメールを送信する メールテンプレートとしてhtmlを複数作成している場合、npx gulp mail --file hogeとするとhoge.htmlの内容を送信できます。（デフォルトではindex.html） また、メールのタイトルを指定したい場合、npx gulp mail --subject fugaとするとfugaがタイトルのメールとして送信されます。（デフォルトではhtml mail test） 設定ファイルの記述
Gulp4の変更点と新しい書き方 - Qiita
gulpjs公式ブログでもアナウンスされたように、2018年12月にGulp4が正式にリリースされました。Gulp4未満は数ヶ月後から非推奨になるようです。 「Gulp4」で検索すると、それぞれが違う書き方をしていました。この記事ではgulp.jsの公式ドキュメントを参考に、Gulp3からGulp4に移行するための情報をまとめています。 gulp.task()が非推奨になり、関数宣言とexportsが推奨になった run-sequenceを使った直列・並列処理を、公式APIのseries()とparallel()で実行できるようになった gulp.watch()の第二引数が配列から関数名になった 公式APIにsourcemapsオプションが追加された 公式APIのgulp.lastRun()で差分ビルドができるようになった gulp.task()が非推奨になり、関数宣言とexportsが推
Node.jsのパッケージgulp（ガルプ）で開発を効率化 | パソコン工房 NEXMAG
gulp（ガルプ）はNode.jsのパッケージ（プラグイン）として開発されているWeb開発を効率的に行うためのツールです。様々な処理や作業を自動化することができ、実際の開発現場でも使われています。 今回は、gulpの環境構築からgulpのプラグインを使ってWeb開発で必要となる作業を効率化する手順についてご紹介します。 ※本記事は、gulp3をベースに進めます。（現在の最新版であるgulp4は、設定ファイルの記載が変更されているので動作しない可能性があります。） gulpのメリット gulpを使うと、ファイルを圧縮してファイルサイズを軽くしたり、サーバーにアップロードをする作業を自動化したりすることで開発を効率的に行うことができます。 gulp似ているツールは他にもありますが、gulpは処理速度が早く、併用して使えるNode.jsのパッケージが豊富なことから、多くの人に使われています。 ※
gulp.jsのAPIについて知ろう！【図解付き】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ 大学4年生、英語の単位が取れたのかまだわからず不安なれもんです。 さて、前回はgulp.jsの概要と、sassタスクやwatchタスクを使って実際に動かしてみるところまでをやりました。今回は、gulp.jsに用意されているAPIについて説明しながら、前回書いたコードが実際にどんなことをしていたのか、見ていきたいと思います。 gulp.jsのAPIができること gulp.jsのAPIを使うことによって、タスクの設定や処理をするファイルの指定、結果の出力先の指定、ファイルの監視ができるようになります。実際にgulpfile.jsにタスクを定義するためには、gulp.jsが提供するAPIを使用します。 gulp API docs：gulp/docs/API.md – GitHub 今回記事内で使うメソッドはgulpでもともと用意されているものなので、さらにインストールする必要はあり
絶対つまずかないGulp 4入門 - インストールとSassを使うまでの手順 - ICS MEDIA
ウェブサイト制作には煩雑な処理を自動化する「タスクランナー」や「ビルドシステム」というツールがあります。この記事では、タスクランナー「Gulp.jsガルプ」の導入手順を解説します。 導入は簡単で、本記事の手順では5分程度でセットアップできます。Gulpはコマンドラインで使うのが一般的ですが苦手な人でも安心して学べるよう、ビデオでも解説します。 この記事で学べること イマドキのGulpの導入手順 Gulp 4に対応した書き方 Sassサスの導入手順 GulpやSassの導入や使い方にはいろんな方法がありますが、この記事では現場で使われている方法を紹介します。Gulpの入門記事は他のサイトにもありますが、対象バージョンが古くて使えなかったりします。本記事は最新版に対応させているので、安心して読み進めてください。 ※この記事では、Node.js v18とv19で動作検証をしています。 ※Sass
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
