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

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

AWS CDK で構築した AWS CodeBuild の docker build で NO_PUBKEY エラー

発生した現象 結論 詳細 発生した現象 AWS CDK で CodeBuild のプロジェクトを作成し、Docker のビルドを行ったところ、 Dockerfile の RUN apt-get update で以下のようなエラーが発生しビルドに失敗してしまった。 Err:1 http://security.ubuntu.com/ubunt…

あの「スモークターキーレッグ」風味のパスタスナックが【ディズニーランド40周年】で登場

ディズニーランド40周年グッズの中には様々なお菓子があります。パッケージでイベントの雰囲気を楽しみつつ、他のグッズと違い、食べてしまえばかさばらないので、個人的には結構買ってしまうグッズです。 その中で特に気になったのが、こちらのパスタスナッ…

ディズニーランド40周年 ドリームガーランドを買う

ドリームガーランドについて ドリームガーランド + バッグチャーム 私は何を買ったのか ドリームガーランドについて 東京ディズニーランド40周年のグッズといえば「ドリームガーランド」です www.tokyodisneyresort.jp ディズニーリゾートの各ショップで700…

JavaScript / TypeScript の Logger 選定 on Docker環境

はじめに ライブラリの選択肢 実装 シンプルな実装 凝った実装 はじめに TypeScript + Docker でサーバーサイド開発をしており、コードに Logger を導入したかったため、ライブラリ選定を行いました。 今回は Docker を使っており、 AWS ECS にデプロイして…

Java Jersey 2.26 Release Notes 日本語メモ

これはなに Jersey 2.26 のリリースノートの内容のメモです。 https://eclipse-ee4j.github.io/jersey.github.io/release-notes/2.26.html Jersey 2.26 は、 HK2 系のライブラリが Jersey core ライブラリから分離されるなど、破壊的変更が入ったバージョン…

Mac で VPN 接続が不安定で勝手に切れてしまう場合の設定方法

環境 設定方法 MTU とは何か 参考 環境 仕事でテレワークしているときなど、Mac で VPN 接続して作業しているときに、VPN 接続が定期的に切れる問題に悩まされていました。 大体1〜2時間に1回くらい VPN が切れます。 以下の設定方法である程度改善したので…

【SVダブルシリーズ1】レンタルパ: 使いやすいイエッサングレンアルマ

はじめに レンタルコード(チームID) パーティ解説 基本選出と立ち回り トリックルーム+コータスで勝つ場合 ワイドフォースで勝つ場合 個別ポケモン解説 イッカネズミ コノヨザル イエッサン グレンアルマ コータス バウッツェル はじめに 初心者でも使いや…

サブスクリプションの継続とクレジットカードの更新

はじめに サブスクリプション時代 カードの更新について 各サービスの実装がどうなっているか試してみる ニコニコプレミアム・ニコニコチャンネル ソフトバンク光 LINEMO Nintendo Switch Online Adobe AWS (Amazon Web Services) まとめ はじめに 投稿忘れ…

登山用ザック【Webエンジニアの登山ギア】

はじめに ザック(リュックサック) モンベル ストライダーパック 30L (2021年〜現在) 気になるザック はじめに 私が使ったことがあるザックについて紹介します ザック(リュックサック) モンベル ストライダーパック 30L (2021年〜現在) webshop.montb…

東京 → 筑波山登山(御幸ケ原コース)

筑波山について コース 登山日 アクセス 筑波山あるキップ・筑波山きっぷ 装備 登山道 難易度 筑波山神社 登山道入口 コース 御幸ケ原 御幸ヶ原からの景色 昼食・バーナーエリア 山頂(女体山/男体山)には行きませんでした ケーブルカーで下山 御朱印 筑波山…

Herokuの無料枠がなくなる

内容について Public roadmap Focus on Mission Critical (無料枠の話も含む) Students and Nonprofit Program Open Source Support LGTMoonは? Heroku's Next Chapter という記事が公開されて、Heroku の無料枠がなくなると噂になっています。 blog.hero…

PHP Laravel + Carbon で曜日を日本語で表示する

isoFormat メソッドを使うのが便利 Carbon 単体で使う場合 Laravel + Carbon で使う場合 isoFormat メソッドを使うのが便利 Carbon には isoFormat というメソッドがあり、非常に便利です。 Carbon 単体で使う場合 Carbon 単体で使う場合は以下のように使い…

Laravel 9 からは Vite がフロントエンドのビルドの標準となる

新しい Laravel では Vite がフロントエンドのデフォルトに 6月にこのようなニュースが出ていました laravel-news.com Laravel の開発チームは、以前から Vite というツールの開発に力を入れていたようで、 Laravel 9 からは Vite が導入されるとのことです…

GitHub Actions + GitHub Container Registry (ghcr.io)で target ごとの Docker ビルド

はじめに GitHub Container Registry (ghcr.io)について ghcr.io マルチステージビルドで target を指定したい場合 はじめに 私はある個人プロダクトで、Docker を使って開発しており GitHub Actions で Docker イメージをビルド GitHub Container Registr…

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…

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 というリポジトリがあり、この中にはサーバーサイドの実装も入って…