TypeScript

Cover Image for 【React】動的な木構造レイヤーをレンダリングしてみる

【React】動的な木構造レイヤーをレンダリングしてみる

お絵かきアプリとかでよくある、階層構造をもったレイヤーを実装してみました。 …

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 【JavaScript】Cookie の設定がうまくいかない?

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

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

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

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

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

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

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

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

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

Cover Image for 【React 初心者】React でタイピング練習アプリ!

【React 初心者】React でタイピング練習アプリ!

前回、React で文字当てゲームを作りました。 今回は、このようなタイピング練習アプリを作ってみました。 この記事では、このタイピングアプリの実装について解説しながら、…