Web アプリで開発で React を使うことはほとんどになってきた。
案件によってはクライアントとサーバーサイドで完全に異なる環境に分けた設計、開発運営していくことも増えてきた。

Web アプリ開発以外でちょっとしたサイトの制作依頼を受けたときも TypeScript + React...

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

Pug

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

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

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

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

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

webpack導入の備忘録

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

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

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

package.jsonファイルを生成

npm...

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

Create React App を利用

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

Create React App をインストール

npm...

早いところApple Siliconに移行してく

WWDC21を見終わって、M1搭載のMacが発売されもう半年以上は経つが、Intelからの完全離脱は2年かかると言ってたけどもうすぐだし、このタイミングで移行することを決意。

ネイティブ(arm64)で動くアプリなど増えてきたし、Rosetta...

jQuery依存から脱却しVue.jsをなんとかキャッチアプしたい、、基本の使い方に入ります。

Vue.js基礎

htmlをベースとしたテンプレート構文を採用している。
htmlに対して、 接頭辞 v- で始まるデ...

いいかげんキャッチアップしておいた方が良さそうなので、JavaScriptフレームワークのVue.jsを今更でも取り入れてみる。

とはいえ業務で取り入れている段階でなく、長い時間をかけて開発で触れているわけではないので、独学で個人的にinputできたことをここへまとめてみる。

(※基本Vue...

タスクランナーGulp 4

4年前にGulpは1度書いているが、、ver.4用にupdate、、備忘録です。

今回はGulp 4に合わせた内容にするのと、Node.jsはnodenvでプロジェクトごとにバージョン管理、gulpもグローバルにインストールはしないやり方、mac OS & Homebrew...