Hello! I‘m Hidetaka Okamoto

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を安全にデプロイする方法なども解説しています。

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を触っていたのですが、「どうも関連記事検索ができそうだ」と感じた部分があったので、ひとまずまとめてみました。 やろうとしていること 特定のキーワードやテキストに...

Spoken events

  1. Company
    JP_Stripes Online Meetup Vol.4~ECやサブスク決済を手早く作るには?~
    Role
    ローコード、ノーコード志向の人のためにStripe使いこなし術
    Date
    2022-06-29T11:00:00.756Z
  2. Company
    Stripe&Ionic Reactハンズオン - Ionic Meetup #20 札幌
    Role
    オンライン決済とStripeについて
    Date
    2022-06-19T05:00:00.000Z
  3. Company
    JP_Stripes in サッポロ Vol.7 Stripe再入門 & アプリ開発入門
    Role
    Stripe 再入門 & Stripe Appsではじめるサービス連携・UIカスタマイズ
    Date
    2022-06-18T06:00:00.000Z
  4. Company
    [Web技術でモバイルアプリをつくる] Ionic Meetup #19 Tokyo
    Role
    Next.jsでIonic Reactを利用したWebサイトを開発した話
    Date
    2022-05-29T05:00:00.000Z
  5. Company
    LINE de 決済勉強会!LINE API×Stripeエキスパート秘伝のノウハウを共有!
    Role
    Stripe Search APIを利用した、LINEとStripeの顧客情報連携
    Date
    2022-05-16T10:00:00.000Z
  6. Company
    JP_Stripes What's new 2022/04
    Role
    Date
    2022-04-26T03:15:00.000Z
  7. Company
    【Stripe Japan & Engineer Cafe 主催】Next.jsではじめるシンプルなECサイト開発ワークショップ
    Role
    Date
    2022-04-22T04:00:00.000Z
  8. Company
    JP_Stripes DeepDive 2022/04
    Role
    Stripeでクレカ決済に加えて、 コンビニ決済/銀行振込を追加する
    Date
    2022-04-20T03:15:00.000Z
  9. Company
    PHPerKaigi 2022
    Role
    AWS LambdaとStripeでオンライン決済・定期課金APIを実装しよう
    Date
    2022-04-11T06:00:00.000Z
  10. Company
    AWS CDK Conference Japan
    Role
    AWS CDKを利用して、 Next.js/Stripeで構築したフルスタックSaaSアプリをデプロイ・管理する
    Date
    2022-04-09T03:00:00.000Z
  11. Company
    JP_Stripes What’s new in 2022/02
    Role
    コンビニ決済/Payment Links API他
    Date
    2022-03-08T03:15:00.000Z
  12. Company
    AWS エバンジェリストシリーズ AWSの基礎を学ぼう - 特別編 AWS CDK v2 ハンズオン
    Role
    Stripeを組み込む際の CDK実装Tips
    Date
    2022-02-26T04:15:00.000Z
  13. Company
    Shifter ミートアップ!Shifter Headless ではじめる Headless CMS 入門
    Role
    Stripe / Next.js / AWSによる Headless WordPress活用法
    Date
    2022-02-25T11:00:00.000Z
  14. Company
    ジャムジャム!!Jamstack_5
    Role
    microCMSとStripeを使ったJamstackなECサイトの作り方(Next.js篇)
    Date
    2022-02-22T10:30:00.000Z
  15. Company
    JP_Stripes DeepDive
    Role
    Stripe Quotesで見積書発行から請求業務をノーコードで管理しよう
    Date
    2022-02-10T03:15:00.000Z
  16. Company
    JP_Stripes What's new 2022/01
    Role
    Date
    2022-01-13T03:15:00.000Z