TypeScript

Cover Image for 状態管理関数が意外とシンプルに作れた

状態管理関数が意外とシンプルに作れた

React を使わずに TypeScript で開発していたプロジェクトで、状態管理がしたいと思う機会がありました。

サーバに置いてすべてのクライアントで共有するわけではないから個々のクライアント側がローカルに持っていればいい。

クライアント側のコードではグローバルにいろんなファイルから特定の変数を参照したい…という状況でした。 …

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

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

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

Cover Image for 【Netlify + Heroku】Socket.IO アプリのデプロイ

【Netlify + Heroku】Socket.IO アプリのデプロイ

Socket.IO で作成した通信対戦アプリをデプロイするときに結構苦労したので、その記録を書いておきます。 …

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 で文字当てゲームを作りました。

今回は、このようなタイピング練習アプリを作ってみました。

この記事では、このタイピングアプリの実装について解説しながら、…