HTML/CSS/JavaScript

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

SyntaxError: ‘return’ outside of functionというエラー

create-react-appで作ったプロジェクトで、npm startしたところ、以下のようなエラーが発生しました。 ./node_modules/watchpack/lib/chokidar.js SyntaxError: C:\...
HTML/CSS/JavaScript

トランスコンパイルとpolyfillの違い

Babelのことを調べていると「トランスコンパイル」「Polyfill」という言葉がよく出てきます。 これらの違いについて調べたメモ。 トランスコンパイル:別の言語に変換すること。 polyfill:古いコードを使...
HTML/CSS/JavaScript

疑似要素(::before,::after)のプロパティを取得する【Javascript】

結論から言うと、getComputedStyle関数を使えば取得できます。 index.html <h1>エヴァンゲリオン</h1> style.css h1::before{ content:...
HTML/CSS/JavaScript

ブックマークレットを作るときの注意点など

ブックマークレットを作るときに気をつけるべき点とかメモ。 スコープ スコープを汚さないために、(function(){})()で囲います。 例えば、alert("hoge")を実行したいなら、javascript:(f...
HTML/CSS/JavaScript

Udemyのチェックを一括で外すor付ける【ブックマークレット】

Udemyのアカウントを妻と共有して、割り勘でいろいろ教材を買ってるんですが 私が見た後に妻が見る 妻が見た後に私が見る みたいなことがあるため、後から見るほうは既にチェックボックスがついた状態ではじめることになります...
HTML/CSS/JavaScript

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

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

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

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

SassとSASSとSCSSの違い

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

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

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

インラインのscriptとdefer属性

インラインスクリプトには、defer属性は使えません。 例えば以下のようには書けません。 <script src="a.js" defer></script><script src="b.js" d...
スポンサーリンク
タイトルとURLをコピーしました