Javascriptで数値を4桁区切りにする
例えば、1950000000という数字を受け取って、19億5,000万にするとか、10058を受け取って1万58にするとか、そういうやつ 数字を文字列に変換する 正規表現のルールを定義する 元数字の文字列を、正規表現で4 […]
2023年版 ブラウザサイズシェア一覧からブレイクポイントを考える
ブレイクポイントを考えるのに、一般的にSP、TB、PCは考慮しているが、ブラウザの縦向き・横向きも考慮すると、なかなか情報が整理されていない様に思えたので、シェアトップ6位までをまとめてみた。 結論として、実際に試そうと […]
javascriptで、スクロールイベント完了後に１回だけ処理を走らせたい
たまに使う頃に忘れてるのでメモ let scrollTimer; let flag = 0; window.onscroll = () => { flag = 1; ～スクロール中に走らせたい処理～ clearTimeo […]
Javascriptでフワッと出現するボタン
func_foo = (e) => { const scroll_y = window.scrollY; if(scroll_y >= 1000){ button_elem.classList.add('is-in'); […]
CSSでアスペクト比の指定をする
例えば正方形なら div{ aspect-ratio: 1 / 1; } 例えば16:9なら div{ aspect-ratio: 16 / 9; }
CSSでスムーススクロールを実装する
以下１行で完了 html{ scroll-behavior: smooth; }
メディアクエリをデバイスの向きで切り分ける方法
よく忘れるのでメモ 縦向き @media screen and (orientation:portrait) @media screen and (orientation:landscape)
node.jsでグローバル環境に対するパッケージの処理
インストール npm install --global パッケージ名 アンインストール npm uninstall --global パッケージ名
gulpの必要なモジュールをインストールする
以下はsassとgulp-sassをインストールする例 npm install -D gulp sass gulp-sass 普段使うコードは以下 npm install -D gulp gulp-dart-sass b […]
プロジェクトフォルダにgulpをインストールする
プロジェクトフォルダを作成し、ターミナルを起動する 以下のコマンドでpackage.jsonを作成する npm init -y package.jsonの生成が確認できたら、以下のコマンドを入力する npm instal […]