you
banner
youtoy.bsky.social
you
@youtoy.bsky.social
140 followers 100 following 620 posts
https://qiita.com/youtoy
Posts Media Videos Starter Packs
近所のコンビニ案件はないけど、自宅に届く配送案件が複数ある今日の午前で、重量感的・お値段的にも一番の大物!

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分がシェーダーでの実装だったりするけどw)

シェーダーによるブラー・グローエフェクトと、花火が破裂した付近をぼんやり明るくするエフェクトとか、そういうのも入れてみた
今日の近所のコンビニ案件など!

#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
秋葉原でロボット