gulp v4 による Pug × SCSS × TypeScript テンプレ - Qiita
【追記（2020/09/20）】 テンプレート更新しました はじめに gulp v4 がだいぶ前にリリースされたけど、当方ずっとgulp v3のままだった gulp v4 は新しい機能が増えたり書き方が変わったりとすごい変わってしまわれてる 今まで自分の作ったものが化石になるのを恐れたのでgulp v4に適用させた ついでにテンプレ作って今後楽しようと思った どんどん改善していきたいからみんなに使ってもらいたい、ここで宣伝だ 概要 この記事の概要は以下になります🐶 gulpとpug の説明（すごいざっくり） Pug × SCSS × TypeScript テンプレの紹介 このテンプレでできること このテンプレの使い方 このテンプレ内のディレクトリ構成のお話 🎍🐭🎍🐮🐯🐰🐲🐍🐴🐑🐵🐔🐶🐗 gulp公式サイト https://gulpjs.com/ JavaScr
gulp.js
A toolkit to automate & enhance your workflowLeverage gulp and the flexibility of JavaScript to automate slow, repetitive workflows and compose them into efficient build pipelines. TypeScriptDevelop in any languagePNGCreate assets with any toolMarkdownWrite using any formatJavaScriptGet compiled codeWebPGet optimized imagesHTMLGet rendered content
GulpでテンプレートエンジンのPugを使ってみた
EJS - JavaScript Templates 最近、静的なテンプレートを生成する方法としていろいろ試行錯誤していたのですが、JavaScriptで静的なhtmlを生成できるEJSというものを知り、使ってみることにしました。 EJSと... Pugとは Pug(旧Jade)はHTMLを書くためのテンプレートエンジンで、JST (JavaScript Templates) の一つです。Pugは「.pug」という拡張子のファイル内でHTMLのようにタグで囲まず、改行やインデントによってページを作っていきます。Pugを利用するには「Node.js」が必要になります。PugにはGulp用のPugがあり、Gulpで使うことができます。 Pugで何ができるか ループや条件分岐。 共通ファイルの読み込み(インクルード)やパラメータの引き渡し。 JavaScriptと同様に、数、文字列、配列、オブジ
asciidocでスライドを作成する - Qiita
目的 プレゼン資料にパワポを使いたくない（細部にこだわりたくなって時間が掛かる..!） 繰り返し修正して使用するプレゼン資料はバージョン管理したいのでテキスト形式にしたい 前置き asciidoc形式で作成したテキストファイルを、自端末上のasciidoctorでスライド風HTMLに変換するまでを 簡単に記載します。 Windows 10 インストールするもの Ruby asciidoctor tilt haml deckjs 環境構築手順 Rubyをインストール ダウンロード Downloads-RubyInstaller インストール確認 ruby -v asciidoctor,tilt,hamlのインストール インストール gem install asciidoctor tilt haml インストール確認 gem list --local ご参考：以降の手順でダウンロードする資材を
スッとスライドを作れ！
とつぜんですがみなさま．大急ぎでスライドを作る必要に迫られたときどうしておられるでしょうか． 先日，わたしもそんなような感じになったので，どうやってやり過ごしたのかを紹介します． 環境 基本的にはUbuntu 18.04で作業しますが，発表はmacOSあるいはWindowsで行わなければならないかもしれません． 時間がないのでちょちょっと書かないといけません． 高価なソフトウェア（およびそのライセンス）は所持していません． 現代人として版管理はしますよね？ 要望 ようするに，まずはクロスプラットホームを望みます．というより，プレーンなテキストとして書く→なにがしかの処理をする，という感じであれば，動作する環境は限定的であるとしても，スライドの作成自体はいつでもどこでもできそうだなぁという感じでしょうか． テキスト自体はやはりAsciidocで書きたいというか書くべきというかそう思います．M
1年前に作ったフロントエンド環境を色々新しくした - Qiita
新規立ち上げのチームを異動して、1年前に作った会社のフロントエンド環境（Vue.js + webpack(+Gulp)）をベースに環境を作っていたのですが、 色々古かったので、新しくしました 今回作ったものはGitHubにあげてます https://github.com/kurosame/vuejs-boilerplate この中からやったことをいくつかピックアップして紹介したいと思います パッケージを最新にする npm install -g npm-check-updates npm-check-updates -u // package.jsonのパッケージを全て最新にして上書く npm update // package.jsonに記載してあるバージョンに更新する npm install 今回みたいにバージョンアップするパッケージが多い場合は、これでいいと思う 他のパッケージに依存し
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GulpでPugの環境を構築！静的HTMLサイトを効率的に作ろう | HPcode（えいちぴーこーど）
gulpを用いてplantUMLの生成自動化 - Qiita