WP Kyoto Blog
AMIMOTO AMIのディスク容量拡張と最適化の実践記録
WordPress用のAMIMOTO AMIを運用しているEC2インスタンスにおいて、ディスク使用率が100%に達したため、ディスク容量の拡張とクリーンアップ作業を実施しました。本記事では、その手順と結果を記録します。 ...
記事を読む
Writing
技術記事とチュートリアル。一部は外部サイト（Zenn、Qiita、Dev.to等）で公開しています。
WP Kyoto Blog
SWVを使ってフォームバリデーションのテストをスキーマから自動生成する
フォームのバリデーションテストを書くのは、最初は簡単です。maxlength: 80 のフィールドに 81 文字を入れて、エラーが返ることを確認すればいいだけです。 問題はその後にやってきます。仕様変更で maxleng...
記事を読む
Dev Notes
Claude と DeepWiki MCP で、GitHub に公開されている OSS を効率的に理解する方法
React の SSR 周りで、React Fizz と React Flight の関係を整理したくなりました。公式の docs と RFC、ソースを行き来しながら読むのは骨が折れる作業です。リポジトリを Claude...
記事を読む
Dev Notes
Claude CodeとClaude Projectを利用してサイトの改善計画をたてる
ウェブサイトの定期的な改善をする上で、いろんな視点でのレビューや検査があるのが理想です。今回は新しい切り口としてClaudeを使ったレビューと計画策定を試してみました。 Claude Codeを利用したサイトレビュー C...
記事を読む
WP Kyoto Blog
vinext で Next.js アプリを Cloudflare Workers にデプロイしてみた
Cloudflare から vinext という、Next.js の API を Vite 上で再実装したプラグインがリリースされました。npx vinext init から npx wrangler deploy の流...
記事を読む
WP Kyoto Blog
Cloudflare Workers におけるマルチサイトアーキテクチャ設計
OSS ライブラリのドキュメントを公開したい、社内ダッシュボードを段階的に統合したい、ポートフォリオサイトの一部だけを別アプリケーションにしたいなど、同一ドメインで複数のサイトやアプリケーションを束ねたくなる場面は、運用...
記事を読む
Dev Notes
CircleCIのworkspaceをcacheに切り替えてストレージ利用量を8GB節約する
CircleCIを運用していると、ストレージ使用量の増加に悩まされることがあります。今回、あるNode.jsプロジェクトでストレージが圧迫されている状況を調査したところ、workspaceの不適切な使用が原因だとわかりま...
記事を読む
Dev Notes
GitHub Actionsで特定Nodeバージョンのテスト失敗を許容する方法
Node.js の最新バージョンがリリースされた直後、プロジェクトの互換性を確認したいが、テストが失敗してもデプロイフローは止めたくない。そんな状況に直面したことはないでしょうか。 この記事では、GitHub Actio...
記事を読む
WP Kyoto Blog
Git の “fatal: detected dubious ownership in repository” エラーを解決する
サーバーで git fetch や git pull を実行したときに、突然以下のようなエラーが出てびっくりすることがあります。 このエラーは、一言で言うと 「Git があなたのセキュリティを守るために、念のため操作をブ...
記事を読む
Dev Notes
CodeRabbitでPRに溜まったレビューをIssueにする
レビューエージェントの登場で、個人開発でもコードの改善点や脆弱性などをマージ前に気付けるようになりました。しかし時に「重要だけど緊急でない問題」でレビューコメントが埋め尽くされることがあります。 今回はCodeRabbi...
記事を読む
WP Kyoto Blog
wp-now で blueprint を使って依存プラグインを自動インストールする
WordPress プラグインを開発していると、他のプラグインに依存するケースがあります。たとえば、Bogo と WP Search with Algolia に依存するプラグインを開発する場合、毎回手動でプラグインをイ...
記事を読む
Dev Notes
Chromeのブックマークが消えた時は、MCPを疑おう
Chromeがクラッシュしたので再起動したところ、ブックマークもログインセッションも消えてしまうという出来事がありました。データが飛ぶようなクラッシュが起きたのかと思ったのですが、原因は意外なところにあったので、簡単にま...
記事を読む
Dev Notes
KiroのProプランをFreeに戻した時の覚書
最近AIコーディング疲れを起こしている感じもあり、使用頻度の低いツールを解約したりダウングレードしています。今回はKiroをダウングレードしました。 Kiroのプラン変更はWebのダッシュボードから Kiroのプラン変更...
記事を読む
WP Kyoto Blog
AWS 公式の aws-architecture-diagram スキルを手元の CDK プロジェクトで試した
AWSのアーキテクチャ図作成方法に悩んでいたのですが、Classmethod の記事で良さそうなのを見つけました。 早速Claude Codeにやらせてみました。 本記事は 2026 年 4 月 25 日時点、deplo...
記事を読む
Dev Notes
Chunk の Fix error ボタンが的外れな修正 PR を出す時、何が起きているのか
CircleCI の Chunk (Beta) には Fix error ボタンがあります。失敗したステップの横に出るこのボタンを押すと、Chunk が修正 PR を自動で作ってくれます。CIエラーの修正を任せれる便利機...
記事を読む
WP Kyoto Blog
コンテナイメージの digest を調べる方法
CI / CDパイプラインなどでDockerコンテナを利用する際、より安全なバージョン指定方法としてdigestの指定があります。今回はDockerコンテナのDigestをCLIで調べる方法をまとめました。 なぜdige...
記事を読む
Dev Notes
Cursor AgentでWordPressプラグインのコードスキャンフローをCircleCIで動かす
サププライチェーン攻撃が原因と思われるセキュリティ事故のニュースが最近増えてきました。公開しているWordPressプラグインについても、セキュリティ対策をそろそろとるべきかと思い、簡単なスキャンフローをCursorにて...
記事を読む
WP Kyoto Blog
wp-now を使っている時のWordPress DBにアクセスする
wp-now でプラグインを開発している際、DBの内容を直接確認したり操作したい場合があります この記事では、wp-now が生成する SQLite ファイルの場所を特定し、sqlite3 コマンドで WordPress...
記事を読む
WP Kyoto Blog
Cloudflare Workersの開発環境で Service Bindingが動かない時の対処法
Cloudflare Workers で Service Binding を使用して Worker 間通信を実装していると、開発環境で予期せぬ 503 エラーに遭遇することがあります。本番環境では正常に動作するのに、開発...
記事を読む
Zenn
HonoとStripe Checkoutではじめる商品販売ページ入門
Stripe Checkout は、少ないコードで単発・定期課金のカード決済を始められる Stripe のサービスです。Hono の JSX でサーバー側レンダリングした商品一覧と、HTML フォームから始まる Checkout フロー、Cloudflare Workers へのデプロイまでを一冊で追えるようにしました。 # 触れるもの - Hono の JSX で HTML を返しつつ、必要に応じて JSON ルートも用意する - Wrangler の `types` で `c.env` を型付けし、Stripe ミドルウェアにつなぐ - Stripe Checkout（`POST /checkout` から 303 リダイレクト）と Webhook を実装する - Cloudflare Workers にデプロイする # 無料公開と有料章の構成 第7章までは無料で読めます。Hono のセットアップから JSX による SSR、Stripe アカウントの開設、商品と価格を取得してブラウザに表示するところまで進められる構成です。第8章からは有料章として、Stripe Checkout のセッション作成と決済フロー、Webhook ハンドラーの実装とテスト、Cloudflare Workers への本番デプロイ、発展的な使い方までを扱います。 Hono の入門と Stripe Checkout のはじめの一歩に使ってもらえればうれしいです。...
記事を読む
WP Kyoto Blog
anyenv / nodenv 環境でグローバルパッケージを入れたら rehash を忘れずに
macOS で anyenv を経由して nodenv を使っている開発者にとって、「npm install -g でいれたコマンドが見つからない・・・」というトラブルはよく起きがちです。 備忘録として、rehash の...
記事を読む
Dev Notes
empirical-prompt-tuningスキルを試してみた
mizchiさんが面白そうなスキルを公開されていました。スキルの継続的な最適化は、業務でも個人開発でも結構課題に感じているところなので、Claude Code・・・ではないですが、試してみます。 スキルをDLしてClau...
記事を読む
Dev Notes
Claude Design + Claude Code でサイトをリデザインしてみた
Claude Design という、Claudeのアプリ上でデザイン作成や変更・コーディングへの引き継ぎが行える新製品がAnthropicからリリースされました。どんな感じで使えるのかが気になったので、このサイト（ hi...
記事を読む
WP Kyoto Blog
Claude Codeのauto-fix機能をClaude Code on the Webで試してみる
Claude CodeがCIやレビューコメントの自動修正・自動マージ機能をリリースしました。 早速試してみましょう。 GitHubのClaudeアプリで権限を更新する すでにClaude Codeを使っている、特にon ...
記事を読む
WP Kyoto Blog
Claude Code on the WebでGitHub Issueから実装を指示する
AIコーディングが普及しつつある昨今、最近はGitHub Issueやリポジトリ内のMDファイルで開発計画を事前に用意する方法が増えてきました。今回はGitHub Issueにある情報を元にClaude Code on ...
記事を読む
Dev Notes
Claude Projectの過去チャットが見つからない？ 知っておくべき「検索の壁」と2つの対処法
Claudeでよくプロジェクト機能を使っています。プロジェクトの中にファイルとして計画や調査データを残したり、プロジェクトの中にあるメモリを利用したりして、コンテキストを限定させることがメインです。ただ、プロジェクトでセ...
記事を読む
WP Kyoto Blog
fnm環境でClaude DesktopにリモートMCPサーバーを追加する際の注意点
fnmでNode.jsのバージョン管理を行っている環境で、Claude Desktopにリモート MCP サーバーを追加しようとすると、node: No such file or directoryやspawn sh E...
記事を読む
Dev Notes
Circleci x CodeRabbitを連携してCIエラーをレビューする
AIコーディングの普及に伴い、PCの前にいない状況でコードを書くという場面も増えてきました。そんな時に作業が詰まりやすいのが「CIエラー」です。今回はCircleCIでテストを行なっているケースを例に、CodeRabbi...
記事を読む
WP Kyoto Blog
CDK bootstrap リポジトリの ECR イメージが無限に増え続ける問題と対策
Amazon Bedrock AgentCoreでエージェントを作るときなど、知らず知らずのうちにECRへDockerイメージを登録していることがあります。ECR コンソールを開いて、cdk-hnb659fds-cont...
記事を読む
WP Kyoto Blog
Claude agent skill のスクリプト、Node.js と Python どっち？プロキシ環境で動かない原因と対処法
Claude 向けの Agent Skills を作ろうとしたのですが、Node.js で書いたスクリプトが getaddrinfo EAI_AGAIN というエラーで動かなくなりました。この記事では、Claude のコ...
記事を読む
Dev Notes
CodeRabbitのAutofix(Beta)機能でレビュー項目を自動修正する
いつも通りCodeRabbitにレビューをさせていたところ、GitHubのPRに書かれているコメント内容が少し変化していることに気づきました。「Autofix(Beta)」セクションが追加されています。 説明をざっと読む...
記事を読む
WP Kyoto Blog
ローカルで通るのに CI で npm ci が落ちる時は、 .npmrc もチェックする
ローカルで npm ci が通るのにGitHub に push すると Cloudflare のビルド落ちる。ログを見ると、「Missing from lock file」出てくるのですが、ローカルも CI も同じ pa...
記事を読む
Dev Notes
AI駆動開発でDevOps的な「小さなコミット・小さなリリース」に挑戦してみた（Devin編）
AI駆動開発でDevOpsの小さなコミット・リリースサイクルをDevinで実践。プロンプト設計から段階的な実装、CIチェック、マージまでの自律的な開発フローを検証し、効率的な開発プロセスを実現。
記事を読む
Dev Notes
AI駆動開発でDevOps的な「小さなコミット・小さなリリース」に挑戦してみた（Claude Code Agent team）
AI駆動開発の課題を解決！Claude Code Agent Teamとgit worktreeを組み合わせた「小さなコミット・小さなリリース」戦略で、レビュー負担を軽減しつつ並列開発を実現した実践例を紹介。
記事を読む
Dev Notes
Devinのreview機能を触ってみた
Devinの新機能「Review」を試してみた体験レポート。PRの内容をAIと相談できる「PR特化版Ask Devin」として、GitHubのPRページ代わりにも使える便利な機能の紹介。
記事を読む
Dev Notes
CodeRabbitを使いこなすなら、GitHubのReleaseを活用しよう
CodeRabbitの有料プランとGitHubのRelease機能を組み合わせることで、個人開発の効率が劇的に向上。AIアシスタントとの連携でリリースノート作成も自動化し、プロジェクト管理が格段に楽になる方法を紹介。
記事を読む
Dev Notes
CircleCI self-hosted runner（macOS）でnpmやnodeが見つからない問題を解決する
macOS上のCircleCI self-hosted runnerで「npm: command not found」エラーが発生する問題と、非ログインシェルでの実行環境に起因する解決策を解説。$BASH_ENVの活用やrunner.command_prefixによる環境初期化方法を紹介。
記事を読む
WP Kyoto Blog
npm version が pre-commit フックで失敗する問題の原因と解決策
npm versionコマンド実行時にBiomeのフォーマットルールと衝突してpre-commitフックが失敗する問題。解決策はフォーマット自動修正をlintチェック前に実行するよう設定を変更すること。
記事を読む
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エラーを返す問題が発生する...
記事を読む
Dev Notes
Cursor / Coderabbitをつかって、git管理している古い本・記事を更新する
この記事では、Gitを使ってMarkdown形式にて管理されている原稿について、レビューやアップデートなどをコーディングエージェントに任せる方法を紹介します。ZennやQiitaなども含めて、長年記事を執筆されている方の...
記事を読む
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ハンズオン」資料の一部です。 前回までのステップについては、以下の記事をご確認ください...
記事を読む
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の仕様との差分が発生しているはずですので、本書を参考にされる際は差分にご注意ください。...
記事を読む