you

近所のコンビニ案件はないけど、自宅に届く配送案件が複数ある今日の午前で、重量感的・お値段的にも一番の大物！

Ryzen AI Max+ 395、メモリ128GB搭載のミニPC「GMKtec EVO-X2」をゲット！

ローカルLLM用の強力なアイテムを入手したぞ！

横須賀でのお昼とデザートと

Proユーザーのモバイル向けにリリース、という話を見かけた
#ChatGPT Pulse の画面が出てきたっぽい！

#OpenAI

そういえば昨晩は、現地の写真も少し撮りました

#Apple銀座

#p5js ＋ createFilterShader() によるカスタムシェーダーで、回転するグローエフェクトのかかったパーティクル

色を同一にしたり、ばらけさせたり、サイズを統一したりばらけさせたり、というのをキー操作で変えられるようにもしてみた

今日の近所のコンビニ案件など！！

#M5Stack

【ドット絵なインタラクティブ流体シミュレーション】

この前作った、PavelDoGreat/WebGL-Fluid-Simulation の流体シミュレーションを #p5js Web Editor で動かして、さらに #MediaPipe でインタラクティブにしたもの

そのシェーダー描画部分で、流体をドット絵的な見た目にできるようにしてみた！

キー操作で、ドットの粗さを変えられるようにしていて、動画でも3パターンのドットの粗さを切り替えたりしてます

#p5js Web Editor上で、シェーダーを使った描画

描画は板状のものに行われているけど、見た目的には立体感をつけたようなものに

#VOICEVOX API を HTML + JavaScript で扱う雑な実装をやってみて、
「ずんだもんの声の種類をセレクトボックスで切り替えつつ、テキストボックスに入力されたテキストを読み上げる」という処理を行ってみるテスト

#CoderDojo 青山が始まる前の青学つくまなラボで、
阿部さんからこのレーザー加工機（添付写真の一枚目）の使い方を習った！

【インタラクティブな流体シミュレーション／Interactive fluid web app】

I ported PavelDoGreat/WebGL-Fluid-Simulation to the #p5js Web Editor.

I added #MediaPipe so mouse/touch controls work with both hands on camera.

------
既存の流体シミュレーションの実装に、Web版の MediaPipe によるカメラ画像からの両手の認識を追加して、インタラクティブな体験型の作品にしてみた！

#TensorFlowJS

#p5js Web Editor上で、WebGL を使った流体の見た目を作るやつが動かせた！

元ネタは、PavelDoGreat/WebGL-Fluid-Simulation のリポジトリで公開されているもので、この中の処理を p5.js Web Editor上の sketch.js の中に組み込んで調整する感じでできた！

【ブラウザ上の処理だけで 2台のルーレットコントローラーを扱う】
stamefusa さんのリポジトリのソースでの HID用処理を見て、自前の Web HID API
を使った実装に組み込んでルーレットコントローラーの数字を取得してた件（描画部分は #p5js ）

今日ゲットした 2台目も、同時に扱えるようにした！

【ブラウザ上の処理だけでルーレットコントローラーを扱う】
stamefusa さんのリポジトリのソースに書かれていた HID用バイナリ列などの情報を見て、
Chrome の Web HID API を使った自前の実装を行い、HTML ＋ JavaScript でルーレットコントローラーの数字を取得できた！

描画部分は #p5js です！

この前、久しぶりにシンプルなオウム返しの #LINE Bot を Node.js で実装した件の続き

AIエージェント開発用SDK の #Mastra での実装を混ぜて、 #LMStudio によるローカルLLM（ #OpenAI 互換API を使うやつ）を組み合わせて、LINE Bot の返答をローカルLLM で行う、というのをやってみた！

#LINEDC

#NT東京 でムスカになれた！

#p5js ＋ createFilterShader() によるカスタムシェーダーで、 #CreativeCoding花火大会 の作品を作った！

（処理の 9割5分がシェーダーでの実装だったりするけどｗ）

シェーダーによるブラー・グローエフェクトと、花火が破裂した付近をぼんやり明るくするエフェクトとか、そういうのも入れてみた

今日の近所のコンビニ案件など！

#M5Stack

思ったより試行錯誤に時間がかかってしまったけど、
micro:bit で BLE UART を使って送られた文字列を、 #M5Stack で受信できた！
（A・Bボタンを単独で押した時は、それぞれ A・B を送って、A+Bボタンの同時押しでは数字の 1 を送ってます）

M5Stack は、PlatformIO ＋ NimBLE-Arduino での実装

今日のハンズオンの最終版

Androidスマホ（Pixel 9a）で動作させた時のもの

#Flutter
#gdgocjp #gdgtokyo

今日のハンズオンの最終版

Mac の Chrome で動作させた時のもの

#Flutter
#gdgocjp #gdgtokyo

ハンズオンの途中段階、
Androidスマホと Mac の Chrome で、それぞれ動作確認

#Flutter
#gdgocjp #gdgtokyo

ハンズオン開始前に #VSCode から #Flutter の新規プロジェクト作成

そして、サンプルをビルドして動作確認するところを

サブスマホの Pixel 9a で動作するのを確認できた

#gdgocjp #gdgtokyo

今日の午後は、渋谷のGoogleさんオフィスで、以下のイベントに参加！

#Flutter を学びに

●Flutter 入門ハンズオン おしゃれな名前生成アプリを作ろう - 一般枠 - connpass
gdg-tokyo.connpass.com/event/365524/

#gdgocjp #gdgtokyo

秋葉原でロボット

Googleマップで、この写真を撮った時の LT会の会場の位置を表示させてみた

#IoTLT

注： IT系勉強会の LT 中の様子です ＠東京湾

#IoTLT

#IoTLT の会場（屋形船）が出発した時に、料理も食べ始めようかといった時の！

今日の LT会場が動き出した！（物理的に）

#IoTLT

今日の #IoTLT の現地会場（出発前）に着いた！