Page: 8 / 108

AI / MLLLM

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

Okamoto Hidetaka

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

Okamoto Hidetaka

SaaS / FaaSSQL

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

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

Okamoto Hidetaka

JavaScriptReact

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

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

Okamoto Hidetaka

Hono / SonikJavaScript

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

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

Okamoto Hidetaka

AI / ML

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

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

Okamoto Hidetaka
2df6cf6e6f9b78388b96e5dc266c3425-20240317224152

AI / MLLLM

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

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

Okamoto Hidetaka
50b8004f2ed8553b26ad928442966a6c-20241027153313

AWS

MediaConvertで動画の編集（音声切り出し）に挑戦してみる

この記事では、AWSの動画変換サービスMediaConvertを使って音声ファイルの切り出しに挑戦した記録がまとめられています。MediaConvertの権限設定に注意が必要で、IAMロールの設定がポイントとなります。音声ファイル生成後はS3からのダウンロードまでスムーズに実行できました。エラーが起きた際はS3バケットのアクセス権限を確認しましょう。生成されたファイルは他のサービスと連携して活用できるため、さらなるフロー拡充を考えることができます。

Okamoto Hidetaka

SupabaseWordPress

SupabaseとWP APIでランダムに記事を取得する仕組みを作ってみた

この記事はSupabase Advent Calendar 2024の19日目の内容で、ランダムに記事を取得する仕組みの作り方について紹介しています。SupabaseでViewを作成し、Supabase.jsを使用してデータを取得する方法が解説されています。WordPressのAPIも使用可能で、SupabaseのDBに記事情報があればWordPressのAPIを省略できます。Supabaseを選んだ理由やAI生成記事への適用についても触れられています。手を動かして実践することの重要性も強調されています。

Okamoto Hidetaka

CloudflareSaaS / FaaS

Cloudflare PagesでAWS Amplify SDK v6をつかおうとした時の覚書

この記事では、AWS Amplify SDKをCloudflare Pagesで利用する際の注意点やエラーについて紹介しています。エラーの原因や解決策、サーバーサイドでのSDK読み込み方法なども述べられています。2024年11月時点では、CloudflareはIDP as a Serviceを提供しておらず、AWS Amplifyや他のプロバイダーを利用するか、独自のIDPを構築する必要があります。しかし、実装にはトリッキーな側面や不具合の可能性があることに注意が必要です。

Okamoto Hidetaka
Home
Search
Bookmark