Categories
AI / MLDifyLLM
この記事では、Difyのベータ版提供中のワークフロー機能について紹介しています。Difyはノーコードで生成AIを使ったアプリケーションを作成できるオープンソースプロダクトで、AWSやローカルマシン、マネージド版の利用も可能です。ワークフローを作成する際はビジュアルエディタを使用し、ブロックを追加して線で接続することで処理を設計できます。複数ステップや条件分岐も可能で、作成したアプリはAPIやブラウザから利用できます。
CloudflareLINE
この記事では、Cloudflare Zarazを使用してLINEのトラッキングタグ（LINE Tag）をWebサイトに追加する方法が紹介されています。LINE TagはLINE公式アカウント向けのトラッキングタグで、Webサイトからの流入やコンバージョンを測定するのに活用されます。WordPressサイトを変更せずにトラッキングコードを追加することが目指され、Cloudflare Zarazを使用することでCDNエッジからコードを挿入します。料金や無料枠の管理には注意が必要です。
Next.js
この記事では、Next.jsアプリケーションにshadcn/uiを追加する際に発生したエラーとその対処方法について紹介しています。Reactのdependencyの解決で問題が発生し、npm config set legacy-peer-deps trueコマンドを実行することで解決できることがわかりました。また、追加したファイルが原因でエラーが起きる場合もあるため、components.jsonファイルを削除してから再度実行する必要があることも記載されています。
AI / MLLLM
この記事では、AWSマネージメントコンソールを使用して複数の生成AIモデルを比較する方法が紹介されています。モデル選定はアプリ開発において重要なステップであり、Amazon Bedrockを使用することで簡単に比較検証が可能です。モデル間の生成結果・精度・入出力のバリエーションを確認できるだけでなく、テキスト生成結果やトークン数、生成時間などを比較することもできます。将来的にはEmbeddingなど他の機能も比較できるようになることが期待されています。
JavaScriptNext.jsReact
この記事では、Next.jsのApp Routerを使用してREST APIを作成する際のTypeScript型定義に関するTipsが紹介されています。パスパラメータを受け取るAPIを想定し、v15以降でのビルドエラー回避方法やコードの変更点が説明されています。Page RouterやRemixに慣れている人も戸惑うかもしれないが、理解すれば問題ない内容です。
この記事では、オープンデータを活用したアプリの企画や雛形作成に生成AIを使用。京都市の地下鉄の最終電車発車時間を表示するシンプルなアプリをNext.jsで実装し、AWS Amplifyにホスト。Claudeを使用してオープンデータからアプリの企画を考え、データ変換スクリプトやビルドに関する課題に取り組んだ。生成AIのコードレビューや仕上げ作業で自身の知識や経験が必要であることを振り返り、今後は通知機能などの追加を検討している。
この記事では、Claudeを使って複数ディレクトリ・ファイルで構成されたアプリケーションやライブラリについて説明できるAIチャットを作る仕組みを検討した記録が紹介されています。目標はGitHubリポジトリに関する質問に回答できる仕組みを作ることで、RAGでプロンプトに挿入する最適なテキストを検討しました。AWS Lambda関数でAPIGatewayのレスポンスを構築するためのライブラリ群について詳細な説明があります。
LINESaaS / FaaS
LINE向けのbotをNext.jsとVercelで開発・デプロイ。技術選定や実装の背景、LINE Message APIの利用方法を解説。Webhookを処理するための関数や、push送信の方法も紹介。無料枠が減少する中、replyMessageでの処理を重視し、予算やユースケースに合わせて検討。LIFFアプリやリッチメニューの活用も提案。将来的にはAWS LambdaやCloudflare Workersを利用することも検討。要件の変更に伴い、再度記事化予定。
AI / MLAWSLLM
この記事では、JavaScriptを利用した生成AIチャットの作り方が紹介されています。LangChainやAmazon Bedrock、そしてHonoを使用することで実装が容易になります。また、Honoを使うことで複雑なフロントエンド実装を行う必要がなくなり、AWS Lambdaなどのホスティングサービスの違いに影響を受けにくくなります。技術選定の背景やAPIの実装方法などが詳細に説明されています。
AWS
この記事は、AWS Amplify( gen2 )でのビルド通知について紹介します。Slackでビルド開始や完了・失敗などの通知を簡単に受け取る方法を知りたい方は、ぜひ参考にしてください。