2021-05

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

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

CSSファイルの先頭に @charset "utf-8"; みたいに書くことがあるけど、これを書いていないファイルもあったりして、「これって別に書かなくていいの?」と疑問に思って調べた結果メモ。 先に結論を書いてお...
2021.07.23
React

create-react-appでSassを使う手順

create-react-appでSass(.scss)を使う手順を調べた結果メモ。 以下、手順です。 npm install sassでSassコンパイラーをインストールする プロジェクト内にある.cssファイル...
2021.08.08
HTML/CSS/JavaScript

SassとSASSとSCSSの違い

Sass: 「CSSって使いにくいよねー」と思った人たちが作った言語。 Syntactically Awesome Stylesheets(構造的に イケてる スタイルシート)の略。 Sassで書かれたもの...
HTML/CSS/JavaScript

puppeteer + jsdomでTableを取得して加工する

puppeteer + jsdomでTableを取得して加工する方法についてのメモです。 例 例として、以下の気象庁のページを使います。 上のぺージを開くと、以下のような画面が開くのですが ここで...
2021.05.24
HTML/CSS/JavaScript

インラインのscriptとdefer属性

インラインスクリプトには、defer属性は使えません。 例えば以下のようには書けません。 <script src="a.js" defer></script><script src="b.js" 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 orig...
2021.06.24
HTML/CSS/JavaScript

JavaScriptでタイマー経過後に音を鳴らす【ブックマークレット】

「任意の時間が経過したあとに音が鳴るようにするブックマークレットがほしいなぁ」と思って作りました。 以下のリンクをブックマークレットに追加するだけです。 以下、ソースです。 全体: ス...
2021.05.20
HTML/CSS/JavaScript

puppeteerで任意のJavaScriptコードを実行する

evaluateメソッドを使うと、任意のJSコードを実行できます。 以下は、Googleのトップページを開いた後にalertを表示する例。 const puppeteer = require("puppeteer"); const...
HTML/CSS/JavaScript

JavaScriptのオブジェクトとJSONの違い

基本的には同じだけど、以下の3点が違う。 JSON 違い JavaScriptのオブジェクト 書けない 末尾にカンマ( , )を書ける? 書ける 使えない キーにダブルクォーテーション以外使える?...
HTML/CSS/JavaScript

scriptタグのasync/deferの使い分け

htmlの<script>タグってどこに書けばいいんだろう?と思って、調べた結果メモ。 以下の図がわかりやすい。 引用: 1.headタグの中に書く 以下のように書く方法。 <!DOCTYPE...
2021.05.14
Git

reset,revertの違い【Git】

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

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

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