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

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

AWS CloudWatch Logs 向けに Laravel のログを JSON で出力する方法

はじめに JSON 形式のログを送ると何がいいのか 今回のサーバー構成 Laravel から JSON でログを送るには スタックトレースも出したい 課題 まとめ はじめに この記事は Qiita Laravel Advent Calendar 2023 の3日目の記事です。 1日目はこのカレンダー作成…

AWS CDK では既存の VPC Endpoint に Security Group を追加することはできないようだ

やろうとしたこと VPC Endpoint の仕様について VPC Endpoint に Security Group を追加しようとした どう解決したか もう少し詳細に調査してみる CDK の InterfaceVpcEndpoint について アクセスが Interface VPC Endpoint を経由しているかどうかの確認 他…

AWS CDK で ECS Exec を有効にしてコンテナのシェルに接続する

はじめに ECS Exec が有効になっているかどうか確認する方法 ECS Exec の有効化 AWS CDK の修正 タスクを再起動 AWS Exec 実行例 参考 はじめに ECS Exec を使うと、コンテナのシェルに接続できるので(docker exec ができる。SSH みたいな感じ)、AWS ECS …

Code Pipeline で CloudFront のキャッシュを飛ばす【React, S3, CloudFront】

概要 CodeCommit を使うメリットはあるのか? AWS CDK のスタックの分け方について S3 と CloudFront の構築 CodePipeline, CodeBuild の構築 CodePipeline と CodeBuild の関係について CodePipeline のプロジェクト作成 CodePipeline に CodeCommitSourceA…

AWS CDK と CDK for Terraform 比較 実際のプロダクトで使ってみた

はじめに AWS とそれ以外(Google Cloud 等)を混ぜて使う場合は? AWS CDK には便利なライブラリがついている AWS CDK 実行時の IAM 管理が複雑 どっちのほうがデプロイが速い? AWS CDK のほうが AWS 謹製だからいいのでは? ドキュメントの充実さ まとめ …

【PHPStan】単に Error と表示され、ファイル名がわからない: Ignored error pattern ... was not matched in reported errors.

PHPStan を実行していると、以下のように、単に Error とだけ表示された XXXXXXXXXX の部分には人によって色々な文章が表示される -- ----------------------------------------------------------------------------------------------- Error -- ---------…

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 …