Page: 22 / 101

Stripe CLIで接続したStripeアカウントの情報（APIキーなど）を確認する方法

Stripe CLIを使用すると、Stripe内の情報の取得や操作、およびWebhookイベントのローカルへのプロキシなどが可能です。複数のStripeアカウントを管理している場合、Stripe CLIが参照しているAPIキーやプロジェクト名を確認する方法が紹介されています。Stripe CLIは、stripe loginコマンドを使用してStripeアカウントと接続し、Stripeのデータ（API）にアクセスします。また、環境変数STRIPE_API_KEYを設定することもできますが、環境変数の値はstripe loginで作成されたデータよりも優先されます。公開されたAPIキーに注意し、必要な権限を制限するようにしましょう。

Published at: 2023/07/24

GCP (Google Could Platform)JavaScript Nestjs

GoogleカレンダーAPIのWatchで、変更のあったカレンダーのイベント情報を取得する

Googleカレンダーに登録されたイベントをSlackやLINEで通知するシステムを作成するための覚書です。GoogleカレンダーのJS SDKを使用してWebhook APIを登録し、イベント情報を取得します。nestjsを使用してAPIを作成し、GETリクエストを使用してイベント情報を取得します。注意点として、削除したイベントの情報は取得できないため、データがなければイベントが削除されたと判断する必要があります。また、イベントの件数が多い場合はnextSyncTokenを使用して取得します。

Published at: 2023/07/24

JavaScript TypeScript

Cookiebotで対象地域以外かどうかを判定する

GDPRなどの個人情報保護法に対応するために、Cookie同意の実装が必要です。Cookiebotを使用して同意バナーを表示する場合、非表示にすることも可能か調査しました。Cookiebotのデータを使用して、EUやカリフォルニア州など一部の地域でのみバナーを表示しているため、JavaScript（TypeScript）コードを使用して手動でトラッキングイベントを制御することができます。具体的には、CookiebotのregulationRegionsに対象地域のコードを記述し、ユーザーの国や文化を参照してバナーを表示するか判断します。

Published at: 2023/07/24

Astro Cloudflare JavaScript SaaS / FaaS

AstroでmicroCMSのコンテンツを利用したサイトを静的ビルド + Cloudflare Pagesにデプロイした話

最近Astroをよく使っている人に向けて、microCMSのデータを取得する方法を簡単にまとめました。まず、microCMSのAPIキーを取得し、環境変数に設定します。次に、microCMSのJS SDKを使って記事情報を取得するためのライブラリをインストールし、APIクライアントを作成します。作成したクライアントを使用して情報を取得して表示する処理を追加しましょう。また、Astroでのビルド・デプロイには、環境変数の扱いに注意が必要です。

Published at: 2023/07/23

75667c46baca0a7d09a73ba169eb3c04-20230316215732

WordPress

LLMでWordPressブログ記事作成を支援するサービス「GetGenie」の無料版試してみた

WordCamp Asia 2023で紹介された記事をAIで作成するサービス、GetGenieについて紹介されました。GetGenieはLLMをベースにしており、記事作成やセールスコピー作成を支援するウェブサービスです。SEOを意識した記事作成のためのリサーチ機能やテンプレート・フォーマットが用意されており、ウェブメディア運営に便利です。Freeプランもあり、APIやプラグインも利用できます。プラグインのインストールや記事の作成方法も詳しく解説されていますが、本文生成時にはモデルの情報に制約があるため、編集作業は人間が行う必要があると感じられました。

Published at: 2023/07/23

JavaScript Stencil

Stencil(v3)で作成したコンポーネントに、Storeを追加する

Stencilは、アプリやリッチな機能を持つWebコンポーネントを作成する際に、@stencil/storeを使用してストア機能を追加することができます。この記事では、@stencil/storeを使用したストアの作成方法や使用例が紹介されています。ストアを作成するためには、createStore関数を使用し、グローバル変数のようにストアを扱うことができます。また、onChange関数を使用して非同期処理を実装する方法や、setやget関数を使用してイベントを設定する方法も紹介されています。ストアを使用することで、コンポーネントの表示と処理を切り分けることができます。

Published at: 2023/07/23

AWS JavaScript Serverless FW Twitter

AWSとTwitter API v2を利用して、自動ツイートシステムを作る方法

Twitter APIのV2への移行により、APIの認証フローやトークンの管理をAWS上で行う方法が紹介されています。SSMリソースをIaCで定義することで、OAuthクライアントシークレットを取得する方法、ツイートのリクエスト内容についての解説、Secrets Storeの使用方法が紹介されています。個人利用で廉価に利用したい場合、Systems Manager Parameter Storeを利用し、GetParameterCommandとPutParameterCommandを利用した処理をすることが推奨されています。また、2つのクラスを利用するOAuthで認証してAPIを利用する方法も紹介されています。

Published at: 2023/06/12

JavaScript Node.js OpenAI

Node.jsでOpen AI APIをいろいろ呼び出してみた

この記事は、OpenAIのChat GPTを使ってAIアシスタントを作成する方法について説明しています。APIキーを取得するAPI呼び出しには、OpenAIのダッシュボードから作成したAPIキーが必要です。設定したAPIキーを使い、入力・発話はrole: user、前提条件や設定・前提条件をrole: systemで渡すことでAIアシスタントを作成できます。また、DynamoDB等のDB・ストレージにJSONを保存することで、ステートレスなインフラ上にChatbotを作成することもできます。

Published at: 2023/06/08

AWS AWS CDK

Format Lambda invocation input from EventBridge using AWS CDK

EventBridgeからLambdaへ送信された値は、通常、detailの内部に展開されます。ただし、「API Gatewayで呼び出しているLambdaを再利用したいケース」などでは、detailの中身だけをLambdaに渡す必要があります。これを実現するために、CDKで提供されているEventBridgeのinput transformerを使用して、中身を変換することができます。コードの場合、RuleTargetInput.fromObjectの代わりに、RuleTargetInput.fromTextを使用します。

Published at: 2023/06/08

Astro JavaScript TypeScript

Astroで構築したアプリにて、RSSフィードを出力する (TypeScript)

Astroでサイトを構築している場合、RSSフィードの生成が必要となることがあります。Astroには、@astro/rssを利用することで、公式でRSS周りのライブラリが用意されています。getメソッドで、rss()の実行結果をreturnし、Markdownのデータからフィードを生成する例を示しています。RSSOptions型を利用することで、型安全なフィード生成処理を作成することもできます。詳細は、https://docs.astro.build/ja/guides/rss/を参照してください。

Published at: 2023/06/08