Webサービス

スポンサーリンク
Webサービス

Next.js で LocalStorage を更新したときに再レンダリングも行うカスタムフック

LocalStorage は stateful ではないので、やみくもに実装していると更新タイミング等の管理が難しい LocalStorage を state のように扱えるカスタムフックを作成することで、ある程度使いやすくなる ...
Webサービス

[WordPress] タイトルからOGP画像をサーバーで生成する(Cocoonテーマ)

例えばQiitaだとTwitterでツイートするときに,タイトルとユーザー名からなる画像が生成される. これをWordPressでも自前でやりたい 結果 いい感じにできました(主観) 画像生成サーバ...
Docker

426 Upgrade Required エラーがNginxとEnvoy共存環境で出る

状況 Web-gRPCを使うため、Docker上でEnvoyコンテナを動かしてバックエンドのgRPCサーバーにプロキシしている。 さらにSSL化もしたかったのでホストにNginxを動かし、インターネットからのアクセスをEnvo...
Docker

Next.js & docker-compose 環境変数がどうしても読み込めない

next.jsはビルド時にも環境変数を必要とするため、Dockerfileを読み込むときに適切に環境変数を設定しないといけない。 結論 だいたい以下のようなDockerfile, docker-compose.yamlを使って...
Webサービス

ISUCON本のモニタリング周りを簡潔にまとめてみた

設定変更後はsudo systemctl restart XXXXを行うこと nginx周り ログ形式の変更 p60/etc/nginx/nginx.conf の httpの箇所を書き換える。改行とスペースは消しておくこ...
Webサービス

Next.jsでpng画像, svg画像を直接response.sendする

Node.jsでも同様 ローカルのpngを転送する場合 fsを使えるようにする package.jsonに以下の設定を追加する "browser":{ "fs": false }, strea...
Webサービス

[Next.js]Warning: Prop `xxx` did not match. Server: “xxx” Client: “xxx”

Next.jsでReactのライブラリを使用すると、実行時コンソールにこの様なエラーが出ることがある。 これは、Next.jsで行なっているSSR(サーバーサイドレンダリング)によって、サーバー側でプリレンダリングされたプロパティと...
Docker

Node.jsとmysqlをdocker composeした時にECONNREFUSEDする

エラー文 node:events:371 throw er; // Unhandled 'error' event ^ Error: connect ECONNREFUSED 172.29.0.2:33...
Webサービス

複数のGoogleアカウントをアプリごとに使い分ける

Google検索トップページ、またはアプリから右上のアイコンをクリックしてみてください。 このようにログインしているアカウントがたくさん表示されると思います。 この順番をよく覚えておいてください。 次にGmail...
Webサービス

飛び出す文字ジェネレーターููููููููููููููู้้้้้้้้้้้้้้้ | はみ出す特殊文字を簡単に作成

任意の文字列から、飛び出す文字を生成します。タイ語の声調記号を連続して記述することで文字が既定の枠からはみ出る仕組みです。
スポンサーリンク
タイトルとURLをコピーしました