猫でもわかるWeb開発・プログラミング

本業エンジニアリングマネージャー。副業Webエンジニア。Web開発のヒントや、副業、日常生活のことを書きます。

AWS CDK と CDK for Terraform を使ってみた感想

AWS のサーバー構築 Terraform の欠点 AWS CDK の登場 CDK for Terraform の登場 AWS CDK を使ってみる AWS CDK コマンドラインツールのインストール AWS CDK で S3 を立ててみる コード デプロイ リソースの全削除 AWS CDK のメリット/デメリット CDK for T…

PHP Laravel の HTTP テストで HTML のテストを書くときの書き方

Laravel の HTTP Test Laravel には HTTP テストという機能がある https://readouble.com/laravel/8.x/ja/http-tests.html このテストはめちゃめちゃ便利で、実際にリクエストを送って、返ってくるレスポンスをシミュレートできる。 get('/'); $response->as…

Yjs の共同編集開始時の処理 writeSyncStep1 について

writeSyncStep1 とは より詳細な仕様 writeSyncStep1 とは Yjs の WebSocket サーバーを実装していると、 writeSyncStep1 という謎のステップがあることがわかる。 共同編集に新しいクライアント(共同編集者)が参加した時に、今共同編集中のドキュメント全…

Stripe のサブスクリプションの料金体系について

概要 Stripe の料金体系 標準の料金体系 パッケージ料金体系 段階的な料金体系 数量ベースの料金体系 概要 Stripe でサブスクリプションを実装する時に、様々な料金体系を実装したくなることがあります。 例えば、企業向けのサービスで「ユーザー1人あたり50…

1泊2日の雲取山登山:鴨沢→三峯神社【Webエンジニアの登山】

目的地: 雲取山山頂 登山日 ルート 地図 ルート選択と小屋について 事前準備 当日の気温と天気 道具 トラベルシーツ トレッキングポール 登山計画を立てる 行きの電車、バス(鴨沢) 帰りの電車、バス(三峯神社) 鴨沢〜三峯神社の登山計画 雲取山荘の予約 …

Stripe アカウントの登録とダッシュボードについて

Stripe とは Stripe のアカウント登録をする Stripe ダッシュボードについて 会社名(サービス名)の変更 テスト環境と本番環境 API Key などの開発情報の閲覧 商品情報の追加 Stripe とは Stripe とは、クレジットカード決済のための API などを提供してい…

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…