JavaScriptを利用して、ServerlessなWebアプリケーションの開発を行う。 また、 Stripe のDeveloper Advocateとして、オンライン決済の組み込み方法の紹介やサンプルコードの作成、イベントでの登壇などに取り組みます。
Astroでビルドした静的WebサイトをGitHub経由でCloudflare Pagesに自動デプロイする方法
AstroとCloudflare Pagesを使い、サイトをビルドし、デプロイする方法について説明されています。Cloudflare PagesとGitHubのリポジトリを連携させ、接続するGitリポジトリを選んで、ビルド設定を行い、環境変数をAdvancedメニューから設定しましょう。その後、ビルド・デプロイログを追跡し、デプロイが完了するとサイトにアクセスできるようになります。最後に、定期的にビルドするには、GitHub Actions側からWranglerでデプロイする方法が良さそうです。
Cloudflare WorkersでRSS Feedを読み込む方法
Cloudflare WorkersはNode.jsそのものではありません。(2023/04時点) そのため、fsなど一部のAPIが利用できず、npmに公開されているライブラリにもWorkersで動かないものがあります。...
Headless CMSのSanityで、Sanity Studioを使ってコンテンツを管理できる様にする方法(Public URL編)
JamstackアプリケーションにSanity Studioを取り付けることができます。Sanityの管理画面にアクセスするために、Next.jsアプリケーションを公開URLにデプロイする必要があります。公開URLからSanity Studioにアクセスできるようにするには、Sanityの管理用APIにアクセスできるようにCORSの登録が必要です。登録が成功した場合、Sanity Studioにログインし、アプリのコンテンツ管理画面を利用することができます。Sanity Studioにはアプリのプレビュー機能もあり、とても便利です。
Cloudflare Pagesへのデプロイを、GitHub Actionsから行う方法
GitHub Actionsを使用して、Cloudflare Pageにデプロイする方法を解説した記事です。この方法は、静的サイトジェネレーターであるSSGをスケジュールビルドする場合などに最適です。記事では、CloudflareのアカウントIDおよびAPIトークンの取得方法、APIトークンの認証方法、GitHubリポジトリのSecrets and variablesに格納する方法、そして、GitHub ActionsのWorkflowの作成方法について説明されています。また、wrangler-actionを使用することで、wranglerのインストールなどの作業を簡素化できることも紹介されています。参考記事には、Cloudflareの公式ドキュメントやwrangler-actionのGitHubリポジトリも紹介されています。
Cloudflare WorkersとKV + Wranglerを利用して、Connpassのイベント情報をDiscordに通知するスケジュールbotを作成する
CloudflareコミュニティでConnpassのイベント情報を通知するbotのサンプルを参考に、Wrangler & TypeScriptでプロジェクトを作成し、Connpassのイベント情報を取得し、KVストアに保存し、Discordに通知するアプリケーションを作成する方法を紹介しています。また、KVストアに保存したデータを確認する方法や、DiscordのWebhook URLを安全にデプロイする方法なども解説しています。
Astro&Markdown/Markdocで作ったサイトで、簡単な言語切り替え機能を実装する
個人のポートフォリオサイトを、2023年からAstroで構築しています。 サイトの要件として、「日本語でも英語でも表示すること」があったため、勉強も兼ねてある程度自前で実装してみました。 基本方針 英語をベースとする 日...
Cloudflare Workersで、OpenAIなどの外部APIを呼び出す方法
npmにSDKを公開しているSaaSは数おおくありますが、Workersの性質上全てが動作するわけではありません。 今回はOpenAIのAPIを例に、SDKを使わずに外部APIを利用する方法を紹介します。 SDKを使わず...
Astro & Markdocで、独自のMarkdownタグを作成する
Markdocでは、{% custom %}Custom Tag{/% custom %}のような「独自のタグ」を作れます。 Astroでタグの作成・登録を行う方法を紹介します。 独自タグの描画内容を、実装する まずは「...
LangChain.jsで「関連性の高い記事」を検索する
OpenAIのGPT-3で遊ぶためにLangChain.jsを触っていたのですが、「どうも関連記事検索ができそうだ」と感じた部分があったので、ひとまずまとめてみました。 やろうとしていること 特定のキーワードやテキストに...
AWS Amplifyで、ログインユーザーのJWTをfetchのHeaderで渡す方法
基本的には、APIもAmplifyで管理して、APIクラスを使ったAPI呼び出しを行います。 同じCognito User Poolsを使う、Amplifyで管理されていないAPIを呼び出すケースでは、Authoriza...
Spoken events
-
- Company
- JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
- Role
- ローコード、ノーコード志向の人のためにStripe使いこなし術
- Date
- 2022-06-29T11:00:00.756Z
-
- Company
- Stripe&Ionic Reactハンズオン - Ionic Meetup #20 札幌
- Role
- オンライン決済とStripeについて
- Date
- 2022-06-19T05:00:00.000Z
-
- Company
- JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門
- Role
- Stripe 再入門 & Stripe Appsではじめるサービス連携・UIカスタマイズ
- Date
- 2022-06-18T06:00:00.000Z
-
- Company
- [Web技術でモバイルアプリをつくる] Ionic Meetup #19 Tokyo
- Role
- Next.jsでIonic Reactを利用したWebサイトを開発した話
- Date
- 2022-05-29T05:00:00.000Z
-
- Company
- LINE de 決済勉強会!LINE API×Stripeエキスパート秘伝のノウハウを共有!
- Role
- Stripe Search APIを利用した、LINEとStripeの顧客情報連携
- Date
- 2022-05-16T10:00:00.000Z
-
- Company
- JP_Stripes What's new 2022/04
- Role
- Date
- 2022-04-26T03:15:00.000Z
-
- Company
- 【Stripe Japan & Engineer Cafe 主催】Next.jsではじめるシンプルなECサイト開発ワークショップ
- Role
- Date
- 2022-04-22T04:00:00.000Z
-
- Company
- JP_Stripes DeepDive 2022/04
- Role
- Stripeでクレカ決済に加えて、 コンビニ決済/銀行振込を追加する
- Date
- 2022-04-20T03:15:00.000Z
-
- Company
- PHPerKaigi 2022
- Role
- AWS LambdaとStripeでオンライン決済・定期課金APIを実装しよう
- Date
- 2022-04-11T06:00:00.000Z
-
- Company
- AWS CDK Conference Japan
- Role
- AWS CDKを利用して、 Next.js/Stripeで構築したフルスタックSaaSアプリをデプロイ・管理する
- Date
- 2022-04-09T03:00:00.000Z
-
- Company
- JP_Stripes What’s new in 2022/02
- Role
- コンビニ決済/Payment Links API他
- Date
- 2022-03-08T03:15:00.000Z
-
- Company
- AWS エバンジェリストシリーズ AWSの基礎を学ぼう - 特別編 AWS CDK v2 ハンズオン
- Role
- Stripeを組み込む際の CDK実装Tips
- Date
- 2022-02-26T04:15:00.000Z
-
- Company
- Shifter ミートアップ!Shifter Headless ではじめる Headless CMS 入門
- Role
- Stripe / Next.js / AWSによる Headless WordPress活用法
- Date
- 2022-02-25T11:00:00.000Z
-
- Company
- ジャムジャム!!Jamstack_5
- Role
- microCMSとStripeを使ったJamstackなECサイトの作り方(Next.js篇)
- Date
- 2022-02-22T10:30:00.000Z
-
- Company
- JP_Stripes DeepDive
- Role
- Stripe Quotesで見積書発行から請求業務をノーコードで管理しよう
- Date
- 2022-02-10T03:15:00.000Z
-
- Company
- JP_Stripes What's new 2022/01
- Role
- Date
- 2022-01-13T03:15:00.000Z