タイトルの通り、Cannot find moduleで時間を浪費したので、その覚書です。
まず要点から書くと、Typescript単体ではpathsを解決してくれないので、通常はビルド時にwebpack等で解決します。
今回はTypeScriptで書かれたgulpを実行したかったので、話が若干複雑になりました。
npx gulpで実行する場合、babelで変換されるようです。
なので、module-resolver…
以前はsweet-scrollを使っていましたが、ファイルサイズが気になった為、よりシンプルなjump.jsに乗り換えた話です。
単純にスクロールするだけなら、特に問題はなかったです。
https://www.npmjs.com/package/jump.js
$ npm i jump.jsimport jump from "jump.js";
jump("body", { duration:
productionでビルドしたスクリプト80kbのうち、約60kbがmoment.jsだった為、より軽量なライブラリに乗り換えた話です。
使っていたのは日付のフォーマット機能だけだった為、それに絞ったモジュールへの乗り換えを検討しました。
$ npm i date-formatimport date_format from "date-format";
const format = "yyyy/MM/dd
JSフレームワークの一覧です。検索して出てきたものを纏めています。
尚、React、Vue、Angularの３つは今更なので省いています。
３大フレームワーク以外で、使用率統計に食い込んでいるフレームワークです。
「Semantic UIと同じ程度には使用サイトがある」と言われれば、結構なシェアがあると感じるのでは。
昔のReactに似た、非常にシンプルで使いやすいフレームワークです。…
if (document.readyState !== 'loading') {
eventAfterLoad();
} else {
document.addEventListener('DOMContentLoaded', eventAfterLoad, false);
// or window.addEventListener("load", eventAfterLoad);
}昔は下記のようなコードが多かったですが、最近では諸事情で上手く機能しなくなってきました。…
https://www.npmjs.com/package/npm-check-updates
$ npm install -g npm-check-updates$ ncu -unpm単体ではパッケージのメジャーバージョンは自動更新出来ないようです。
外部パッケージのnpm-check-updatesを使って、パッケージを更新します。
メジャーバージョンの更新は下位互換性が失われることも多いので、更新の際はトラブルにお気をつけください。…
// Use a safe function
elem.textContent = ''; // OK
// Pass in a trusted type
import DOMPurify from 'dompurify';
const str = `Hello, world!`;
elem.innerHTML = DOMPurify.sanitize(str, {RETURN_TRUSTED_TYPE: true});
// Create an
https://github.com/tsuyoshiwada/sweet-scroll
$ npm i sweet-scroll --saveimport SweetScroll from "sweet-scroll";
const scroller = new SweetScroll({ duration: 500 });
scroller.to('#app');
import assert from "assert";
const list = [ 'A', 'B', 'C' ];
assert.equal(list.includes('A'), true);
assert.equal(list.includes('B'), true);
assert.equal(list.includes('C'),
import assert from "assert";
// range(1,5) を作る
var result = [...Array(5)].map((v, i) => i+1);
assert.deepEqual([ 1,2,3,4,5 ], result);…