HTML/CSS/JavaScriptcreate-react-appでSassを使う手順
create-react-appでSass（.scss）を使う手順を調べた結果メモ。 以下、手順です。 npm install sassでSassコンパイラーをインストールする プロジェクト内にある.cssファイル...
HTML/CSS/JavaScript
HTML/CSS/JavaScriptSassとSASSとSCSSの違い
Sass： 「CSSって使いにくいよねー」と思った人たちが作った言語。 Syntactically Awesome Stylesheets（構造的に イケてる スタイルシート）の略。 Sassで書かれたもの...
HTML/CSS/JavaScriptpuppeteer + jsdomでTableを取得して加工する
puppeteer + jsdomでTableを取得して加工する方法についてのメモです。 例 例として、以下の気象庁のページを使います。 上のぺージを開くと、以下のような画面が開くのですが ここで...
HTML/CSS/JavaScriptインラインのscriptとdefer属性
インラインスクリプトには、defer属性は使えません。 例えば以下のようには書けません。 <script src="a.js" defer></script><script src="b.js" d...
Gitwarning: LF will be replaced by CRLF inが出たときの対処法
git addすると以下のような警告が表示された。 $ git add . warning: LF will be replaced by CRLF in .gitignore. The file will have its orig...
HTML/CSS/JavaScriptJavascriptでタイマー経過後に音を鳴らす【ブックマークレット】
「任意の時間が経過したあとに音が鳴るようにするブックマークレットがほしいなぁ」と思って作りました。 以下のリンクをブックマークレットに追加するだけです。 以下、ソースです。 全体： ス...
HTML/CSS/JavaScriptpuppeteerで任意のJavascriptコードを実行する
evaluateメソッドを使うと、任意のJSコードを実行できます。 以下は、Googleのトップページを開いた後にalertを表示する例。 const puppeteer = require("puppeteer"); const...
HTML/CSS/JavaScriptJavascriptのオブジェクトとJSONの違い
基本的には同じだけど、以下の3点が違う。 JSON 違い Javascriptのオブジェクト 書けない 末尾にカンマ（ , ）を書ける？ 書ける 使えない キーにダブルクォーテーション以外使える？...
HTML/CSS/JavaScriptscriptタグのasync/deferの使い分け
htmlの<script>タグってどこに書けばいいんだろう？と思って、調べた結果メモ。 以下の図がわかりやすい。 引用： １．headタグの中に書く 以下のように書く方法。 <!DOCTYPE...
Gitreset,revertの違い【Git】
よく分かってなかったので自分用にまとめた。 reset：過去のコミットまで戻る revert：過去のコミットを取り消すコミットをする reset 大きく分けて以下の3種類がある。 --soft･･･「H...