猫でもわかるWebプログラミングと副業

本業Webエンジニア。副業でもWebエンジニア。Web開発のヒントや、副業、日常生活のことを書きます。

Next.js で <table> を使おうとして Hydration failed because the initial UI does not match what was rendered on the server.

Next.js でたまにこういうエラーが出てくる。 エラーが出てくるけど、dom は正常に描画されている。 どうやら、HTML タグの使い方がおかしい場合にこのエラーが出てくる事があるようだ。 私の場合は、<table> タグを使おうとしてこのエラーが出たのだが、<table> タグを使</table></table>…

Next.js で、いい感じに head, title, ogp などを配置する【React.js】

Next.js の Head コンポーネントを使う タイトルとかをいい感じに使い回す Next.js の Head コンポーネントを使う Next.js では、 Head コンポーネントを使うことで、 title などの <head> タグ内の属性を設定できます。 import type { NextPage } from 'next'; im</head>…

AWS ECS + Fargate の ECS Exec で An error occurred (TargetNotConnectedException)

ECS Exec で An error occurred (TargetNotConnectedException) Amazon ECS Exec Checker でトラブルシューティング 実行例 各項目の説明 Prerequisites for check-ecs-exec.sh Prerequisites for the AWS CLI to use ECS Exec Cluster Configuration Can I …

Stripe の Checkout Session と Webhook で届いた Subscription の紐付け

Stripe Checkout と Webhook Checkout session と Webhook の紐付け Subscription の metadata を使う customer.subscription.created 以外の Webhook を使うのは? success_url に到達した瞬間にサービス提供するのは? Stripe Checkout と Webhook Stripe …

個人で VPS で Kubernetes クラスタを組むなら kubeadm (vs Kubespray)

はじめに Kubernetes 概要 kubectl コマンドについて Kubernetes クラスタの構築 indigo VPS を利用 kubeadm vs kubespray Kubernetes クラスタのマスターノードとワーカーノード kubeadm を使った Kubernetes クラスタ構築の手順 全てのノードで実行 マスタ…

やよいの青色申告オンラインで確定申告をした【2021年分】

前提条件 確定申告処理の開始(書類の作成) Step 1 減価償却費の計算 Step 2 青色申告決算書の作成 基本情報の入力 売上と仕入の確認 光熱費・通信費の処理(経費の家事按分) 地代家賃の処理 従業員への給与 消費税 最終確認 決算書のダウンロード Step 3 …

aws/aws-sdk-php で Your requirements could not be resolved to an installable set of packages.

composer ライブラリの依存エラー エラーの見かた 解決方法 詳細な解決方法 composer update guzzlehttp/psr7 guzzlehttp/promises 最後に composer ライブラリの依存エラー composer で aws/aws-sdk-php のライブラリをインストールしたところ、以下のよう…

Yjs の「Awareness & Presence」ドキュメントを読む

docs.yjs.dev ※ Yjs は、ドキュメント共同編集用のライブラリです。 ※ Awareness 、あるいは、 Awareness 情報というのは、ドキュメント共同編集の際の、各ユーザーのカーソルの位置など、ドキュメントの更新以外の情報のことを指します。 Awareness & Prese…

Yjs の Awareness について

Awareness Awareness CRDT Awareness CRDT API Awareness Protocol Yjs の Awareness の公式ドキュメントはこちら docs.yjs.dev Awareness Awareness は、オプショナルな機能です。 Yjs を使うにあたり、実装必須ではありません。 Awareness は、 y-protocol…

y-protocols/sync 内のメソッドが何をしているのか

y-protocols のドキュメントが少ない Yjs の WebSocket のサーバーサイドを自前実装しようとすると、y-protocols について理解しなければなりません。 github.com Yjs 公式には y-websocket というリポジトリがあり、この中にはサーバーサイドの実装も入って…

Misoca (PC版)を使って請求書を発行する

やよいの青色申告と Misoca 料金 請求書の発行方法 まとめ やよいの青色申告と Misoca Misoca とは、弥生(やよい)が出している会計ソフトです。やよいの青色申告オンラインを私も利用していますが、そこと同じ会社が出している製品になります。 弥生のアカ…

yjs/y-websocket 共同編集エディタ用ライブラリ YJS の WebSocket 周りの実装

y-websocket の README の翻訳です。 github.com y-websocket とは Quick Start y-websocket をインストールします。 WebSocket サーバーを立ち上げます クライアントの実装例 API (Websocket Provider の API) Websocket サーバー データを永続化したい場…

GMOコインから ByBit に Symbol XYM を送る

ByBit 側のアドレスの確認 GMOから送金手続き ByBit 側のアドレスの確認 ByBit にログインし、右上のメニュー「資産」から「現物アカウント」を選択する 「入金する」を選択 XYM を選択。ウォレットの情報が出てくる。「XYMウォレットアドレス」と「XYM 入金…

2/16にスムーズに確定申告をするために確認したこと

2021年分の確定申告の手順の記事書きました www.utakata.work 確定申告ができるようになるのは 2月16日からだが、1月中には、クレカの請求なども確定するので、いつでも確定申告できる状態にはなる。 確認事項 やよいの確定申告を使っている場合、「簡単取引…