Cover Image for create-react-app で自動生成される CSS や JS へのパスを変更する方法

create-react-app で自動生成される CSS や JS へのパスを変更する方法

create-react-appで作成したアプリでは、デフォルトでは CSS や画像や JS へのパスが

/static/css/main.xxxxxxxx.chunk.css

/static/media/...

/static/js/...chunk.js

のようになっています。 …

Cover Image for 【Vim】検索範囲の指定方法まとめ

【Vim】検索範囲の指定方法まとめ

Vim では検索や置換をするときに、その範囲を指定することになります。

今回は範囲の指定方法についてまとめます。 …

Cover Image for 【Netlify】サブディレクトリにページをデプロイする方法

【Netlify】サブディレクトリにページをデプロイする方法

例えばexample.comという URL を持っていたとして、

example.com/subdirというサブディレクトリの URL にデプロイしたいときに

どうすればいいのかというお話です。

Netlify での場合を説明しています。 …

Cover Image for 【JavaScript】Cookie の設定がうまくいかない?

【JavaScript】Cookie の設定がうまくいかない?

JavaScript では Cookie を扱うことができます。

Cookie はブラウザが保持できる文字列のことで、

これを使うことで、ユーザがページを再読み込みしたりブラウザから離れたりしてもデータを保持させることができます。 …

Cover Image for 【TypeScript】配列・オブジェクト・関数の型は?

【TypeScript】配列・オブジェクト・関数の型は?

TypeScript では定数・変数・関数を定義するときに、型を同時に定義することができます。

例えば数値であればnumber、文字列であればstring、ブール値であればbooleanなどです。

しかし、配列やオブジェクトや関数の型定義は少し特殊な部分があります。 …

Cover Image for こうして私は Adsense 広告をやめた

こうして私は Adsense 広告をやめた

このブログでは合計で1か月半ほどの期間、Google Adsense をブログに設置していました。

これは自分のウェブサイトに広告を貼り付けることで、収益を発生させることができるサービスです。

しかし、現時点ではメリットよりもデメリットのほうが多いと判断したため、…

Cover Image for ライブラリとフレームワークの違い

ライブラリとフレームワークの違い

ライブラリとフレームワークの違いが説明できるでしょうか。

結構よく使われる言葉ではありますが、混同されて使われていることも多いようです。

今回はライブラリとフレームワークの違いについてお話ししたいと思います。…

Cover Image for 声の大きさの3要素(+α)

声の大きさの3要素(+α)

声の大きさは、主に3つの要素から作られると思っています。


私は昔から(母によると生まれたころから)声が小さく、

初対面の人と1分間話しただけで「おとなしいな!」と言われてしまうしまつでした。


いろいろ試していくなかで、声を大きくするためには、 …

Cover Image for 【React + Recoil】ちょっとリッチな ToDo アプリ

【React + Recoil】ちょっとリッチな ToDo アプリ

おいしそうなタイトルになってしまいました。

これまで React で文字当てゲームやタイピング練習アプリを作ってきましたが、

今回は ToDo アプリを作成しました。 …

Cover Image for 結局、React とは何なのか?

結局、React とは何なのか?

私が React を学び始めようと思った頃、「React とは」で検索をかけてヒットしたページをいろいろ読みましたが、

どれもいまいちピンと来なかったので、

今回は

  • React はどの点においてユニークか
  • React は結局何をしているのか…