🆕 新着Qiita記事をお知らせします。​

​『gulp v4 による Pug × SCSS × TypeScript テンプレ』
https://qiita.com/deren2525/items/43386d5d5872967195d4 by @deren2525 @​Qiita

#html_qiita #scss_qiita #typescript_qiita #gulp_qiita #pug_qiita

gulp v4 による Pug × SCSS × TypeScript テンプレ - Qiita

# はじめに - gulp v4 がだいぶ前にリリースされたけど、当方ずっとgulp v3のままだった - gulp v4 は新しい機能が増えたり書き方が変わったりとすごい変わってしまわれる - 今まで自分の作ったものが化石になるのを...

🆕 新着Qiita記事をお知らせします。​

​『Pug+Bladeで要素の属性を設定したりしなかったりする』
https://qiita.com/daisei-yoshino/items/35a366eaa18458d044ec by @daisei_yoshino @​Qiita

#blade_qiita #pug_qiita

Pug+Bladeで要素の属性を設定したりしなかったりする - Qiita

# はじめに Pugを使うと、HTMLを直接記述するよりもシンプルにコードを書くことができる。 しかし、Blade等のテンプレートエンジンと組み合わせるとなると、思うように書けなくなることもある。 今回、職場の先輩に解決してもらった厄...

🆕 新着Qiita記事をお知らせします。​

​『cssうんちにこっちみんなさせてみた』
https://qiita.com/petapetapeta/items/25515028aac1d10bbf5c by @petapetapeta @​Qiita

#html_qiita #css_qiita #stylus_qiita #vue_js_qiita #pug_qiita

cssうんちにこっちみんなさせてみた - Qiita

# こっちみんな 今回はうんちの目をマウスの動きに合わせて動くようにしたぞ! # Let's Try <p class="codepen" data-height="265" d...

🆕 新着Qiita記事をお知らせします。​

​『 PugでHTMLタグを含む文字列を変数展開したい』
https://qiita.com/N_Ninja/items/8fd4144e4c8dbb5f05de by @n_ninja @​Qiita

#html5_qiita #pug_qiita

PugでHTMLタグを含む文字列を変数展開したい - Qiita

#`#{}`ではなく`!{}`を使う ### 失敗例 `#{}` ```javascript:sample.pug - const text = `これは<span class="red">サ...

🆕 新着Qiita記事をお知らせします。​

​『pug + scssでインフィニティ・ストーンを作る』
https://qiita.com/m_o7802/items/cb85cbb6936de161347f by @m_o7802 @​Qiita

#scss_qiita #pug_qiita

pug + scssでインフィニティ・ストーンを作る - Qiita

はっぴーめりーくりすます! とは言いますが、もう年末間近です。 年末といえば、一年の振り返りをする方も多いと思います。 今年は、例年に比べて観に行った映画が多かった気がしました。 自分が今年一番印象に残っているのは、アベンジャーズです...

🆕 新着Qiita記事をお知らせします。​

​『stylusのsin,cos関数を使ってうんちたちをウェーブさせてみた』
https://qiita.com/petapetapeta/items/08803be086d13d1b9915 by @petapetapeta @​Qiita

#html_qiita #css_qiita #stylus_qiita #vue_js_qiita #pug_qiita

stylusのsin,cos関数を使ってうんちたちをウェーブさせてみた - Qiita

# sinとcos stylusでは[ビルドイン関数](http://stylus-lang.com/docs/bifs.html)が用意されている。 そのなかで、これ使い所ある?みたいなものもありますね💩 その代表が`sin()`,...

🆕 新着Qiita記事をお知らせします。​

​『【Nuxt.js】Nuxtプロジェクトにpug/scss/coffeescriptを導入する』
https://qiita.com/qrtz/items/96eacea18259dae894e6 by @qrtz @​Qiita

#coffeescript_qiita #scss_qiita #vue_js_qiita #pug_qiita #nuxt_js_qiita

【Nuxt.js】Nuxtプロジェクトにpug/scss/coffeescriptを導入する - Qiita

# はじめに Nuxt.jsは優れたWebアプリケーションフレームワークです。 しかし、デフォルトのhtml/css/jsで記述するのは労力がかかります。 せっかくなので、pug/scss/coffeeを使って時短を図りましょう。 ...

🆕 新着Qiita記事をお知らせします。​

​『SNSのシェアURLで悩まない』
https://qiita.com/TakuyaKikuchi/items/288f6e529eaf1ec98e15 by @takuyakikuchi @​Qiita

#html_qiita #facebook_qiita #twitter_qiita #line_qiita #pug_qiita

SNSのシェアURLで悩まない - Qiita

## SNSのシェアURLは少し面倒臭い SNSのシェアURLって少し面倒臭くないですか。 自分はいちいちググったり、公式のドキュメントとかみに行ったりしています。 エンコードしないといけないのも面倒臭い。 (しかもTwitter、...

🆕 新着Qiita記事をお知らせします。​

​『@storybook/htmlがあまりにも使いづらいのでpugを使って上手く利用する方法を考えてみた』
https://qiita.com/BigFly/items/1e9bf8c0a3f786556bb7 by @bigfly @​Qiita

#javascript_qiita #webpack_qiita #pug_qiita #storybook_qiita #nuxt_qiita

@storybook/htmlがあまりにも使いづらいのでpugを使って上手く利用する方法を考えてみた - Qiita

storybook@htmlを利用する場合ってvueとか使わないと思うのですが、実制作で**素のHTMLで書くケースなんてほぼ無い**ですよね。pugで書かれる事が多いかと思います。 そんな中でstorybookを利用したい場合【コー...

🆕 新着Qiita記事をお知らせします。​

​『kintone カスタマイズを Vue.js + TypeScript + Pug + SCSS でモダンに開発する (4) アプリ実装編 part2』
https://qiita.com/iShinkai/items/5ffedbe041741e541d1e by @ishinkai @​Qiita

#scss_qiita #typescript_qiita #vue_js_qiita #kintone_qiita #pug_qiita

kintone カスタマイズを Vue.js + TypeScript + Pug + SCSS でモダンに開発する (4) アプリ実装編 part2 - Qiita

# 目次 [(1) 環境構築編](https://qiita.com/iShinkai/items/caac0b60e882ff452512) [(2) アプリ構築・設定編](https://qiita.com/iShinkai/i...