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><script d...
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 original l...
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"> <head>...
Git reset,revertの違い【Git】
よく分かってなかったので自分用にまとめた。 reset：過去のコミットまで戻る revert：過去のコミットを取り消すコミットをするreset大きく分けて以下の3種類がある。 --soft･･･「HEAD」だけ戻す（commitだけ戻す） ...
Git プルリクエストとドラフトプルリクエストの違い
プルリクエスト：→ワイの書いたコード、マージしてくれや！ ドラフトプルリクエスト：→ワイの書いたコード、まだ未完成やけど見てくれや！（この時点ではまだマージできない）んで完成したらReady for reviewを押して完成したのを通知する...