2021-05

スポンサーリンク
HTML/CSS/JavaScript

@charset “utf-8″は必要なのか?

CSSファイルの先頭に @charset "utf-8"; みたいに書くことがあるけど、これを書いていないファイルもあったりして、「これって別に書かなくていいの?」と疑問に思って調べた結果メモ。 先に結論を書いておくと「書いたほうが良いけど...
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>タグってどこに書けばいいんだろう?と思って、調べた結果メモ。 以下の図がわかりやすい。 引用: 1.headタグの中に書く 以下のように書く方法。 <!DOCTYPE html> <html lang="en"> ...
Git

reset,revertの違い【Git】

よく分かってなかったので自分用にまとめた。 reset:過去のコミットまで戻る revert:過去のコミットを取り消すコミットをする reset 大きく分けて以下の3種類がある。 --soft・・・「HEAD」だけ戻す(commitだけ戻す...
Git

プルリクエストとドラフトプルリクエストの違い

プルリクエスト: →ワイの書いたコード、マージしてくれや! ドラフトプルリクエスト: →ワイの書いたコード、まだ未完成やけど見てくれや!(この時点ではまだマージできない) んで完成したらReady for reviewを押して完成したのを通...
スポンサーリンク