HTML/CSS/JavaScript @charset “utf-8″は必要なのか？
CSSファイルの先頭に @charset "utf-8"; みたいに書くことがあるけど、これを書いていないファイルもあったりして、「これって別に書かなくていいの？」と疑問に思って調べた結果メモ。 先に結論を書いておくと「書いたほうが良いけど...
2021-05
HTML/CSS/JavaScript React create-react-appでSassを使う手順
create-react-appでSass（.scss）を使う手順を調べた結果メモ。 以下、手順です。 npm install sassでSassコンパイラーをインストールする プロジェクト内にある.cssファイルをすべて.scssに書き換...
HTML/CSS/JavaScript SassとSASSとSCSSの違い
Sass： 「CSSって使いにくいよねー」と思った人たちが作った言語。 Syntactically Awesome Stylesheets（構造的に イケてる スタイルシート）の略。 Sassで書かれたものをCSSにコンパイルすることで使え...
HTML/CSS/JavaScript puppeteer + jsdomでTableを取得して加工する
puppeteer + jsdomでTableを取得して加工する方法についてのメモです。 例 例として、以下の気象庁のページを使います。 上のぺージを開くと、以下のような画面が開くのですが ここではtableを取得して、赤枠部分だけが表示さ...
HTML/CSS/JavaScript インラインのscriptとdefer属性
インラインスクリプトには、defer属性は使えません。 例えば以下のようには書けません。 <script src="a.js" defer></script> <script src="b.js" defer></script> <scri...
Git warning: 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 origina...
HTML/CSS/JavaScript JavaScriptでタイマー経過後に音を鳴らす【ブックマークレット】
「任意の時間が経過したあとに音が鳴るようにするブックマークレットがほしいなぁ」と思って作りました。 以下のリンクをブックマークレットに追加するだけです。 以下、ソースです。 全体： スコープを汚さないために、(function(){})()...
HTML/CSS/JavaScript puppeteerで任意のJavaScriptコードを実行する
evaluateメソッドを使うと、任意のJSコードを実行できます。 以下は、Googleのトップページを開いた後にalertを表示する例。 const puppeteer = require("puppeteer"); const main...
HTML/CSS/JavaScript JavaScriptのオブジェクトとJSONの違い
基本的には同じだけど、以下の3点が違う。 JSON 違い JavaScriptのオブジェクト 書けない 末尾にカンマ（ , ）を書ける？ 書ける 使えない キーにダブルクォーテーション以外使える？ 使える ある キーを宣言するときにクォーテ...
HTML/CSS/JavaScript scriptタグのasync/deferの使い分け
htmlの<script>タグってどこに書けばいいんだろう？と思って、調べた結果メモ。 以下の図がわかりやすい。 引用： １．headタグの中に書く 以下のように書く方法。 <!DOCTYPE html> <html lang="en"> ...
Git reset,revertの違い【Git】
よく分かってなかったので自分用にまとめた。 reset：過去のコミットまで戻る revert：過去のコミットを取り消すコミットをする reset 大きく分けて以下の3種類がある。 --soft･･･「HEAD」だけ戻す（commitだけ戻す...
Git プルリクエストとドラフトプルリクエストの違い
プルリクエスト： →ワイの書いたコード、マージしてくれや！ ドラフトプルリクエスト： →ワイの書いたコード、まだ未完成やけど見てくれや！（この時点ではまだマージできない） んで完成したらReady for reviewを押して完成したのを通...