Webサービス Next.js で LocalStorage を更新したときに再レンダリングも行うカスタムフック
LocalStorage は stateful ではないので、やみくもに実装していると更新タイミング等の管理が難しい
LocalStorage を state のように扱えるカスタムフックを作成することで、ある程度使いやすくなる
...
Webサービス
Webサービス 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サービス 飛び出す文字ジェネレーターููููููููููููููู้้้้้้้้้้้้้้้ | はみ出す特殊文字を簡単に作成
任意の文字列から、飛び出す文字を生成します。タイ語の声調記号を連続して記述することで文字が既定の枠からはみ出る仕組みです。