Webサービス Next.js で LocalStorage を更新したときに再レンダリングも行うカスタムフック LocalStorage は stateful ではないので、やみくもに実装していると更新タイミング等の管理が難しい LocalStorage を state のように扱えるカスタムフックを作成することで、ある程度使いやすくなる ... 2023.06.05 Webサービス
Webサービス [WordPress] タイトルからOGP画像をサーバーで生成する(Cocoonテーマ) 例えばQiitaだとTwitterでツイートするときに,タイトルとユーザー名からなる画像が生成される. これをWordPressでも自前でやりたい 結果 いい感じにできました(主観) 画像生成サーバ... 2023.01.15 Webサービス
Docker 426 Upgrade Required エラーがNginxとEnvoy共存環境で出る 状況 Web-gRPCを使うため、Docker上でEnvoyコンテナを動かしてバックエンドのgRPCサーバーにプロキシしている。 さらにSSL化もしたかったのでホストにNginxを動かし、インターネットからのアクセスをEnvo... 2022.10.23 DockerWebサービス
Docker Next.js & docker-compose 環境変数がどうしても読み込めない next.jsはビルド時にも環境変数を必要とするため、Dockerfileを読み込むときに適切に環境変数を設定しないといけない。 結論 だいたい以下のようなDockerfile, docker-compose.yamlを使って... 2022.10.20 DockerWebサービス
Webサービス ISUCON本のモニタリング周りを簡潔にまとめてみた 設定変更後はsudo systemctl restart XXXXを行うこと nginx周り ログ形式の変更 p60/etc/nginx/nginx.conf の httpの箇所を書き換える。改行とスペースは消しておくこ... 2022.07.28 Webサービス
Webサービス Next.jsでpng画像, svg画像を直接response.sendする Node.jsでも同様 ローカルのpngを転送する場合 fsを使えるようにする package.jsonに以下の設定を追加する "browser":{ "fs": false }, strea... 2022.06.06 Webサービス
Webサービス [Next.js]Warning: Prop `xxx` did not match. Server: “xxx” Client: “xxx” Next.jsでReactのライブラリを使用すると、実行時コンソールにこの様なエラーが出ることがある。 これは、Next.jsで行なっているSSR(サーバーサイドレンダリング)によって、サーバー側でプリレンダリングされたプロパティと... 2022.01.14 Webサービス
Docker Node.jsとmysqlをdocker composeした時にECONNREFUSEDする エラー文 node:events:371 throw er; // Unhandled 'error' event ^ Error: connect ECONNREFUSED 172.29.0.2:33... 2021.09.06 DockerWebサービス
Webサービス 複数のGoogleアカウントをアプリごとに使い分ける Google検索トップページ、またはアプリから右上のアイコンをクリックしてみてください。 このようにログインしているアカウントがたくさん表示されると思います。 この順番をよく覚えておいてください。 次にGmail... 2020.12.20 Webサービス
Webサービス 飛び出す文字ジェネレーターููููููููููููููู้้้้้้้้้้้้้้้ | はみ出す特殊文字を簡単に作成 任意の文字列から、飛び出す文字を生成します。タイ語の声調記号を連続して記述することで文字が既定の枠からはみ出る仕組みです。 2020.11.25 Webサービス