状態管理関数が意外とシンプルに作れた
React を使わずに TypeScript で開発していたプロジェクトで、状態管理がしたいと思う機会がありました。
サーバに置いてすべてのクライアントで共有するわけではないから個々のクライアント側がローカルに持っていればいい。
クライアント側のコードではグローバルにいろんなファイルから特定の変数を参照したい…という状況でした。 …
JavaScript
サイト内の絵文字を Twemoji にする
絵文字、好きです。
テキストだけでは伝わらない微妙な心情を表現できる絵文字ですが、
Microsoft のは線画が太く、Apple のはリアル、Google のはふんわり、といった具合に、
プラットフォームによって表示が変わってしまうのが悩みどころです。 …
ローカル管理のコンテンツを Contentful に移行する
CMS には Git ベースのものと API ベースのものがあり、Git ベースのものは GitHub などと連携して、CMS でのコンテンツの更新を GitHub にプッシュします。GitHub と Netlify や Vercel などのホスティングサービスが連携していれば、GitHub へのプッシュがデプロイを引き起こしてもとのサイトが更新されます。つまりコンテンツが同じリポジトリにあり、ローカルでは同じプロジェクトディレクトリにあります。…
【React】動的な木構造レイヤーをレンダリングしてみる
お絵かきアプリとかでよくある、階層構造をもったレイヤーを実装してみました。 …
【Netlify + Heroku】Socket.IO アプリのデプロイ
Socket.IO で作成した通信対戦アプリをデプロイするときに結構苦労したので、その記録を書いておきます。 …
jQuery を JavaScript と呼ぶのはやめよう
jQuery は JavaScript のライブラリで、
ネイティブ JavaScript よりも簡単に書けることや
クロスブラウザであることからかなり普及してきました。 …
create-react-app で自動生成される CSS や JS へのパスを変更する方法
create-react-appで作成したアプリでは、デフォルトでは CSS や画像や JS へのパスが
/static/css/main.xxxxxxxx.chunk.css、
/static/media/...、
/static/js/...chunk.js
のようになっています。 …
【JavaScript】Cookie の設定がうまくいかない？
JavaScript では Cookie を扱うことができます。
Cookie はブラウザが保持できる文字列のことで、
これを使うことで、ユーザがページを再読み込みしたりブラウザから離れたりしてもデータを保持させることができます。 …