未分類 Claude Codeでファイル選択機能を実装する方法｜非エンジニア向けに依頼プロセスを解説
前回までの記事では、VS Codeの導入やReact / Next.jsの開発環境構築を進めてきました。 今回はその続きとして、Claude Codeに指示を出しながら、Webアプリにファイル選択機能を実装する流れを整理します。この記事のポ...
KTR
未分類 
非エンジニア向けコンテンツ 非エンジニア向け｜ReactとNext.jsの導入方法【VS CodeでWebアプリ開発を始める手順】
前回の記事では、非エンジニアがWebアプリ開発を始めるための準備として、VS Codeの導入方法を紹介しました。 まだVS Codeの準備が終わっていない方は、先に 非エンジニア向け｜Claude CodeとCodexを使うためのVS Co...
非エンジニア向けコンテンツ 非エンジニア向け｜Claude CodeとCodexを使うためのVS Code導入方法【日本語化・おすすめ拡張機能】
「Claude CodeやCodexを使ってみたいけれど、何を入れればいいのかわからない」──そんな非エンジニア向けに、この記事では Visual Studio Code（VS Code） の導入方法を、できるだけやさしく整理します。特にこ...
python 【保存版】顔のランドマークを抽出＆可視化するStreamlitアプリ
MediaPipe × Matplotlib × Streamlit｜CSV出力も対応しています。手の推定の時（）と同様、このmediapipeのアプリが何に使えるかはわかりませんが、とりあえず座標を出力できるようにしました。顔の変化が特徴...
python MediaPipe座標から親指と人差し指の距離を3Dで可視化するアプリ【Streamlit】
はじめに手の動きを分析する際に、親指と人差し指の距離というのは非常に重要なパラメータになります。例えばピンチ動作の解析や、把持の開始/終了判定、あるいは発達評価などにも応用できます。今回は、前回の手指の座標取得のアプリの記事（記事URL:）...
python 【Python】Streamlitアプリ公開の方法｜OpenCVとメモリでつまずかないために
Python × Webアプリの開発環境として定番になりつつある「Streamlit」ですが、いざ公開しようとすると意外とつまずくポイントもあります。筆者もこれまでにOpenCVやMediaPipeを使ったアプリを何本もデプロイしてきました...
ガジェット系 M5Stack Core2 × IMU × PaHubで動作分析！複数センサの同時計測を試してみた
M5Stack Core2 は、豊富な拡張モジュールを備えたマイコンボードです。とくに IMU（慣性計測ユニット） を活用すれば、手軽に姿勢角や動作情報を取得でき、動作分析やスポーツ評価にも応用が効きます。プログラムはC+ベースのArdui...
python MediaPipe × Streamlit｜手の3Dポーズを可視化できる動画解析アプリ【Python】
🎬 はじめに今回紹介するのは、動画内の手の形状をMediaPipeで検出して、3Dで可視化するStreamlitアプリです。手の形状の計測は三次元動作解析装置でもなかなか難しいですが、禁煙ではMediaPipeのような有益なアプリを使うこと...
python Webカメラのストリーム映像から角度計測をするスクリプト
概要動作を評価するにあたって、角度の情報は必要不可欠であるいえます。一般的には目視による計測や角度計を用いた計測が一般的だとは思いますが、一回一回角度計を当てたりして計測するのは、なかなか非効率であると感じています。本記事では、Python...
python 【Python × rembg】10秒動画の背景を消すAIアプリを作ってみた
今回は Python の人気ライブラリ「rembg」を使い、動画の背景を自動で削除する Web アプリを開発しました。動画の背景を消すのは、動画をクロマキー合成したり、骨格推定で邪魔なものを消して整理するのに役に立ちます。本アプリは Str...
