Hidetaka.dev

Hidetaka.dev

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