スポンサーリンク
Linux

RewriteRuleとRedirectの違い【Apache】

どちらもリダイレクトするのに使うディレクティブですが、機能は全然違います。 Redirect RewriteRule モジュールが必要? 不要 mod_rewrite.cが必要 リダイレクト後...
2021.07.28
HTML/CSS/JavaScript

キャッシュ系のHTTPヘッダー5種類の違い

とりあえずザックリ調べたことをメモ。(書いておかないと100%忘れそうなので・・・) キャッシュ関係のHTTPヘッダーには、以下の5つがあります。 レスポンスヘッダー リクエストヘッダー 問答無用...
2021.07.30
その他

Squooshをコマンドラインで使って複数画像を一括で圧縮する

Googleが画像圧縮ツールを公開しているらしい。 その名も「Squoosh」。 Squooshとは? 詳しく説明は省きますが、ザックリ箇条書きすると以下のような特徴を持ちます。 画像の圧縮・縮小ができる ...
2021.09.19
HTML/CSS/JavaScript

Google検索で画像を非表示にする方法【虫が怖い】

家のゴキブリを駆逐したい。 なので「まずはゴキブリの生態について調べたほうが良いのでは?」と思った。 ただ、ゴキブリのことを調べるとゴキブリの画像を載せているサイトに出くわすのが怖い。とても怖い😱 というかもう、ゴ...
2021.07.26
HTML/CSS/JavaScript

1つのclassだけを持つ要素に適用する方法【CSS】

以下のようなHTMLがあったとして、 <p class="A B">山田太郎です。</p><p class="A">山田太郎です。</p> 以下のCSSを適用すると、 .A ...
2021.07.19
読んだ本

「プログラムはなぜ動くのか 第3版」を読んだ感想 ⭐⭐⭐⭐

「プログラムはなぜ動くのか 第3版」という本を読んだ。 結論からいうと、良本だった。 書評 学生時代(10年くらい前)にも1度読んでいたのですが 最近(2021/5)になって第3版が出たみたいなので「もう一度読んでみ...
2021.08.22
HTML/CSS/JavaScript

translate属性=”no”を自動付加してpreタグ内のソースコードを翻訳対象外にする

プログラミングのドキュメントは、ほとんどが英語です。 なので、大多数のプログラマは 分からない英語が出てきたら・・・ ⇒ページ上で右クリック → 日本語に翻訳するを選択して、日本語に変換する という風にして、...
2021.07.11
HTML/CSS/JavaScript

position:stickyでスクロールした時にメニューを一定範囲に固定する

当記事のh2タグにも適用しています!!😀 position:stickyとは? 「スクロールした際に、親要素のボックス内の指定した位置に固定させることができるpositionプロパティ」です。 例えば以下のように書くと、 //H...
2021.08.01
読んだ本

「確かな力が身につくJavaScript 超入門 第2版」を読んだ感想 ⭐⭐⭐⭐

「確かな力が身につくJavaScript 超入門 第2版」という本を読んだ。 結論から言うと、脱初心者した自分には不要な本だった。 感想 「そういえばJavaScriptの入門本って一冊も読んだことないなー」と思って、試し...
2021.08.22
HTML/CSS/JavaScript

セッションとCookieの違いを超わかりやすく

最初に結論 ザックリ以下のように違います。 Cookie: →サーバーから「お前これ持っとけ」と渡されるデータのこと。 Cookieを持たされた人は、そのサイトにアクセスするときに毎回Cookieを持参しないといけない”...
2021.09.08
HTML/CSS/JavaScript

CSSピクセル、デバイスピクセル、デバイスピクセル比を調べる確認ツール

今お使いのデバイスの情報です。 上の青枠部分は、JavaScriptで情報を取得しています。 パソコンの場合は、画面幅を変更したり、拡大率を変更したりすると、リアルタイムで数値が変更されます。 デバイス...
2021.07.04
HTML/CSS/JavaScript

pictureタグとsrcset属性の違い。超わかりやすく

結論からいうと、以下のように違います。 srcset属性・・・”異なるサイズの同じ画像”を表示したい場合に使う pictureタグ・・・”異なる画像”を表示したい場合に使う 図解すると以下のような感じです🤗 ...
2021.07.22
React

react-transition-groupの使い方メモ

記憶をなくした時のためのメモ。 react-transition-groupとは? Reactでアニメーションを管理するためのライブラリです。 ただし、react-transition-group自体はアニメーション機能は提供して...
2021.08.09
React

【React】コンポーネントの中で定義したコンポーネントを呼び出す?

以下のようにAコンポーネントの中で定義したBコンポーネントをAコンポーネントから呼び出す場合と、 function A() { function B() { return <h1>Bだよ</h1>;...
2021.08.08
React

【React】関数と関数コンポーネントのメリット・デメリット

例えば、以下のように書いて function Component() { return <h1>Hello</h1>; } コンポーネントを利用したい場所で<Component>と書いてコンポ...
2021.08.08
仮想環境

exec形式とshell形式の違い【Docker】

違いについて調べたら、あるサイトに shell形式: コマンド 引数1 引数2.. Dockerデフォルトのシェル/bin/shでコマンド実行。つまり、/bin/sh -c "コマンド 引数1 引数2.."として実行される。 ex...
2021.06.26
仮想環境

「CMD」と「RUN」「ENTRYPOINT」と「runとcreateの引数」【Dockerfile】

Dockerfileの話。 以下の4つの違いが分からなかったので調べた結果メモ。 DockerfileのRUN DockerfileのCMD DockerfileのENTRYPOINT runコマンドとcr...
2021.08.23
仮想環境

docker-machineでエラーが発生

この記事を書いている人のPCは、Windows10 の Home Editionです 以下のページからdocker-machineをインストール後、 docker-machineをcreateしようとしてもエ...
仮想環境

docker buildコマンドとは?ビルドコンテキストとは

学んだことメモ。 docker buildコマンドとは? docker buildコマンドは、DockerfileからImageを作成するためのコマンド。 基本は以下の形式で書きます。 docker build -t image...
2021.08.11
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:古いコードを使...
2021.06.16
HTML/CSS/JavaScript

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

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

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

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

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

Udemyのアカウントを妻と共有して、割り勘でいろいろ教材を買ってるんですが 私が見た後に妻が見る 妻が見た後に私が見る みたいなことがあるため、後から見るほうは既にチェックボックスがついた状態ではじめることになります...
2021.06.21
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
スポンサーリンク
タイトルとURLをコピーしました