javascript
-
flexbox使用の要素が折り返さない！？解決への鍵はflex-basisの値だった
CSSに用意されているレイアウト用プロパティdisplay:flexですがいままで未対応だったIE11のサポート終了にともないもっと気軽に使用することができるよ…
-
webpackを使用してjavascriptを集束（バンドル）する – npm + nunjucks + stylus で静的サイト制作を効率的にする(4)
前回までで次のようなことをやってきました。 nunjucks でhtml生成 stylus でcss生成 imagemin で画像圧縮 javascriptはそ…
-
画像をコピーもしくは圧縮する – npm + nunjucks + stylus で静的サイト制作を効率的にする(3)
npm + Nunjucks + stylusを使用してフォルダの変更を監視してhtml,css,jsを再生成、browserSyncを利用してブラウザを自動リ…
-
ファイル更新を感知し更新確認を簡単にする – npm + nunjucks + stylus で静的サイト制作を効率的にする(2)
npm + Nunjucks + stylusで構成される開発環境作成手順の続きです。 前回、buildコマンドでhtml,css,jsファイルをdistフォル…
-
npm + Nunjucks + Stylus で静的サイト制作を効率的にする
静的サイト制作時におすすめのタスク自動化ツール構成 npm+Nunjucks+Stylus を紹介します。 目次 各ツールの簡単な紹介前提条件があります最終的に…
-
jQueryでリンク先が別ドメインのURL（外部サイト）かどうか判定して自動的にtarget=”_blank” rel=”noreferrer noopener”を加えるスクリプト
完全に備忘録です。 目次 前提条件メモ前提条件 jqueryをheadタグ内で読み込んでいる ES2015（ただlet使用しているだけ…）を使用しても問題ない状…
-
Nunjucksテンプレート内でjavascriptの関数を使用する
テンプレートエンジンnunjucksでテンプレートファイルにjavascript関数を使用することはできません。 例えば次のようなコードはコンパイラエラーになり…
-
説明できますか？わかった気になるjavascriptのモジュール。
javascriptのimport文を使用するモジュール機能ですが、いままでNext.jsやReactのサンプルコードなどで多く使用されていたためあまり考えずに…