Page: 5 / 106

Cloudflare Hono / Sonik JavaScript SaaS / FaaS

Honoxで動的な値をmiddlewareで設定する場合はcontext.set/getを使う

Honoxでページを作成する際、サイト全体で利用したい動的な値を設定する方法について解説されています。middlewareとcontextを使用して解決策を示し、例としてAPIのアドレスを動的に設定するコードが示されています。環境変数を使用する方法と比較しつつ、ステージングやプレビューデプロイでも利用できる利点が紹介されています。さらに、取得した値にTypeScriptの型情報を追加する方法も提案されています。

公開日: 2025/03/06

最終更新日: 2025/03/06

598986d59182bf25f92430f0f5cd13e4-20250304222254

AI / ML Amazon Bedrock AWS LLM

AWSのBedrock EngineerをMacでソースからビルドしてみた

岡本氏はBedrock EngineerというAWS開発者向けのAIエディターを紹介しています。このツールはGitHubで公開され、AWSリソースの定義やStep Functionsの設計、ダイアグラム作成をサポートする機能を提供しています。アプリのビルド方法やAWS Credentialsの設定方法も詳細に説明しており、Website Generator、Diagram Generator、Step Functions Generatorなどの機能も紹介しています。Bedrock EngineerはAWSエンジニアにとって有用なツールで、今後の活用が期待されると述べています。

公開日: 2025/03/06

最終更新日: 2025/03/06

df3d1eb3c565c6bb9c4cf0d40012bae2-20250305093009

AI / ML LLM

CursorにGitHubのMCPを追加して、Pull Requestの作成までやらせてみた

AIエディターCursorを利用してGitHubへのPull Request作成を自動化する方法が紹介されています。GitHubのAPIを利用し、MCPを使って個人用アクセストークンを取得して設定することで、指示したタスクをエージェントに実行させることが可能です。エージェントはコードを書いてプルリクエストを作成し、他のエージェントがコードレビューを行う機能も備えています。MCPを使用することでGitHub上のリソース操作が自動化され、便利な機能を利用できます。

公開日: 2025/03/05

最終更新日: 2025/03/05

a6f916b3ea908dca4435907050f59d8d-20250223213434

AI / ML LLM

Gemini Code Assistを使って、GitHubリポジトリのPull Requestをレビューさせてみた

2025年2月末、Googleの生成AIサービスGemini Code Assistが個人向けのパブリックプレビューを始動。GCAをGitHubに追加し、上手に活用するための手順や機能について解説。GCAはコードレビューやpull requestの要約を手助けし、自動化されたコメントやレビューを提供。ただし、現時点では他のツールを補完する形となっており、特定の利用ケースに向いている。無料で利用可能な点が魅力であり、将来の価格変更に備えつつ、適切な活用法を模索する価値がある。

公開日: 2025/03/03

最終更新日: 2025/03/03

AI / ML

OpenHands GitHub actionsのデバッグは`Upload output.jsonl as artifact`ステップから

OpenHandsを使用したAIコーディングにおいて、Actionsのワークフローが完了してもpull requestが出ない場合、失敗ケースがあります。調査方法として、Actionsの実行ログをチェックし、output.jsonlファイルを整形してタスク分析を行うことが重要です。具体的な失敗例では、セットアップ過程やコマンド実行結果を確認し、ステップごとに思考ログ・実行コマンド・実行結果を振り返ることが役立ちます。ログを活用して問題を特定し、対処する際はローカルIDEで実行することも検討しています。

公開日: 2025/02/27

最終更新日: 2025/02/27

AI / ML

OpenHandsに1からアプリを作らせてみて失敗した記録

OpenHandsを使用して、リポジトリからの新しい開発を試しています。GitHub Actionsなどの準備を行い、アプリの要件をIssueに書き、作業を開始します。Issueに対してワークフローが開始され、何かしらの問題がある場合には、デバッグを行います。イテレーション数が上限に達した場合には失敗し、Viteのセットアップ時に空のリポジトリで失敗したことが指摘されました。OpenHandsの使用は良好ですが、LLMのRate Limit問題に対処する必要があります。

公開日: 2025/02/26

最終更新日: 2025/02/26

GCP (Google Could Platform)

Youtubeのデータを参照するために、Google CloudのAPIキーを取得してみた

Difyを使ってYouTubeの動画分析に挑戦し、YouTube APIの設定手順を記録しました。Google CloudでAPIキーを作成し、権限を追加する必要があります。YouTube Data API v3が見つからない場合は、Google CloudのプロジェクトでAPIを有効化する必要があります。APIキーを発行してDifyに登録すれば、YouTubeのデータを使った分析が可能になります。

公開日: 2025/02/25

最終更新日: 2025/02/25

JavaScript Next.js React

ClerkをNextjsのApp Routerで使う時、middlewareの扱いに注意しよう

ドキュメントをよく読んで、ClerkをNext.jsのApp Routerで使う際の注意点をまとめました。ClerkMiddlewareをプロジェクトルートに配置し、Middlewareのmatcherも設定する必要があります。プロジェクトルートに配置してもうまく動かない場合は、ファイルをプロジェクトルートに移動させると問題が解決される可能性があります。参考記事に詳細が記載されています。

公開日: 2025/02/24

最終更新日: 2025/02/24

AI / ML LLM

Open HandsをGitHub Actionsから動かしてみた

AIコーディング系ツールやサービスが増加中。GitHub Actionsを使ったDevinやOSS版のOpenHandsに注目。GitHub Actionsをセットアップし、IssueやPull Requestに反応してAIコーディングを実現。準備が整ったらOpenHandsを試す。Issueで作業を要求すると、AIが作業を開始。Next.jsのアップデートを指示し、アプリコードの変更を支援。Rate Limitにも注意が必要。Devin導入の機会も。Personal Access Tokenの設定でIssueレポーター変更も可能。

公開日: 2025/02/23

最終更新日: 2025/02/23

AI / ML Cloudflare LLM SaaS / FaaS

OpenHandsのLLMにCloudflare AI Gatewayを使おうとしてダメだった話

OpenHandsを利用したAIコーディングに挑戦中。CloudflareのAI Gatewayは使えない可能性が高い。API構造が異なるため、エラー発生。CloudflareのAPI key取得やAI Gateway作成を試みるも失敗。OpenHandsの準備も進めるも、API認証エラーで実行失敗。401 UnauthorizedエラーでCloudflare AI Gatewayのサポート必要。OSSな解決策を模索。今後同様の課題に直面する方への参考に。

公開日: 2025/02/22

最終更新日: 2025/02/22