はてなブックマーク

最近「microCMS Document MCPサーバー」を作って公開しました。 以前作ったmicroCMS MCPサーバーとは違い、これは公式ドキュメントをLLMに参照してもらうためのMCPサーバーです。 この記事ではDocument MCPサーバーの必要性や実装方法についてまとめてみます。 Document MCP Serverってなに? みなさんMastraは使っているでしょうか? TypeScriptでAIエージェントを作れるフレームワークなんですが、面白いのがセットアップ時に自動でMastra MCPサーバーがCursorやClaude Codeに追加されます。 このMCPサーバーはMastraのドキュメントやブログなどの公式情報を参照するもので、Mastraを使って開発していく際にはとても有用です。この体験がとても良いなと思い、真似して作ってみたというのが今回の背景です。 ドキ

こんにちは!ひまらつ(@himara2)です。 MCPサーバーがとても盛り上がってますね。 MCPはLLMが外部サービスにアクセスする強力な仕組みですが、今回microCMSのMCPサーバーを作ってみました。npmとして下記で公開しています。 今回はこのMCPサーバーを使い、ClaudeからmicroCMSのコンテンツの作成・更新する方法について書いてみます。 事前準備 まずはmicroCMSでAPIを作ります。 今回は「お知らせAPI」と「カテゴリAPI」の2つを作ります。 お知らせAPI。カテゴリをコンテンツ参照している カテゴリAPI 次にAPIキーを設定します。 デフォルトではGETの権限だけがついているので、以下を追加します。 コンテンツAPI POST PUT PATCH マネジメントAPI メディアの取得 メディアのアップロード 通常であればこの後は管理画面から直接入稿、ある

最近はAIを使った個人開発にハマっています。 日記を書くとAIがドット絵にしてくれる「ドット絵日記」、Zennの人気記事を毎日AIがラジオにしてくれる「zenncast」など、いくつかAIを活用したサービスを作りました。 このZennでは自分がAIサービスを作るときに考えていること、意識していることについて書いてみます。 AIサービスを作るときに意識しているポイント5つ 最近個人開発で「castmake」というAIラジオ生成サービスを作りました。 この記事ではcastmakeの実例を交えながらポイントを紹介していきます。 先に簡単にサービスを説明しておきます。 castmakeはブログやメディアから簡単にラジオが作れるサービスです。上述したzenncastはZennのトレンド記事をAIが紹介するものですが、それの好きなサイト・情報ソースで自分なりに作れる版だと考えると分かりやすいかもしれま

先日、個人開発していたzenncastというWebサービスをリリースしました。 Zennでトレンドになっている記事を、毎日AIが10分のラジオにして届けてくれるというサービスです。 ありがたいことに公開後はたくさんの方に試してもらえ、技術的な質問も多数いただきました。 このZennではzenncastの技術構成や仕組みを紹介します(プロンプトつき)。 作ったもの まずはエピソードを一つ選んで1分くらい聴いてみてください! AIラジオの雰囲気が掴めると思います。 追記 zenncastのような番組を、誰でも好きな情報ソースで作れるサービスを作りました! 自分のメディアやブログをラジオに変換して、それをサイトに埋め込んだりSpotifyなどに配信できたりします👇 主な機能・特徴 毎朝10分のラジオを生成 Zennでトレンドになっている記事を要約して紹介 お便りを投稿すると、翌日のエピソードで

Flutter Webの話を聞く機会が増え、触ってみたくなったので簡単なサイトを作ってみました。 最近カメラを買ったので自分が撮った写真をまとめるサイトで、データの管理&APIはmicroCMS、サイトのホスティングはVercelで作りました。 つくったもの 写真のギャラリーサイトです。 「京都」「神戸」など、アルバムごとに写真がまとまっていて、 プルダウンでアルバムを切り替えられ、 サムネをクリックすると写真が拡大して表示されます。 このサイトを作りながら学んだことを書いてみます。 Flutter Webの雛形を作成 まず、Flutter Webでプロジェクトを作成し、Chromeで動かしてみます。 Flutter開発でおなじみのカウンターアプリですね。この雛形のコードを修正して作っていきます。 microCMSでAPIを作成する microCMSは「管理画面つきのAPI」を提供してくれ

iOSアプリを開発するなかで、開発中のパッケージを確認するためにテストフライトという仕組みを使います。 これをGitHub Actionsを使って自動化してみました。 「あるブランチにcommitされたら、最新の状態のビルドをテストフライトで配布」をGitHub Actionsで組む手順を紹介します。 実装の流れ fastlane matchを使った証明書管理を準備する fastlaneにテストフライトのためのレーンを実装する GitHub Actionsの設定をする なお、fastlaneはすでにセットアップ済みであることを想定して書きます。 まだfastlaneを使ってない場合はこちらの記事などを参考にセットアップしてみてください。 fastlane matchを使った証明書管理を準備する fastlane matchはfastlaneアクションの一つで、iOSの煩雑な証明書管理をシン