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.Cweb-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を動かし、インターネットからのアクセスをEdockerweb-service 2022/10/23
Next.js & docker-compose 環境変数がどうしても読み込めないnext.jsはビルド時にも環境変数を必要とするため、Dockerfileを読み込むときに適切に環境変数を設定しないといけない。 結論 だいたい以下のようなDockerfile, docker-compose.yamlをdockerweb-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 }, strweb-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.2dockerweb-service 2021/09/06