Page: 4 / 104

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

SaaS / FaaS SQL

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

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

公開日: 2024/12/25

最終更新日: 2024/12/25

JavaScript React

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

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

公開日: 2024/12/24

最終更新日: 2024/12/24

Hono / Sonik JavaScript

Hono Clientを利用して、APIからの情報をJSXで表示する

この記事では、Honoで作成したAPIをHono Clientを使用して呼び出す方法が紹介されています。APIの準備からクライアントアプリの作成までが詳しく解説されており、Honoを使用する魅力や効率的な開発手法について触れられています。APIを実装し、クライアントを通じて呼び出すことで、フロントエンドとAPIを1つのプロジェクトで管理できる便利な方法が示唆されています。

公開日: 2024/12/24

最終更新日: 2024/12/24

AI / ML

Blot.newでIonic Angularアプリが起動できなかった話

この記事では、ReactやTailwindを使った生成AIを利用したアプリ開発サービスにAngular / Ionicで挑戦する過程が詳しく紹介されています。bolt.newというサービスで試行するも、Angularプロジェクトの立ち上げに課題が発生し、修正が難航する様子が描かれています。生成AIサービスの利用にはトークン消費量が多く、課金が必要になる可能性が高いという感想も述べられています。

公開日: 2024/12/23

最終更新日: 2024/12/23

2df6cf6e6f9b78388b96e5dc266c3425-20240317224152

AI / ML LLM

WordCampのセッション情報について回答するRAGアプリを作ってみた話

この記事では、生成AI（OpenAI）とWP API / LangChainを利用したRAGの取り組みが紹介されています。2024年のイベントに向けて、セッション情報を効率的に利用するためにRAGを作成しました。WP APIを使用してセッション情報を取得し、ベクターインデックスを作成しています。質問に応じて適切なセッションを推薦する一方、モデルやAPIの選定によって回答の精度に差が出ることも明らかになりました。LangChainや生成AIモデルの変化もあり、新たな知見を得られたとのことです。

公開日: 2024/12/22

最終更新日: 2024/12/22