WP Kyoto Blog
npm version が pre-commit フックで失敗する問題の原因と解決策
npm パッケージのリリース時に np や npm version コマンドを使用していると、pre-commit フックでエラーが発生してリリースプロセスが中断されることがあります。本記事では、その原因と解決策について...
記事を読む
Writing
技術記事、ブログ投稿、ニュースなどの執筆活動を紹介しています。
WP Kyoto Blog
Amimoto AMIでPHP 7.4から8.2へアップデートする方法
Amimoto AMIは、WordPressのホスティングに最適化されたAMI（Amazon Machine Image）です。本記事では、Amazon Linux 2上で稼働しているAmimoto環境において、PHP ...
記事を読む
WP Kyoto Blog
Next.js dev serverでCloudflare Service Bindingが503エラーを返す問題の解決方法
CloudflareでNext.jsアプリを開発していて、Service bindingを使った別のWorkerへの通信が、Next.js dev server（npm run dev）で503エラーを返す問題が発生する...
記事を読む
WP Kyoto Blog
Next.js をローカルで起動した時に`Unable to acquire lock`が出たら読む記事
Next.jsのローカル開発、複数PJを同時並行で進めたりしているとたまにUnable to acquire lockエラーに遭遇することがあります。毎回調べている気がしたので、簡単にまとめました。 発生したエラー エラ...
記事を読む
WP Kyoto Blog
AWS CLIは通るのにCDKデプロイが失敗するときは、CDK CLIのバージョンを確認しよう
AWS CLIが動作しているのにCDKデプロイが認証エラーで失敗する場合は、CDK CLIのバージョンが古い可能性があります。aws loginを使用するには、CDK CLI 2.1100.0以上が必要です。
記事を読む
WP Kyoto Blog
MCPでCloudflare Workersのログを調査してエラーを特定した話
MCPを活用してCloudflare Workersのログを直接調査し、本番環境で発生した500エラーの原因を特定。AIアシスタントがAPIを呼び出してログを解析する効率的なトラブルシューティング手法を紹介。
記事を読む
Dev Notes
Cursor / Coderabbitをつかって、git管理している古い本・記事を更新する
この記事では、Gitを使ってMarkdown形式にて管理されている原稿について、レビューやアップデートなどをコーディングエージェントに任せる方法を紹介します。ZennやQiitaなども含めて、長年記事を執筆されている方の...
記事を読む
WP Kyoto Blog
AWS CDK NodejsFunction を使う時は、npm以外のパッケージマネージャーを使おう
AWS CDKのNodejsFunctionを使う際、npmのバグでCI環境のビルドが失敗することがあります。この問題はpnpmなど別のパッケージマネージャーに切り替えることで簡単に解決できます。
記事を読む
Dev Notes
GitHub / Cloudflare MCPを使って Workers アプリのリリース前チェックを実施する
この記事では、リリース前のチェック作業をMCPの力を借りて効率化する方法を紹介します。GitHubにコードをホストし、Cloudflare Workersへのデプロイを行なっているケースであれば、リリースノート作成などに...
記事を読む
Dev Notes
CodeRabbit Proプランを CircleCI と連携して CI エラー修正を効率化する
2026年の年始休暇は、「スマホだけでどれだけ開発ができるか」に挑戦していました。その中で特にツラいなーと感じたのは、「作られたコードのデバッグ作業」です。この記事では、テストやビルドが失敗するタイプのデバッグ・調査作業...
記事を読む
Dev Notes
fnm でNodejsのバージョン管理をやってみる(macOS版)
転職に伴い新しいPCのセットアップが必要となりました。その際にfnmというツールを使ってみたので、簡単にまとめました。 Step 1: fnm のインストール 公式リポジトリによると、macOS では Homebrew ...
記事を読む
Dev Notes
CI / CDの設定を共有可能にする CircleCI URL orbsの始め方
この記事では、 CircleCI の CI / CD 設定を複数プロジェクトで再利用できる形として集約管理するための「CircleCI URL Orb」について紹介します。 １つの開発チームが複数のプロジェクトを運用して...
記事を読む
WP Kyoto Blog
放置していたCloudflare Pages で npm ci が失敗した場合、ビルドイメージのバージョンを確認しよう
Cloudflare Pagesでnpm ciが失敗する問題の解決策。ビルドイメージv2では古いnpmバージョンが使われており、npm 10で作成したpackage-lockと互換性がない。ビルドイメージをv3に更新して解決しよう。
記事を読む
Dev Notes
CircleCIでコーディングエージェントにCIエラーの修正指示を出す
AIコーディングにおいて、自動テストやCIサービスによる品質チェックは欠かすことのできない要件です。実行するたびに生成結果が変わる生成AIには、意図しない設計や実装・変更などが紛れ込むリスクがあり、それを回避するための安...
記事を読む
Dev Notes
CircleCI MCPでCursor Rulesのルール違反をコミット前に検知する方法
CircleCI が提供する MCP サーバーには、git diff をベースにコーディング規約への準拠を確認する analyze_diff という機能があります。この機能を Cursor Rules と組み合わせること...
記事を読む
Dev Notes
Cursor に AWS CLI を使わせたら、CDK スタックの調査が捗った
アプリのデプロイで地味に心理的な面倒さが襲ってくるのが「リリース後の動作検証」です。AWS CDKで構築したスタックをデプロイした後、LambdaやStep Functionsなどのワークフローを実行し、SNSにメッセー...
記事を読む
Dev Notes
Claude の Skill は、古い会話では動かないかもしれないらしい
Claude.ai でカスタム Skill を作成してアップロードしたものの、既存の会話で使おうとすると「Skill のファイルが見つかりません」というエラーが発生することがあります。 初めて作ったスキルが動かない Cl...
記事を読む
Dev Notes
Devinにて、direnvを使ってプロジェクトごとに環境変数を設定する方法
Devin を使った開発では、API キーやデータベース接続情報といった環境変数を扱う必要があります。特に複数のプロジェクトを同時に進めている場合、プロジェクトごとに異なる環境変数を設定しなければなりません。本記事では、...
記事を読む
Dev Notes
VS Code 拡張機能を利用して、Git Push なしで CircleCI パイプラインをテストする
この記事では、 CircleCI を利用して CI / CD パイプラインを構築する際の設定変更を簡単にテストする方法。特にGitを使わずにパイプラインを実行する方法について紹介します。この記事を読むことで、 Circl...
記事を読む
Dev Notes
CircleCI Orb Deep Dive: Node.jsでのCI / CDパイプラインを効率化する
この記事では、Node.jsアプリ（ Next.js / Express / NestJS / Remix / Honoなど）のCI / CDパイプラインを効率的にセットアップするための方法について、CircleCIを利...
記事を読む
Dev Notes
Cursor x CircleCI MCPサーバーで CI パイプラインの分析やコスト最適化を実施する
*この記事は、Cursor Advent Calendar 2025の記事です。 開発チームにとって、開発フローやツールのコスト最適化は定期的に見直しや取り組みが必要なタスクの１つです。プロダクト・事業者目線においても、...
記事を読む
Dev Notes
CircleCI のAuto-cancel redundant workflows 機能で、最新のpushでのみCI / CDを実行させる
この記事では、CircleCI のCI / CDパイプラインへ連続してpushを行った際に、古いcommitのパイプライン実行を中断させ、クレジット消費量を削減する方法について紹介します。この方法を採用するメリットとデメ...
記事を読む
Dev Notes
CircleCIでE2Eテストを実行するときは、使用ツールに応じて Docker イメージを変更しよう
CircleCIは、テストやビルドを効率的に実施し、設定コードを定義できるようにするために幾つかのDocker ImageやOrbを提供しています。ただ、調べてみると、E2Eテストツールによってどのイメージを使うのが最適...
記事を読む
Dev Notes
Vite アプリに E2E テストを実装し、CircleCI で自動実行するまで
Vite で構築した TypeScript アプリケーションに E2E テストを導入し、CircleCI で自動実行する環境を構築しました。本記事では、Playwright を使用した E2E テストの実装から、Circ...
記事を読む
WP Kyoto Blog
React SPA + Hono API を Cloudflare Workers でまとめて開発・デプロイする
Cloudflare Workers上でReact SPAとHono APIを統合開発・デプロイする方法を解説。Static Assets機能を活用し、フロントエンドとバックエンドを一つのプロジェクトとしてシンプルに運用できます。
記事を読む
Dev Notes
CircleCI の料金体系をざっくり理解する
CircleCIの利用計画を立てる中で、どのように料金が発生するかを理解する必要があります。ここで少し導入検討フェーズのハードルになりやすいのが、クレジット制という少し特殊な料金体系を取っていることです。 この記事では、...
記事を読む
Dev Notes
MCPを利用して、CIエラーの調査・修正もCursor IDEだけで実現する
この記事は、「Model Context Protocol(MCP) Advent Calendar 2025 12日目」の記事です。 チーム開発で CircleCI のパイプラインがエラーを起こすと、原因を調べるために...
記事を読む
Dev Notes
AIコーディングエディタと CircleCI MCPを利用して、実装からCIまでを自動化する
Cursor / Devin / Claude Code / Kiro など、さまざまなAIコーディングツールが2025年に登場・成長してきました。しかしその一方で生成AIが生み出した「在庫」をどのように処理するのかが、...
記事を読む
Dev Notes
CircleCI Orbsを使って、Vitestのテストをシンプルに実装する
AIコーディングが広まる中、コードレビューや自動テストなどの品質評価フェーズへの注目が高まりつつあります。今回は CircleCI で Vitestによるユニットテストを実行するケースを例に、できるだけ少ない設定コードで効果的なワークフローやレポートを得る方法を紹介します。
記事を読む
WP Kyoto Blog
Cloudflare Pagesプロジェクトで、デプロイが101件以上あると削除できない問題とその解決策
Cloudflareのデプロイが101件以上あるPagesプロジェクトを削除できない問題に直面した際の解決策を紹介。専用スクリプトを使ったデプロイメント削除手順とエイリアス付きデプロイへの対応方法を実例で解説します。
記事を読む
Zenn
NestJSとStripe Checkoutで簡易的な商品注文ページをフルスクラッチしてみよう
Stripe Checkoutは少ないコード（ローコード）で単発・定期課金のカード決済システムを提供できるStripeのサービスです。この機能を、NestJSをつかったAPIと静的ホスティング機能を利用して、簡単な商品購入ページを作る本です。 # 触れるもの - NestJSで作るREST API - NestJSで静的なHTMLを配信する - Stripe Checkoutの決済URLの発行方法など NestJSの入門と、Stripe Checkoutのことはじめに役立てばと思い執筆しました。 ## 2025/05 内容がそろそろ古くなってきたかと思いますので、無料にしました。 現在のNestJSやStripeの仕様との差分が発生しているはずですので、本書を参考にされる際は差分にご注意ください。...
記事を読む
Qiita
[ワークショップ資料]Mastraで商品をレコメンドするエージェントを作る ( Stripe 編)
 :::note これは「mastra-stripe-lineハンズオン」資料の一部です。 前回までのステップについては、以下の記事をご確認ください...
