WP Kyoto

df3d1eb3c565c6bb9c4cf0d40012bae2-20250305093009

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

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

Published at: 2025/03/05

AI / ML LLM

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

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

Published at: 2025/03/03

AI / ML

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

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

Published at: 2025/02/27

AI / ML

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

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

Published at: 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のデータを使った分析が可能になります。

Published at: 2025/02/25

JavaScript Next.js React

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

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

Published at: 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レポーター変更も可能。

Published at: 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な解決策を模索。今後同様の課題に直面する方への参考に。

Published at: 2025/02/22

SaaS / FaaS SQL

TiDBがオープンデータの利活用に使えるかを試してみる

この記事は、CSVで公開されているオープンデータをSQLで取得・検索・分析した記録を紹介しています。TiDBを使用してCSVファイルをテーブルにインポートし、データの分析を行う手順や注意点が詳細に解説されています。TiDBを活用することで、オープンデータをSQLで扱うことが容易になることが分かります。データの質やインポート時の注意点についても言及されており、公開データを活用する際の参考になる内容です。

Published at: 2024/12/25

JavaScript React

WordPress API から取得したHTMLコンテンツから目次を生成するReactコンポーネントを作ってみた

この記事は、React Advent Calendar 2024の24日目に公開されたもので、Remixを使用したReactアプリでWordPressなどのAPIから取得したコンテンツを目次を自動生成するReactコンポーネントを実装した内容です。再利用性、保守性、パフォーマンス、型安全性、アクセシビリティを重視し、コンポーネントの構造を適切に設計しています。ただし、HTMLの解析方法やパフォーマンス最適化、アクセシビリティ向上、エラーハンドリングに改善の余地があります。そして、React/Remixを使ったレイアウトの自由度を生かしてカスタマイズを行い、今後も改善を進めていく意向を述べています。

Published at: 2024/12/24