React react-transition-groupの使い方メモ
記憶をなくした時のためのメモ。react-transition-groupとは？Reactでアニメーションを管理するためのライブラリです。ただし、react-transition-group自体はアニメーション機能は提供していません。rea...
2021-06
React 
React 【React】コンポーネントの中で定義したコンポーネントを呼び出す？
以下のようにAコンポーネントの中で定義したBコンポーネントをAコンポーネントから呼び出す場合と、function A() { function B() { return <h1>Bだよ</h1>; }; return ( <div> <h1...
仮想環境 exec形式とshell形式の違い【Docker】
違いについて調べたら、あるサイトにshell形式: コマンド 引数1 引数2..Dockerデフォルトのシェル/bin/shでコマンド実行。つまり、/bin/sh -c "コマンド 引数1 引数2.."として実行される。exec形式: コマ...
仮想環境 「CMD」と「RUN」「ENTRYPOINT」と「runとcreateの引数」【Dockerfile】
Dockerfileの話。以下の4つの違いが分からなかったので調べた結果メモ。 DockerfileのRUN DockerfileのCMD DockerfileのENTRYPOINT runコマンドとcreateコマンドに渡すCMD引数違い...
仮想環境 docker-machineでエラーが発生
この記事を書いている人のPCは、Windows10 の Home Editionです以下のページからdocker-machineをインストール後、docker-machineをcreateしようとしてもエラーが出た。$ docker-mac...
仮想環境 docker buildコマンドとは？ビルドコンテキストとは
学んだことメモ。docker buildコマンドとは？docker buildコマンドは、DockerfileからImageを作成するためのコマンド。基本は以下の形式で書きます。docker build -t imagename . -t ...
HTML/CSS/JavaScript SyntaxError: ‘return’ outside of functionというエラー
create-react-appで作ったプロジェクトで、npm startしたところ、以下のようなエラーが発生しました。./node_modules/watchpack/lib/chokidar.jsSyntaxError: C:\User...
HTML/CSS/JavaScript トランスコンパイルとpolyfillの違い
Babelのことを調べていると「トランスコンパイル」「Polyfill」という言葉がよく出てきます。これらの違いについて調べたメモ。 トランスコンパイル：別の言語に変換すること。 polyfill：古いコードを使って新しいコードを代用するこ...
HTML/CSS/JavaScript 疑似要素（::before,::after）のプロパティを取得する【JavaScript】
結論から言うと、getComputedStyle関数を使えば取得できます。index.html<h1>エヴァンゲリオン</h1>style.cssh1::before{ content:"シン"; color:red;}index.jsco...
HTML/CSS/JavaScript ブックマークレットを作るときの注意点など
ブックマークレットを作るときに気をつけるべき点とかメモ。スコープ スコープを汚さないために、(function(){})()で囲います。 例えば、alert("hoge")を実行したいなら、javascript:(function(){al...
HTML/CSS/JavaScript Udemyのチェックを一括で外すor付ける【ブックマークレット】
追記：この記事で書いてるスクリプトは使えなくなりました。Udemyのアカウントを妻と共有して、割り勘でいろいろ教材を買ってるんですが 私が見た後に妻が見る 妻が見た後に私が見るみたいなことがあるため、後から見るほうは既にチェックボックスがつ...