Page: 30 / 108

b34eacfb57f8bb827918fbcda14ec1b6-20231128231726

AWS

AWS Amplify(Gen 2)をダッシュボードから触ってみた

この記事は、AWS Amplifyの新しいバージョンであるGen2について紹介しています。AWS AmplifyのマネージメントコンソールからGen2の機能を試すことができ、Next.jsスターターアプリケーションなどのサンプルも用意されています。デプロイすると、AppSyncやCognitoなどのリソースが立ち上がるため、興味がある方は試してみることをおすすめします。ただし、現在はまだ一部の機能が未実装の状態ですので、注意が必要です。

Okamoto Hidetaka

AI / MLCloudflareJavaScriptLangChain.jsLLMSaaS / FaaSTypeScript

Cloudflare Vectorize & Workers AI と LangChainでRAG APIを作ってみた

この記事は、[LangChain Advent Calendar 2023]1日目の記事です。 LangChainのJavaScript版があまり情報出ていない気がしたので、LangChain.jsを使った話をいくつか書 […]

Okamoto Hidetaka

CloudflareHono / SonikSaaS / FaaS

Honoで作成したWeb APIをCloudflare Workersにデプロイする覚書

Honoを使ってアプリを作成し、Cloudflare WorkersにWranglerを使ってデプロイする方法を簡単にまとめました。Honoのプロジェクトは「npx create hono」で生成され、デプロイ先のインフラ構築は後から変更できます。Cloudflare Workersを選択し、Wranglerを用いてデプロイします。デプロイ完了後には、npm run deployコマンドでWorkersへのデプロイが行えます。Wranglerのエラーが発生した場合は、Cloudflareアカウントの接続状態を確認しましょう。

Okamoto Hidetaka

JavaScriptkintoneSaaS / FaaS

kintoneプラグインで、テーブル（サブテーブル）のデータを利用する

kintoneアプリのテーブルデータへのJavaScriptアクセス方法について説明されています。レコード内のテーブルデータは、record[フィールドコード名].valueの配列形式で保存されており、Object.entriesを使用することで中身を全て参照することができます。また、特定のフィールド情報を取得する場合は、指定したプロパティ名を使用することも可能です。プラグインとしてデプロイすると、ブラウザの開発画面にテーブルデータが出力されます。

Okamoto Hidetaka

CloudflareSaaS / FaaS

Cloudflare R2をwranglerで操作できるようにしてみた

Cloudflareには、AWSのS3に相当するオブジェクトストレージサービスである「Cloudflare R2」があります。このサービスはCLIコマンドのwranglerから操作することができます。Cloudflare R2には、月間10GBまでの無料枠があり、料金はStripeかPayPalで支払うことができます。また、wranglerを使用してR2のバケットを作成し、wrangler.tomlを編集してバケットをプロジェクトに紐付けることができます。さらに、TypeScriptでの型定義生成も行えます。Cloudflare R2はAWSのS3と連携・同期することも可能です。

Okamoto Hidetaka
IMG_1615-20231125082331

EventStripe

JP_Stripes大阪vol7に参加 & RevOpsについて登壇してきました

2023年10月に大阪で開催されたJP_Stripesのオフラインイベントでは、Stripeを活用したサービス開発や収益化の事例が紹介されました。AWSとGCPの事例を聞くことができる貴重な機会であり、マネージドサービスやノーコード開発を通じて効率化を図る取組みも紹介されました。また、Stripeの組み込みにおいてmetadataの活用や決済成功率の向上についても話題がありました。イベント参加者はStripeのダッシュボードを活用することでビジネスの状況や対応が必要な案件を把握できると紹介されています。

Okamoto Hidetaka

Hono / SonikJavaScriptNext.jsReact

Next.js（App Router）でHonoを使ってREST APIを実装する

Next.jsをベースにして、Honoを使ったAPIの作成方法を試してみました。ファイルベースのルーティングに不便さを感じたため、ルーティング部分だけHonoを使用する方法を試しました。Honoで作成したAPIはNext.jsのミドルウェア上で動かします。APIパスの定義は、Next.js側で処理するパスも含める必要があります。また、Next.jsのミドルウェアでパスを書き換えることもできます。参考にしたものはこちらです：https://nextjs.org/docs/app/building-your-application/routing/middleware、https://github.com/honojs/examples/blob/main/nextjs-stack/pages/api/%5B…route%5D.ts

Okamoto Hidetaka

AI / MLAWSWordPress

Amazon Linux2上にホストしていたWordPressサイトが、Disk Fullで落ちた時の対処をChat GPTに相談しながらやってみた

この記事では、WordPressがAmazon EC2のAmazon Linux2で動作していることが紹介されています。ある日、管理画面にアクセスできなくなり、サーバーのログに「No space left on device」というエラーメッセージが表示されました。ログの容量不足を解消するために、dfコマンドやduコマンドを使用してディレクトリの容量を確認し、不要なファイルを削除しました。最終的に、容量を90%まで減らすことに成功しましたが、将来的にはEBSのボリュームを増やすか、EFSに切り替えることを検討する予定です。

Okamoto Hidetaka

AstroCloudflareJavaScriptSaaS / FaaS

AstroのSSRモードで作成したサイトを、Cloudflare Pagesにデプロイする際の覚書

Astroは、サーバーサイドレンダリング（SSR）モードを持つが、Cloudflare Pages / Workersにデプロイする場合、Node.jsではない実行環境に注意が必要。AstroにCloudflareのSSRモードを追加するには、`astro add cloudflare`コマンドを実行。`astro.config.mjs`の変更を自動で行い、プレビューが表示される。しかし、Markdocファイルを読み込む際のエラーが発生した場合、Cloudflare Workers / Pages Functionsの実行環境ではfsモジュールがサポートされていないため、Markdownファイルの読み込みに関しては静的にビルドしてデプロイする必要がある。

Okamoto Hidetaka
12ca8a6b18458705e4477699d771ed5e-20230920093846

JavaScriptkintoneSaaS / FaaS

kintone ui componentで、ローディング・処理中画面を作る

外部サービスのAPI呼び出し時にkintoneのUIにローディング画面を表示するために、kintone-ui-componentのSpinnerコンポーネントを使用する方法が紹介されています。Spinnerコンポーネントを使用すると、要素のappendは必要なく、openメソッドを呼び出すだけで全画面にローディング画面が表示されます。ローディング画面を閉じるにはcloseメソッドを使用します。ユーザーが他の操作を行えるようにするためには、Spinnerではなく読み込みUIを作成する必要があるかもしれません。また、操作ボタンとSpinnerを連動させる方法も示されています。

Okamoto Hidetaka
Home
Search
Bookmark