読んだ本 「プログラムはなぜ動くのか 第3版」を読んだ感想 ⭐⭐⭐⭐ 「プログラムはなぜ動くのか 第3版」という本を読んだ。 結論からいうと、良本だった。 書評 学生時代(10年くらい前)にも1度読んでいたのですが 最近(2021/5)になって第3版が出たみたいなので「もう一度読んでみるかー!」と思って読んで... 2021.07.10 2021.08.22 読んだ本
HTML/CSS/JavaScript translate属性=”no”を自動付加してpreタグ内のソースコードを翻訳対象外にする プログラミングのドキュメントは、ほとんどが英語です。 なので、大多数のプログラマは 分からない英語が出てきたら・・・ ⇒ページ上で右クリック → 日本語に翻訳するを選択して、日本語に変換する という風にして、ドキュメントを読み解いていきます... 2021.07.07 2021.07.11 HTML/CSS/JavaScript
HTML/CSS/JavaScript position:stickyでスクロールした時にメニューを一定範囲に固定する 当記事のh2タグにも適用しています!!😀 position:stickyとは? 「スクロールした際に、親要素のボックス内の指定した位置に固定させることができるpositionプロパティ」です。 例えば以下のように書くと、 //HTML <s... 2021.07.04 2022.05.26 HTML/CSS/JavaScript
読んだ本 「確かな力が身につくJavaScript 超入門 第2版」を読んだ感想 ⭐⭐⭐⭐ 「確かな力が身につくJavaScript 超入門 第2版」という本を読んだ。 結論から言うと、脱初心者した自分には不要な本だった。 感想 「そういえばJavaScriptの入門本って一冊も読んだことないなー」と思って、試しにこの本を読んでみ... 2021.07.04 2021.08.22 読んだ本
HTML/CSS/JavaScript セッションとCookieの違いを超わかりやすく 最初に結論 ザックリ以下のように違います。 Cookie: →サーバーから「お前これ持っとけ」と渡されるデータのこと。 Cookieを持たされた人は、そのサイトにアクセスするときに毎回Cookieを持参しないといけない”呪い”にかけられる。... 2021.07.03 2021.09.08 HTML/CSS/JavaScript
HTML/CSS/JavaScript CSSピクセル、デバイスピクセル、デバイスピクセル比を調べる確認ツール 今お使いのデバイスの情報です。 上の青枠部分は、JavaScriptで情報を取得しています。 パソコンの場合は、画面幅を変更したり、拡大率を変更したりすると、リアルタイムで数値が変更されます。 デバイスピクセルは、実端末の解像度のことです。... 2021.07.02 2021.07.04 HTML/CSS/JavaScript
HTML/CSS/JavaScript pictureタグとsrcset属性の違い。超わかりやすく 結論からいうと、以下のように違います。 srcset属性・・・”異なるサイズの同じ画像”を表示したい場合に使う pictureタグ・・・”異なる画像”を表示したい場合に使う 図解すると以下のような感じです🤗 srcset属性 例えば、スマホ... 2021.07.01 2023.02.04 HTML/CSS/JavaScript
React react-transition-groupの使い方メモ 記憶をなくした時のためのメモ。 react-transition-groupとは? Reactでアニメーションを管理するためのライブラリです。 ただし、react-transition-group自体はアニメーション機能は提供していません。... 2021.06.28 2021.08.09 React
React 【React】コンポーネントの中で定義したコンポーネントを呼び出す? 以下のようにAコンポーネントの中で定義したBコンポーネントをAコンポーネントから呼び出す場合と、 function A() { function B() { return <h1>Bだよ</h1>; }; return ( <div> <h... 2021.06.27 2021.08.08 React
仮想環境 exec形式とshell形式の違い【Docker】 違いについて調べたら、あるサイトに shell形式: コマンド 引数1 引数2.. Dockerデフォルトのシェル/bin/shでコマンド実行。つまり、/bin/sh -c "コマンド 引数1 引数2.."として実行される。 exec形式:... 2021.06.15 2021.06.26 仮想環境
仮想環境 「CMD」と「RUN」「ENTRYPOINT」と「runとcreateの引数」【Dockerfile】 Dockerfileの話。 以下の4つの違いが分からなかったので調べた結果メモ。 DockerfileのRUN DockerfileのCMD DockerfileのENTRYPOINT runコマンドとcreateコマンドに渡すCMD引数 ... 2021.06.15 2021.08.23 仮想環境
仮想環境 docker-machineでエラーが発生 この記事を書いている人のPCは、Windows10 の Home Editionです 以下のページからdocker-machineをインストール後、 docker-machineをcreateしようとしてもエラーが出た。 $ docker-... 2021.06.14 仮想環境
仮想環境 docker buildコマンドとは?ビルドコンテキストとは 学んだことメモ。 docker buildコマンドとは? docker buildコマンドは、DockerfileからImageを作成するためのコマンド。 基本は以下の形式で書きます。 docker build -t imagename .... 2021.06.13 2021.08.11 仮想環境
HTML/CSS/JavaScript SyntaxError: ‘return’ outside of functionというエラー create-react-appで作ったプロジェクトで、npm startしたところ、以下のようなエラーが発生しました。 ./node_modules/watchpack/lib/chokidar.js SyntaxError: C:\Us... 2021.06.09 HTML/CSS/JavaScript
HTML/CSS/JavaScript トランスコンパイルとpolyfillの違い Babelのことを調べていると「トランスコンパイル」「Polyfill」という言葉がよく出てきます。 これらの違いについて調べたメモ。 トランスコンパイル:別の言語に変換すること。 polyfill:古いコードを使って新しいコードを代用する... 2021.06.03 2021.06.16 HTML/CSS/JavaScript
HTML/CSS/JavaScript 疑似要素(::before,::after)のプロパティを取得する【JavaScript】 結論から言うと、getComputedStyle関数を使えば取得できます。 index.html <h1>エヴァンゲリオン</h1> style.css h1::before{ content:"シン"; color:red; } inde... 2021.06.02 HTML/CSS/JavaScript
HTML/CSS/JavaScript ブックマークレットを作るときの注意点など ブックマークレットを作るときに気をつけるべき点とかメモ。 スコープ スコープを汚さないために、(function(){})()で囲います。 例えば、alert("hoge")を実行したいなら、javascript:(function(){a... 2021.06.01 2021.06.02 HTML/CSS/JavaScript
HTML/CSS/JavaScript Udemyのチェックを一括で外すor付ける【ブックマークレット】 追記: この記事で書いてるスクリプトは使えなくなりました。 Udemyのアカウントを妻と共有して、割り勘でいろいろ教材を買ってるんですが 私が見た後に妻が見る 妻が見た後に私が見る みたいなことがあるため、後から見るほうは既にチェックボック... 2021.06.01 2023.01.13 HTML/CSS/JavaScript
HTML/CSS/JavaScript @charset “utf-8″は必要なのか? CSSファイルの先頭に @charset "utf-8"; みたいに書くことがあるけど、これを書いていないファイルもあったりして、「これって別に書かなくていいの?」と疑問に思って調べた結果メモ。 先に結論を書いておくと「書いたほうが良いけど... 2021.05.28 2023.01.28 HTML/CSS/JavaScript
React create-react-appでSassを使う手順 create-react-appでSass(.scss)を使う手順を調べた結果メモ。 以下、手順です。 npm install sassでSassコンパイラーをインストールする プロジェクト内にある.cssファイルをすべて.scssに書き換... 2021.05.27 2021.08.08 React
HTML/CSS/JavaScript SassとSASSとSCSSの違い Sass: 「CSSって使いにくいよねー」と思った人たちが作った言語。 Syntactically Awesome Stylesheets(構造的に イケてる スタイルシート)の略。 Sassで書かれたものをCSSにコンパイルすることで使え... 2021.05.24 HTML/CSS/JavaScript
HTML/CSS/JavaScript puppeteer + jsdomでTableを取得して加工する puppeteer + jsdomでTableを取得して加工する方法についてのメモです。 例 例として、以下の気象庁のページを使います。 上のぺージを開くと、以下のような画面が開くのですが ここではtableを取得して、赤枠部分だけが表示さ... 2021.05.23 2021.05.24 HTML/CSS/JavaScript
HTML/CSS/JavaScript インラインのscriptとdefer属性 インラインスクリプトには、defer属性は使えません。 例えば以下のようには書けません。 <script src="a.js" defer></script> <script src="b.js" defer></script> <scri... 2021.05.23 HTML/CSS/JavaScript
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... 2021.05.20 2021.06.24 Git
HTML/CSS/JavaScript JavaScriptでタイマー経過後に音を鳴らす【ブックマークレット】 「任意の時間が経過したあとに音が鳴るようにするブックマークレットがほしいなぁ」と思って作りました。 以下のリンクをブックマークレットに追加するだけです。 以下、ソースです。 全体: スコープを汚さないために、(function(){})()... 2021.05.19 2021.05.20 HTML/CSS/JavaScript
HTML/CSS/JavaScript puppeteerで任意のJavaScriptコードを実行する evaluateメソッドを使うと、任意のJSコードを実行できます。 以下は、Googleのトップページを開いた後にalertを表示する例。 const puppeteer = require("puppeteer"); const main... 2021.05.19 HTML/CSS/JavaScript
HTML/CSS/JavaScript JavaScriptのオブジェクトとJSONの違い 基本的には同じだけど、以下の3点が違う。 JSON 違い JavaScriptのオブジェクト 書けない 末尾にカンマ( , )を書ける? 書ける 使えない キーにダブルクォーテーション以外使える? 使える ある キーを宣言するときにクォーテ... 2021.05.14 HTML/CSS/JavaScript
HTML/CSS/JavaScript scriptタグのasync/deferの使い分け htmlの<script>タグってどこに書けばいいんだろう?と思って、調べた結果メモ。 以下の図がわかりやすい。 引用: 1.headタグの中に書く 以下のように書く方法。 <!DOCTYPE html> <html lang="en"> ... 2021.05.11 2021.05.14 HTML/CSS/JavaScript
Git reset,revertの違い【Git】 よく分かってなかったので自分用にまとめた。 reset:過去のコミットまで戻る revert:過去のコミットを取り消すコミットをする reset 大きく分けて以下の3種類がある。 --soft・・・「HEAD」だけ戻す(commitだけ戻す... 2021.05.03 2021.05.04 Git
Git プルリクエストとドラフトプルリクエストの違い プルリクエスト: →ワイの書いたコード、マージしてくれや! ドラフトプルリクエスト: →ワイの書いたコード、まだ未完成やけど見てくれや!(この時点ではまだマージできない) んで完成したらReady for reviewを押して完成したのを通... 2021.05.03 2021.07.02 Git