記事を読む
WP Kyoto Blog
Wranglerに追加された KV 自動生成機能を試してみた
Cloudflareの新機能により、wrangler.jsonc定義だけでKV/R2/D1が自動プロビジョニングされるようになりました。開発者はストレージ設定の手間なく、本質的な課題解決に集中できます。
記事を読む
WP Kyoto Blog
MCP サーバーの利用状況を Cloudflare Analytics Engine で効率的にトラッキングする方法
MCPサーバーの利用状況をCloudflare Analytics Engineで効率的に追跡する方法を解説。SQLベースの分析機能で低コストかつ柔軟にツール利用データを収集・分析し、データドリブンな改善を実現できます。
記事を読む
WP Kyoto Blog
IonItemSlidingにおけるhref属性の問題と解決策
Ionicフレームワークの`IonItemSliding`内で`href`属性が機能しない問題に遭遇。原因調査と`onClick`ハンドラと`window.open`を使った実用的な解決策を紹介します。
記事を読む
WP Kyoto Blog
Cloudflare workersに静的なHTMLをデプロイする時は、.assetsignoreを使う
Cloudflare Workersに静的HTMLをデプロイする際、`.git`ディレクトリが含まれてエラーになる問題。解決策は`.assetsignore`ファイルを作成して除外設定を行うだけ。シンプルだけど見落としがちなポイントです。
記事を読む
WP Kyoto Blog
Dosu.dev で Slack 連携を設定して AI アシスタントを活用する方法
Slack連携でDosu.devのAIアシスタントを最大限活用！GitHub連携コードベースへの質問に答え、チーム全体の開発効率を向上させる設定方法を解説します。
記事を読む
WP Kyoto Blog
Algolia で search を TypeScript 実装する際の Tips
TypeScriptでAlgoliaの検索結果を扱う際に発生する型エラーの原因と、Type Guardを使った安全な実装方法について解説します。複数インデックス検索に対応した型定義の理解がカギです。
記事を読む
WP Kyoto Blog
Algolia 検索を活用した MCP サーバー構築と RAG 実現
Algoliaの検索APIを活用し、Cloudflare Workers上にMCPサーバーを構築。ベクトル検索なしでRAGを簡単に実現する方法を解説します。
記事を読む
WP Kyoto Blog
AWS Amplify Gen 2 で @parcel/watcher エラーが発生した場合の対処法 (SPA編)
AWS Amplify Gen 2で@parcel/watcherエラーが発生した場合、バックエンドリソースを使用しないSPAなら、amplify.ymlファイル内のpipeline-deployコマンドをコメントアウトすることで簡単に回避できます。
記事を読む
WP Kyoto Blog
AWS Lambda から AgentCore を実行する際の IAM ポリシー設定と CDK での設定方法
AWS Lambdaから Amazon Bedrock AgentCoreを実行するために必要なIAMポリシー設定を解説。特に「bedrock-agentcore:InvokeAgentRuntime」権限と、正しいリソースARN指定のポイントをCDKでの実装例とともに紹介。
記事を読む
WP Kyoto Blog
Cloudflare Workers KVでの複数アイテム一括取得
Cloudflare Workers KVで複数アイテムを効率的に取得する方法を解説。N+1問題を避け、パフォーマンスを向上させるための配列を使った一括取得テクニックを紹介します。
記事を読む
Qiita
SaaS Plus a Boxモデルなど、サブスクリプションと1回きりの請求をStripeで同時に処理する方法
この記事では、物理的なアイテムを提供したり、初期設定を完了したりする必要がある場合に、顧客にサービスを提供する方法について説明します。Stripe Billing と Checkout を使用して新しいサブスクリプションを作成し、同時に 1 回限りの支払いを処理する方法を学習します。 ## ハードウェアとサービスの両方を提供する 「SaaS Plus a Box」モデルとは 近年、デバイスやハ...
記事を読む
Qiita
Google ColabでStripeのAgent ToolkitとLangChainを組み合わせたAIエージェントを実行しよう
この記事では、生成AIとStripeの新しいエージェント向けSDKを活用したAIエージェントの開発・テストを[Google Colaboratory (Google Colab)](https://colab.research.google.com/?hl=ja)で簡単に行う方法を紹介します。生成AIエージェントの作り方やLangChain系ツールの動かし方、そして決済や請求管理に関する業務の自...
記事を読む
Qiita
Stripe Elements (PaymentElement / Checkout)でリダイレクトをオフにする方法
この記事では、Stripeを利用した決済フォームを実装する際に、リダイレクトをオフにする方法をElements / Checkoutの2つで紹介します。kintoneなどのビジネスアプリケーションに決済機能を埋め込む時のような、現在いるページからの離脱をできるだけ回避したいケースでの決済機能実装を検討されている方はぜひお試しください。 ## Stripeの決済フローにはリダイレクトが含まれる ...
記事を読む
Qiita
GitHub CopilotとVS Codeを活用して、Stripeの組み込みや運用保守を効率化する方法
この記事では、VS CodeそしてGItHub Copilotを利用して決済・サブスクリプション機能の開発をスムーズに行う方法を紹介します。これからStripeの組み込みを開始するという開発者だけでなく、担当者の異動などで新しく決済・請求システムの運用保守を担当することになった方にとっても、コードの理解や修正方法をより効率的に知る方法としてぜひお試しください。 :::note この記事は、[Vi...
記事を読む
Qiita
見積りや再契約が必要な大型サブスクリプション契約を実現するための、Stripe Billing活用方
この記事では、Stripeを使って構築したサブスクリプション請求システムに、大企業向けの大型契約に向けたワークフローを追加する方法を紹介します。Stripeが持つサブスクリプション・請求書、そして見積書を発行する仕組みを活用することで、より複雑な契約・請求シナリオを必要とする場面にも対応できるようになります。 毎年や2年周期で契約内容の見直しや再契約の承認フロー通過を必要とするような企業に対し...
記事を読む
Zenn
StripeのAPIキーからStripeアカウントを特定する方法
複数のStripeアカウントで開発や運用を行っていると、プロジェクトで利用しているAPIキーがどのStripeアカウントで利用しているものかがわからなくなることがあります。 この記事では、APIキーから対象のStripeアカウントを特定する方法を紹介します。 Checkout Sessionを利用して確認する もっとも簡単な方法は、Checkout Sessionを利用することです。Checkout Sessionには、カード情報を保存するためのsetupモードが用意されています。setupモードでセッションを作成し、リダイレクトを行うAPIを実装しましょう。 app.get('/c......
記事を読む
Qiita
terraformとStripeを使って、SaaSのプランごとの料金や機能・権限をコードで管理する
この記事では、SaaSの料金や機能リストの管理をコードで管理する方法を紹介します。[terraform](https://www.terraform.io/)とコミュニティプラグインである[Stripe Provider](https://registry.terraform.io/providers/lukasaron/stripe/latest/docs)を使った料金や機能リストの設定方法と...
記事を読む
Qiita
Stripeを使った生成AIチャットなどの従量課金で、「お試しクレジット」をユーザーへ付与する方法
この記事では、従量課金タイプのサブスクリプションサービスを提供する際に、ユーザーがサービスをお試しするためのクレジットを付与する方法を紹介します。日数ベースのトライアルとは異なるアプローチでの、サービス体験オファーの作り方を、この記事の内容で学ぶことができます。 ## なぜトライアルではなくクレジットなのか Stripeのようなサブスクリプションの請求管理サービスには、通常トライアル機能が用意...
記事を読む
Qiita
Stripeで大量のクレジットカード登録やカード番号の使い回しを検知・ブロックする方法
この記事では、Stripeを使って構築したECサイトやサブスクリプションサービスにおいて、クレジットカード情報の使い回しや多重登録を防止する方法を紹介します。Stripe APIやWebhook、ダッシュボードを使った対策とそのメリットデメリットを3種類まとめました。長期間のトライアルを提供しようとしているユーザーや、クレジットカードマスター・カードテスティング攻撃への対策を検討されている方は、ぜ...
記事を読む
Qiita
Postman Flowを使って、Stripeのサブスクリプションをシミュレーションする仕組みを作ってみた
:::note この記事は、[Postman Advent Calendar 2024](https://qiita.com/advent-calendar/2024/postman) 3日目の投稿です。 ::: こんにちは、Stripe Developer Advocateの岡本です。Qiitaでは、Stripeに関する記事を大体年に40-50本投稿したり、開発者コミュニティへの参加や登壇など...
記事を読む
Qiita
Honoが持つAPIを使い倒して、Stripeの組み込みをより簡単にする方法
:::note この記事は、[Hono Advent Calendar 2024](https://qiita.com/advent-calendar/2024/hono) 3日目の記事です。 ::: この記事では、Honoを使ってStripeのSDKを利用したAPI開発を行う際に、知っておくと便利なAPIや実装方法を紹介します。 ## はじめに StripeでDeveloper Rela...
記事を読む
Qiita
今からでも間に合う、Stripe CheckoutではじめるBlack Friday / Cyber Monday & 年末商戦
この記事では、ブラックフライデー（Black Friday）やサイバーマンデー（Cyber Monday）・そして年末商戦など、年末のさまざまな大型セール期間に向けた販売キャンペーンを、Stripe Checkoutで簡単に始める方法を紹介します。特別な割引オファーの準備や、LPの構築と提供方法などを、コードベースで解説します。 Stripe Checkoutの持つ機能を活用することで、少ない開...
記事を読む
Qiita
Stripeを使って、保存済みのクレジットカードに対してサーバー側で決済処理を行う方法（3Dセキュア対応方付き
この記事では、保存したクレジットカード情報などを利用したオンライン決済フローにおける3Dセキュア認証の対応方法を、Stripeを例に紹介します。2025年3月に義務化される3Dセキュア認証への対応方法を知るため、そしてよりユーザー・開発者のどちらにもシンプルでセキュアな決済フローを実現するための方法を、サンプルコードを使って解説します。 ## Stripeの`Setup Intents API...
記事を読む
Qiita
WordPressでStripe決済フォームを配置するカスタムブロックを作成する方法
この記事では、WordPressで構築されたサイトに決済フォームを組み込むために、カスタムブロックを作成する方法を紹介します。 WordPressのブロック作成支援ツールと、Stripe SDKを利用したブロック実装方法の紹介と、実際のウェブサイトに導入する際の注意点をステップバイステップで紹介します。 ## Step1: カスタムブロックのプロジェクトを新しく作成する まず、新しいWordP...
記事を読む
Qiita
Stripe Link入門: 迅速かつセキュアな決済手段を、数行のコードで実現する方法
この記事では、Stripeが提供するシンプルかつセキュアな決済手段 Link を決済フォームに導入し、テストする方法を紹介します。Linkによる支払いをサポートすることで、顧客はクレジットカード情報を入力することなく、支払いフローを完了させることができます。決済体験をスムーズにすることで、決済フォームでのカゴ落ちを防止でき、コンバージョン率（ CVR ）の向上や、それに伴う売り上げの増加が期待でき...
記事を読む
Qiita
新しい決済手段の導入検討を、StripeのA/Bテスト機能でノーコードに検証・効果測定する
この記事では、決済フローを最適化することによるコンバージョン率の改善を、Stripeが提供するノーコード機能を使って実現する方法を紹介します。 ## 決済フローの最適化でコンバージョン率を改善する ECサイトにおいて、決済フローの最適化は売上と収益を最大化するための重要な課題です。マーケティング施策やウェブサイトの改善などで構築したコンバージョンファネルの最終ステップで、どれだけ売上を逃さな...
記事を読む
Qiita
3Dセキュア必須化に備えて、StripeのCharges APIが使われている場所がないかを調査する方法
この記事では、Stripeダッシュボードを活用して現在は非推奨となっているCharges APIをシステムが利用しているかどうかを調査する方法を紹介します。2025年3月に必須化される3Dセキュアによる追加認証への対応を進めている方は、この記事を参考にシステムの組み込み状況を調査してみてください。 2025年3月から対応が必須となる3Dセキュアを利用した追加認証、Stripeを利用している場合、...
記事を読む
Qiita
Make.comとStripe Webhookを利用して、注文内容をノーコードに取得・連携する方法
この記事では、Stripeを使った商品の決済やサブスクリプションの契約申し込み時のバックエンドのデータ処理について、Make.comを使ってノーコードに実現する方法を紹介します。Stripe Webhookを必要とする業務フローを実現させたい場合に、POCとして実験的にコードを書かずに実現する方法や、開発チームを持たない小規模なプロジェクトで実現させる際のヒントとしてお使いください。 ## 決...
記事を読む
Qiita
[日本語訳] 🍔 シングルスライダー: 支払いオブジェクトの概要
:::note この記事は、[dev.to](https://dev.to/stripe)に公開されている[Justin Michael氏](https://dev.to/violetpixel)によって書かれた英語記事の日本語訳です。 とStripeを利用した、ローコードでシンプルなECサイト構築チュートリアル
このワークショップでは、StripeとNext.jsを利用したシンプルなe-commerceサイトを作る方法を学びます。 "
記事を読む
Zenn
No Codeで始めるStripe - 触って覚える Stripe Payment Links
StripeのPayment Linksを利用すると、コードを書かずにクレジットカードなどの決済を受け付けるURLを作成できます。 また、Dashboardで設定を行うことで、割引やGoogle Analyticsでのトラッキング、QRコード発行なども簡単に行えます。 この本では、Stripe Payment Linksを使って、簡単に決済・サブスクリプション申し込みを組み込む方法を紹介します。 サービスやアプリを新しくスタートする際に欠かせない「オンライン決済」を、Payment Linksでシンプルにはじめましょう。...
記事を読む
Zenn
Stripe Connect fundamentals Series
dev.to/stripe のStripe Connect fundamentals Seriesを日本語化していきます。２章以降は随時追加予定
記事を読む
Zenn
[Stripe x Cloudflareワークショップ] Astroを使って、サブスクリプション申し込みページを作ろう
AstroとCloudflareそしてStripeを利用して、サブスクリプションの申し込みページを構築します。
記事を読む
Zenn
[Cloudflare & Stripe入門] Cloudflare WorkersとStripeで、オリジナルの決済リンクを作ろう
「Cloudflare Workers」を利用すると、サーバーレスなアプリケーションをCloudflareのデータセンターにデプロイできます。 この記事では、これからCloudflare Workers（以下Workers）を触ってみようという方向けの、簡単なAPIの作り方を紹介します。 Stripe SDKを利用して、オリジナルのPayment Linksを作るAPIを作成しよう ここでは、「Stripeの決済フォームへ遷移するAPI」をWorkers上に作りましょう。 ユーザーがWorkersのURLにアクセスする Workers内でStripe SDKを利用して、Checko......
記事を読む
Zenn
Amazon EventBridgeとStripeで、ノーコードに有料サーバー起動システムを作るワークショップ
このワークショップ資料は、JP_Stripesで開催された「AWSでサーバーレスなSaaSバックエンド開発ワークショップ」の後編資料です。 ここでは、AWS Step FunctionsとAWS CloudFormationを利用したWordPressサーバーの起動システムを構築します。 その後、Amazon EventBridgeと連携させ、Stripeのサブスクリプション申し込みと連動してサーバーが起動するようにします。 AWSマネージメントコンソールとStripe Dashboardのみで完結する、ローコードなワークショップ資料です。...
記事を読む
Zenn
Stripe APIマイグレーションガイド (Charge/Token API -> Payment Intents編)
Stripeでは、決済方法の増加や法的な要件の追加といった周りの状況の変化に応じて、大きくAPIを変更することがあります。 その場合、より多くの決済方法や機能・オプションを利用するためには、実装の変更が必要です。 このガイドでは、言語・FW別に、Charge APIやToken APIから、Payment Intentsを利用した決済フローへ変更する方法を紹介します。...
記事を読む
Zenn
Angularのmoduleでネストしたルーティングをやってみた
やりたかったこと /adminのように、特定のパス以下でのルーティングやファイル群をmoduleにまとめたい。 ベースアプリ 公式チュートリアルをやっていたので、これをリファクタリングした。 https://angular.jp/tutorial やったこと 1: 子ページのRoutingモジュールを作成 子ページにしたいコンポーネントのインポートとRouteの定義を実施。 ネスト先の場合、RouterModuleはforChildを使う。 import { NgModule } from '@angular/core'; import { RouterModule, R......
記事を読む
Zenn
Angularで`ngOnInit`に対する` Lifecycle methods should not be empty `の解決案
環境 "@angular/common": "^14.0.0", "@angular/compiler": "^14.0.0", "@angular/core": "^14.0.0", "@angular/router": "^14.0.0", "@angular-eslint/builder": "14.0.2", "@angular-eslint/eslint-plugin": "14.0.2", "@angular-eslint/eslint-plugin-template": "14.0.2", "@angula......
記事を読む
Zenn
Next.jsとStripeではじめるシンプルなECサイト開発ワークショップ
Next.jsを利用することで、より多様なwebサイト・アプリケーションを開発できるようになります。 今回のワークショップでは、Next.jsとStripeを利用した、シンプルなECサイトをフルスクラッチする方法を体験できます。 なお、このワークショップドキュメントは不定期にアップデートを行います。 内容が前回開催時と変更されている場合もございますのでご了承ください。...
記事を読む
Zenn
Stripe Connectでアカウントを作成する際の住所の正規化に、GeoloniaのOSSライブラリで挑んでみる
年末のJP_Stripe配信で、Stripe Connectでの住所の書き方の記事が話題になりました。 https://gist.github.com/toruf-stripe/60293ec99a333a7af1daaca31b562741 その中で、「Geoloniaがリリースしている住所正規化ライブラリが使えるのでは？」と思いつきで言っちゃったので、どこまでいけるか試してみました。 使用するライブラリ https://github.com/geolonia/normalize-japanese-addresses 表記揺れや新旧字体など、住所入力でありがちな揺らぎを吸収してくれ......
記事を読む
Zenn
DeveloperからDeveloper Advocateにキャリアチェンジして３週間経った話
移動しました。 https://hidetaka.dev/ja/blog/recap-of-the-difference-between-dev-and-da
記事を読む
Zenn
コミュニティ活動がきっかけでStripeに転職した話とコミュニティ採用について
移動しました。 https://hidetaka.dev/ja/blog/joined-to-stripe
記事を読む
Zenn
Amplify CLIを使って、作成済みのDynamoDBテーブルをアプリにimportする
GraphQL (AppSync)やREST APIですでに作成済みのDynamoDBテーブルにアクセスしたい場合、Amplify CLIでデータをインポートする必要があります。 Storageとしてimportする必要がある これ結構な罠な気がしますが、DynamoDBのテーブルはStorageとしてimportします。 amplify import storageを実行すると、S3バケットかDynamoDBかを質問されるので、ここでDynamoDBを選びましょう。 % amplify import storage ? Please select from one of the b......
記事を読む
Zenn
Serverless Next.jsをAWS CDKで立ち上げるサンプル
できれば公式のExampleに持っていきたいので、PRたててリクエスト中。 https://github.com/serverless-nextjs/serverless-next.js/pull/1522 マージされたらそっちベースにちゃんとした記事書き直す予定。 Serverless Next.jsでAWS CDK Serverless Next.jsといえば、Serverless Componentを使う印象でした。が、最近CDK版も出たみたいです。 定義イメージ import * as cdk from '@aws-cdk/core'; import { NextJSLa......
記事を読む
Zenn
NestJSとStripe Checkoutで簡易的な商品注文ページをフルスクラッチしてみよう
Stripe Checkoutは少ないコード（ローコード）で単発・定期課金のカード決済システムを提供できるStripeのサービスです。この機能を、NestJSをつかったAPIと静的ホスティング機能を利用して、簡単な商品購入ページを作る本です。 # 触れるもの - NestJSで作るREST API - NestJSで静的なHTMLを配信する - Stripe Checkoutの決済URLの発行方法など NestJSの入門と、Stripe Checkoutのことはじめに役立てばと思い執筆しました。 ## 2025/05 内容がそろそろ古くなってきたかと思いますので、無料にしました。 現在のNestJSやStripeの仕様との差分が発生しているはずですので、本書を参考にされる際は差分にご注意ください。...
記事を読む
Zenn
Stripe CLIの本 [2026年版]
Stripeから提供されているCLIツールのインストール方法や使い方について紹介します。 基本的な機能は無料で公開しています。 有料部分には、実践的なテストデータ管理（fixturesコマンドの活用方法）を掲載しています。 開発効率を向上させたい方はあわせてご覧ください。 ## 紹介しているCLI version 執筆時点の最新版を参照しています。ご自身の環境では `stripe version` コマンドで確認できます。 ## 前提としている環境 macOS / zsh...
記事を読む