はてぶ・Qiita・Zennのトレンド記事を紹介
n8nをCloudRunにサクッと(Supabase x Pulumi)
この記事では、オープンソースのワークフロー自動化ツール「n8n」を、GCPのサーバーレス環境であるCloud Runにサクッとデプロイする方法を紹介します。データベースにはSupabase、IaCツールにはPulumiを使っていきます。 はじめに最近、個人的にn8nをよく
Figma公式の Dev Mode MCP サーバーが来た!
はじめにこんにちは、原です 🐐少し前に Figma MCP(非公式)の Figma-Context-MCP が話題になりましたねそして 2025 年 6 月 4 日、ついに Figma 公式の MCP サーバー がベータリリースされました 🚀早速試してみたので、セットアッ
Mockoonで複雑なレスポンスを返す方法:条件分岐・エラー再現・遅延レスポンスまで
以前の投稿「Kotlin + MockoonでAPI通信をモック!Android開発の効率化方法」では、Mockoonの基本的な使い方を紹介しました。今回はもう一歩進んで、開発やテストで役立つ「リアルなAPI挙動の再現」 をテーマに、Mockoonでできる以下のような応用テクニ
はじめにJestを使ったテストに触れていく中で公式サイトも参照したり記事を見て理解したりとしていましたが自分で記事にすることで理解が深まったり公式サイトを閲覧しにいったりするため、記憶として定着する面もあるのかなと思いましたので自身の備忘録としてまとめたいと思います。認識
知識を体系的に学ぶ際に技術書やビジネス書を読むことは多々あるのですが、読みづらい本が多く基本的に読了するのが苦行であることが多いのですが、LLMを使って読む負荷を減らそうというお話。 用意するもの 読みたい書籍のPDF正しくは読みたい書籍で元々PDF化されているもの、も
話題のAIエンジニア「Devin」でTODOアプリを作ってみた
はじめに最近、コード生成だけでなくPRの作成まで行ってくれる、まるで人間のシステムエンジニアのようなAI「Devin」の噂を耳にしたので、今回は実際に使ってTODOアプリを作成させてみようと思います。 Devinとは?Devinは、CognitionAI社によって2024
GA4/GTMを利用したカスタムディメンション計測の実装手順
はじめにこれまであまり触れてこなかったGAやGTMに触れる機会があった為、簡単に知見をまとめていきます。やったこととしてはシンプルで、既存のアプリケーションにGoogle Analytics 4(GA4)と Google Tag Manager(GTM)を導入し、カスタムディ
CSSのclip-pathを使って画像を使わずにフォームのステップ表示を実装してみよう!
!clip-pathの事を含めて、色々書いてあるので、手っ取り早くコードだけ知りたいよという人は、結論:今回のコードまとめを見てください。 はじめにこんにちは、安立です。みなさん、clip-path使っていますか?今回はclip-pathを使って以下のようなフォー
Android Studioで条件にあったファイルを一度に開く
やりたいこと特定の条件にあったファイルを一度に開きたい。Android StudioのCLI(studioコマンド)が便利。 準備Android Studio CLIにPATHを通す。メニューから "Tools" -> "Create Command-line
Gemini API TTS(Text-to-Speech)で漫才音声を生成してみた
はじめに先日開催されたGoogle I/O 2025、AI関連の新発表が目白押しでしたが、その中でも自分の心を鷲掴みにしたのが、「Gemini 2.5」に搭載されたネイティブText-to-Speech(TTS)機能です。デモで披露されたその声は、とても自然で感情豊か。「こ
iOSアプリでBLE機能の実装!Core Bluetoothの使い方
はじめにiOSアプリエンジニアとして働いている澁谷です。技術の発展とともに身近になってきたBluetoothですが、ソニックムーブ内でもBluetooth絡みの案件を見ることも増えてきました。今回は「Core Bluetooth」を使用して実際してペリフェラル側からデータ
FastAPI × OpenAI ストリームで出力するAPIを作ってみた
はじめに「ピロピロ」と一文字ずつ流れるような UI を実現したいとき、OpenAI API のストリーミング機能を使うと、サーバーからクライアントへリアルタイムにトークンを渡せます。FastAPI ならシンプルに実装できるらしいのでやってみました。↓ こんな感じです。
サーバー送信イベント(SSE)をNext.js App routerのAPIで実装してみた。ChatGPTのリアルタイムっぽい生成のやつ。
はじめにSSEについて存在は知っているものの、試したことがないので自分で実装してみます。SSEとはChatGPTでリアルタイムに生成している風のこれ↓です。ブラウザのdevツールからネットワークタブを確認するとこの通り、順に取得していることが確認できます。https: