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: