Hugoでいい感じのPagination(ページ送り)を作った 全 10 ページ中 1 ページにいるとき 全 10 ページ中 2 ページにいるとき 全 10 ページ中 4 ページにいるとき 全 10 ページ中 5 ページにいるとき 軽く仕様 1 ページまたは最後ページにいるとき，隣の web-service 2023/08/10
Docker環境のviteでspawn xdg-open ENOENTエラーが発生する エラー内容 node:events:491 throw er; // Unhandled 'error' event ^ Error: spawn xdg-open ENOENT at Process.C web-service 2023/07/01
Next.js で LocalStorage を更新したときに再レンダリングも行うカスタムフック LocalStorage は stateful ではないので、やみくもに実装していると更新タイミング等の管理が難しい LocalStorage を state のように扱えるカスタムフックを作成することで、ある程度使いや web-service 2023/06/05
[WordPress] タイトルからOGP画像をサーバーで生成する(Cocoonテーマ) 例えばQiitaだとTwitterでツイートするときに，タイトルとユーザー名からなる画像が生成される． これをWordPressでも自前でやりたい 結果 いい感じにできました(主観) 画像生成サーバーの作成 Go言語でク web-service 2023/01/15
426 Upgrade Required エラーがNginxとEnvoy共存環境で出る 状況 Web-gRPCを使うため、Docker上でEnvoyコンテナを動かしてバックエンドのgRPCサーバーにプロキシしている。 さらにSSL化もしたかったのでホストにNginxを動かし、インターネットからのアクセスをE docker web-service 2022/10/23
Next.js & docker-compose 環境変数がどうしても読み込めない next.jsはビルド時にも環境変数を必要とするため、Dockerfileを読み込むときに適切に環境変数を設定しないといけない。 結論 だいたい以下のようなDockerfile, docker-compose.yamlを docker web-service 2022/10/20
ISUCON本のモニタリング周りを簡潔にまとめてみた 設定変更後はsudo systemctl restart XXXXを行うこと nginx周り ログ形式の変更 p60 /etc/nginx/nginx.conf の httpの該当箇所のみ以下のように変更する。 log_ web-service 2022/07/28
Next.jsでpng画像, svg画像を直接response.sendする Node.jsでも同様 ローカルのpngを転送する場合 fsを使えるようにする package.jsonに以下の設定を追加する "browser":{ "fs": false }, str web-service 2022/06/06
[Next.js]Warning: Prop `xxx` did not match. Server: "xxx" Client: "xxx" Next.jsでReactのライブラリを使用すると、実行時コンソールにこの様なエラーが出ることがある。 これは、Next.jsで行なっているSSR(サーバーサイドレンダリング)によって、サーバー側でプリレンダリングされた web-service 2022/01/14
Node.jsとmysqlをdocker composeした時にECONNREFUSEDする エラー文 node:events:371 throw er; // Unhandled ’error’ event ^ Error: connect ECONNREFUSED 172.29.0.2 docker web-service 2021/09/06