Page: 9 / 107

Next.js

Next.js App Routerでshadcn/uiのセットアップが失敗した時に読む記事

この記事では、Next.jsアプリケーションにshadcn/uiを追加する際に発生したエラーとその対処方法について紹介しています。Reactのdependencyの解決で問題が発生し、npm config set legacy-peer-deps trueコマンドを実行することで解決できることがわかりました。また、追加したファイルが原因でエラーが起きる場合もあるため、components.jsonファイルを削除してから再度実行する必要があることも記載されています。

Okamoto Hidetaka

AI / MLLLM

Amazon Bedrockの管理画面で、モデルの比較を行う

この記事では、AWSマネージメントコンソールを使用して複数の生成AIモデルを比較する方法が紹介されています。モデル選定はアプリ開発において重要なステップであり、Amazon Bedrockを使用することで簡単に比較検証が可能です。モデル間の生成結果・精度・入出力のバリエーションを確認できるだけでなく、テキスト生成結果やトークン数、生成時間などを比較することもできます。将来的にはEmbeddingなど他の機能も比較できるようになることが期待されています。

Okamoto Hidetaka

JavaScriptNext.jsReact

Next.js のApp RouterでREST APIを作る時は、型定義にPromiseをお忘れなく

この記事では、Next.jsのApp Routerを使用してREST APIを作成する際のTypeScript型定義に関するTipsが紹介されています。パスパラメータを受け取るAPIを想定し、v15以降でのビルドエラー回避方法やコードの変更点が説明されています。Page RouterやRemixに慣れている人も戸惑うかもしれないが、理解すれば問題ない内容です。

Okamoto Hidetaka

AI / MLLLM

生成AIを使ってオープンデータを活用したWebアプリを作ってみた話

この記事では、オープンデータを活用したアプリの企画や雛形作成に生成AIを使用。京都市の地下鉄の最終電車発車時間を表示するシンプルなアプリをNext.jsで実装し、AWS Amplifyにホスト。Claudeを使用してオープンデータからアプリの企画を考え、データ変換スクリプトやビルドに関する課題に取り組んだ。生成AIのコードレビューや仕上げ作業で自身の知識や経験が必要であることを振り返り、今後は通知機能などの追加を検討している。

Okamoto Hidetaka

AI / MLLLM

Claude 3 (Opus)で公開しているライブラリの説明文を作らせてみた（パッケージ編）

この記事では、Claudeを使って複数ディレクトリ・ファイルで構成されたアプリケーションやライブラリについて説明できるAIチャットを作る仕組みを検討した記録が紹介されています。目標はGitHubリポジトリに関する質問に回答できる仕組みを作ることで、RAGでプロンプトに挿入する最適なテキストを検討しました。AWS Lambda関数でAPIGatewayのレスポンスを構築するためのライブラリ群について詳細な説明があります。

Okamoto Hidetaka

LINESaaS / FaaS

Next.js ( Page Router )でLINE Message APIを使ったbotを作った時の覚書

LINE向けのbotをNext.jsとVercelで開発・デプロイ。技術選定や実装の背景、LINE Message APIの利用方法を解説。Webhookを処理するための関数や、push送信の方法も紹介。無料枠が減少する中、replyMessageでの処理を重視し、予算やユースケースに合わせて検討。LIFFアプリやリッチメニューの活用も提案。将来的にはAWS LambdaやCloudflare Workersを利用することも検討。要件の変更に伴い、再度記事化予定。

Okamoto Hidetaka

AI / MLAWSLLM

HonoとAmazon Bedrock & LangChainを利用した簡単な生成AIチャットの作り方

この記事では、JavaScriptを利用した生成AIチャットの作り方が紹介されています。LangChainやAmazon Bedrock、そしてHonoを使用することで実装が容易になります。また、Honoを使うことで複雑なフロントエンド実装を行う必要がなくなり、AWS Lambdaなどのホスティングサービスの違いに影響を受けにくくなります。技術選定の背景やAPIの実装方法などが詳細に説明されています。

Okamoto Hidetaka

AWS

AWS Amplify ( gen2 )のビルド通知をSlackで受け取る方法（ノーコード編）

この記事は、AWS Amplify( gen2 )でのビルド通知について紹介します。Slackでビルド開始や完了・失敗などの通知を簡単に受け取る方法を知りたい方は、ぜひ参考にしてください。

Okamoto Hidetaka

AWSAWS CDK

Lambdaの実行エラーをSlackに通知するCDKを作ってみた

この記事では、AWS Lambdaで発生したエラーをSlackに通知する仕組みを、AWS CDKで構築する方法を紹介します。Lambdaなどのアプリケーションコードを使わずに通知する仕組みを作ることで、エラー通知システムのデバッグをせずに済む方法を模索しました。

Okamoto Hidetaka

Reactremix

Remixで`Cannot destructure property ‘categories’ of ‘vite_ssr_import_2.useLoaderData(…)’ as it is undefined.`が発生した場合の対処法

Remixアプリを実装していてちょくちょく遭遇したエラーについて、簡単にまとめました。エラーハンドリングを試みた際に発生する様子ですので、エラー系でのRemixの動きについてもっと知る必要がありそうです。

Okamoto Hidetaka
Home
Search
Bookmark