Midori Photo Art | WebGL・Three.js・ChatGPT・Geminiで創る3DアートとAIの世界

ニュース

新着 2025年11月2日

新サイトオープン！文章ベースのインタラクティブ文章形式に生まれ変わりました

従来のデモ中心のサイトから、詳細な技術解説記事を中心としたインタラクティブ文章形式にリニューアル。各記事では、実践的なコード例とともに、制作過程や技術思想を詳しく解説しています。

詳しく見る →

更新 2025年11月1日

旧サイトとの連携について

従来の300以上の実行デモは旧サイトでご覧いただけます。新サイトの各記事から旧サイトの関連デモにもリンクしていますので、実際に動作を確認しながら学習できます。

旧サイトへ →

インタラクティブ記事一覧へ移動

LLM（Gemini2.5 Flash）サポート検索

AIサポートはオフです

AIサポートを有効化すると、このサイトの情報から回答と関連リンクを提示します。

Gemini 2.5 Flash 本サービスはGoogleアカウントAPIとLLMの無料枠提供に支えられています。寛大なGoogleのサービスに心から感謝します。

インタラクティブ記事

全0件の記事

記事を読み込み中...

NEW 2025/11/30 16分

三層WPFパイプラインでGeneric HostとChannelを噛み砕いた制作記

dotnetProjectForWindows_10のFolderSource→Filters→FileExporter構成をGeneric Hostで束ね、Channel(32枠)とResizeFilter(600px/Quality90)を可視化しつつ、MainViewModelのIProgressReporter実装とアーキテクチャタブを読み解いた制作エッセイ。

#.NET#WPF#GenericHost#MVVM#ImagePipeline

記事を読む

NEW 2025/11/29 25分

# 猫のタロット占いアプリを制作したらこうなったの巻

78枚のタロットカードから3枚を引いて、過去・現在・未来を占う。それだけ。シンプルだから分かりやすく、シンプルだから使いやすい。midori215は、すべてのカードを猫をモチーフにしたオリジナルデザインで表現した、ブラウザ上で動作するタロット占いアプリです。カードを引くたびに、神秘的なアニメーションとともに、あなたへのメッセージが表示されます。

#JavaScript#タロット占い#Web Components#アニメーション#占い

記事を読む

NEW 2025/11/29 43分

AIエピソード生成とWPF演出を同居させたInteractiveStoryTeller制作記

dotnetProjectForWindows_9のStoryViewModelでGeminiエピソード生成と背景/アイテム/AudioServiceを束ね、SmoothScrollや%LocalAppData%保存、ReadyToRun単一EXEまで詰め込んだ制作エッセイ。

#.NET#WPF#Gemini API#MVVM#InteractiveStory

記事を読む

2025/11/28 30分

顔認識AIで年齢・性別・感情を同時に分析する midori222

face-api.jsとMediaPipe Face Detectionを組み合わせ、カメラ映像から顔の情報を多角的に読み取るシステム。年齢・性別・感情を1回の処理で統合分析し、感情に応じて色が変わる顔枠、リアルタイム統計、カメラ切り替えまで実装。検出結果の点滅を抑制する300ms保持メカニズム、FPSベースのフレームスキップ、TensorFlow.js警告の抑制など、実用的な機能を詰め込みました。

#TensorFlow.js#face-api.js#MediaPipe#顔認識#感情分析#Webカメラ

記事を読む

2025/11/28 25分

NDLサーチAPIとWebView2でSRU検索を再構築した制作記

SRU/DC-NDLレスポンスをLINQ to XMLで噛み砕き、NDLBibID抽出→書影API→WebView2→ReadyToRun三兄弟まで組み直したBookSearchAppの制作エッセイ。API利用注意UIも含む。

#.NET#WPF#NDLサーチ#WebView2#SRU

記事を読む

2025/11/27 32分

シンプルな顔認識システムを作った midori221

MediaPipe Face Detectionを使った基本に忠実な顔認識システム。目・鼻・口・耳の位置を検出して表示し、カメラ切り替え機能も付いている。シンプルだから分かりやすく、シンプルだから速い。TensorFlow.jsプラットフォームの初期化、リアルタイム検出ループの実装、カメラストリームの適切な管理まで、実装の詳細を詳述しました。

#TensorFlow.js#MediaPipe#顔認識#Webカメラ#Canvas API

記事を読む

2025/11/27 32分

Open Library APIとWebView2で書籍検索を抱きしめた制作記

OpenLibraryApiServiceでタイトル/著者/ISBN検索を分岐し、BookSearchViewModelのページング＋お気に入り＋WebView2連携を詰め、build-package.ps1でReadyToRunなx64/x86/arm64単一EXEを作ったWPFアプリの制作エッセイ。

#.NET#WPF#WebView2#OpenLibrary#MVVM

記事を読む

2025/11/26 28分

358本のフォント棚を.NET 10 WPFで整えた話

FontServiceで358本のフォントをログ4段構えで拾い、FavoriteFontService→QuestPDFでお気に入り冊子化し、build-package.ps1でx64/x86/arm64単一EXEを量産した制作エッセイ。

#.NET#WPF#Fonts#QuestPDF#Distribution

記事を読む

2025/11/25 13分

Open-MeteoをWPF MVVMに飲み込ませた気象コックピット制作記

WeatherServiceで東京→大阪を1.3秒/1.35秒で叩き、DispatcherTimerの自動更新と自作BooleanToToggleTextConverterでデータとUIを繋いだ気象コックピット。win-x64/86/arm64の単一EXE65.6MB・60.2MB・61.5MBをbuild-package.ps1で量産し、エラーオーバーレイとAutoRefreshの揺らぎまで追い込んだ制作エッセイ。

#.NET#WPF#MVVM#Weather#Open-Meteo

記事を読む

2025/11/24 55分

3D座標でノイズを計算する全方位雲の生成 - 3層構造の球体雲で空間全体に広がる手続き型雲

3D座標を直接使ったノイズ関数で雲の密度を計算し、球面の継ぎ目を消す方法。3層構造の球体雲を一定間隔で配置し、層ごとに異なるアニメーション速度と方向を設定。光の散乱計算（フォワード散乱・バックワード散乱）でリアルな雲のライティングを実現。光源方向と層間隔をリアルタイムで調整できるUIを実装。

#Three.js#WebGL#シェーダー#ノイズ関数#手続き型生成#雲の生成

記事を読む

2025/11/24 12分

AppDataを飛び出したAppSettingsManagerをWPFで育てた記録

ThemeManager.ApplyThemeInlineでライト/ダークのリソースを即差し替え、SettingsService.ChangeSettingsFilePathでAppData→Dドライブへ住民票を移し、build-package.ps1でReadyToRunなx64/x86/arm64単一EXE(65.6MB/60.1MB/61.5MB)を出力した制作エッセイ。

#.NET#WPF#Settings#MVVM#Distribution

記事を読む

2025/11/24 12分

ブラウザだけで熊を検出する。TensorFlow.jsが教えてくれた「軽さ」と「重さ」

TensorFlow.jsでYOLO11nモデルを読み込み、ブラウザ単体で熊を検出する特化システムを実装。8 FPSの検出速度を実現するフレーム制御、信頼度閾値50%の調整、IoU + 色ヒストグラムによる重複検出軽減、IndexedDBでの検出履歴保存、Webカメラ・動画URL・画面共有の3つの入力ソース対応を実装した制作記録。