アコーディオン、Webでよく見かけますよね。 今回はreact-collapsibleを使用してFAQのようなアコーディオンを作成してみようと思います。 完成形 最初に完成形だけ置いときます。 とりあえずソースを見せろという方はこちらをご覧ください。 準備 まずは必要…

この記事の目的 typed-css-modulesをインストールし、*.module.css.d.tsファイルが自動作成されるようにする。 はじめに ReactにはCSS modulesという機能があり、これを使用するとコンポーネントとCSSファイルを1対1で紐付けられるようになります。例えば、 …

first-childが効かない時の対処方法。 first-childが効かない例 例えば以下のようなHTML構造になっている場合、 <div class="myClass"> <h1>title</h1> <p>hoge</p> <p>hoge</p> <p>hoge</p> </div> 以下のようなCSSは適用されません。 .myClass p:first-child { background-color: red; } これは、myClassの最初の子要…

npmってなんですか？ 世界一大きいソフトウェアライブラリ ソフトウェアパッケージマネージャー npmを使ってみる npm init オプション -- y npm install 基本の使い方 オプションなど --save-dev -g パッケージを指定しない場合 エイリアス npm uninstall 基…

弁当ですか？（違う） 結論 一言で言うと、プロトコル・ドメイン・ポートまでを一塊にしたもの。 解説 例えば、 http://example.com:80/app1/index.html 上記のようなURLがある場合に、 http://example.com:80 ここまでがオリジンということになります。 あ…