WEB掻っ穿じり

WEB備忘録とチャリとカメラ

2021 年の投稿

Gulp 4でテンプレートエンジンのPug(Jade)を使う

Gulpのタスクにテンプレートエンジンのpugを使えるようにします。

Pug

今更ですが、PugはもとはJadeという名称でHTMLのJavaScript Templatesの1つとされる。
Node.jsのフレームワーク Express ではhtmlビューはデフォルトでサポートされて...


Gulp 4でバベる(babelifyとbrowserifyでimport/exportのモジュール間の依存関係を使いつつ、require文を使わないようにJavaScriptをBABELでトランスパイルしてまとめる)

GulpのタスクにJavaScript構文をBABELでトランスパイル(ES5)ができるようにします。

加えてbabelifyとbrowserifyの処理を加えて、モジュール間の依存関係の解決(require文も吐き出さないようにしている)してJavaScriptを1ファイルにまとめるGulp...


Safariでもっさり描画になっていたのを、cssのwill-changeプロパティを指定して改善した話

Safari(Mac,iOS)だけ妙にサイトの描画が重く、まともに表示もされない症状になって、リリース間際にちょっと焦った話。

結論から言うと下記のサイトの通りで全く同じ症状であることがわかり、JavaScriptの方のコンパイラが原因と思い込んでいたが、cssを1行加えるだけで改善され...


webpack 〜導入編〜

webpack導入の備忘録

必要最低限の環境構築を目指す。

initからpackege.json作成、webpackインストール

node.jsインストール済みが前提。

package.jsonファイルを生成

npm...

React 〜基礎編〜

書く機会が増えてきたので、Reactの導入から基礎をまとめる(備忘録)。

Create React Appを利用

node.jsインストール済みが前提。

Create React Appをインストール

npm install...

Page 1 of 2