2025-07-01から1ヶ月間の記事一覧
普段展示をするときは、 ちょっとした処理 M5Stack / Arduino ちょっとだけ複雑な処理 Raspberry Pi 複雑な処理 Mac mini を使うことが多いのですが、昔使っていたMacBook Air（Mid 2011）を初期化したら、Raspberry PiとMac miniの間ぐらいの用途に使え…
Next.js + biome で WebGLコンテンツを開発していたところ、 useEffect(() => { if (gl && program) { gl.useProgram(programRef.current); } }, [gl, program]); と、useEffect内でgl.useProgramを実行しようとすると、 This hook is being called conditio…
ShopifyのStoreFront APIでtotalAmountやsubtotalAmountの戻り値は、amountとcurrencyCodeになっています。shopify.devshopify.devamountとcurrencyCodeは配送先住所に依存するようで、日本を配送先にすると、 { amount: "4400.0" currencyCode: "JPY" } ア…
以前制作したウェブサイトをひさしぶりに見てみると、Chomeで表示が崩れていたので、検証したところ、-webkit-fill-availableが怪しかったので検証しました。 DEMO jsfiddle.net Google Chrome（138.0.7204.158） 背景がグラデーションのdivが表示されてい…
docs.m5stack.com docs.m5stack.comUnit Glass2のページの最下部に、 "Unit Glass2" & "CoreS3" Grove Port Connection Note: Please modify the example program according to the actual PIN number when using. Available Ports: PORT.A PORT.B PORT.C . …
HH:MMと、形式が揃っていれば、 const start = '10:30'; const end = '16:00'; console.log(start < end); // true console.log(start > end); // false console.log(start === end); // false という感じで、比較できることを知りました。 いままで、わざわ…
ClaudeとBlenderを連携させて自然言語で3Dモデリングができるという話を聞いたので、試してみました。 環境 macOS: 15.5 Python: 3.11.3 準備 Blenderをインストール https://www.blender.org/www.blender.orgBlender（4.4.3）をインストールしました。 Clau…
以前制作した光るクロッシュ（フタ）を、M5Stack Core2でリメイクするために色々やってきました。前回まででソフト面が完成したので、今回はハードを作ります。 前回までのあらすじ 加速度センサ編 blog.kimizuka.org NeoPixel編 blog.kimizuka.org 音源再生…
M5Stack Core2を使ってチャーハンを輝かせるべく、プログラムを書いてます。 今回はこれまで作ったプログラムを組み合わせて、 加速度センサで傾きを検知 傾いたら音源を再生 傾いたらNeoPixelを輝かせる ボタンを押して機能をOFFにしたら傾けても何も起こら…
引き続き、M5Stack Core2を使ってチャーハンを輝かせるべく、プログラムを書いていきます。 加速度センサ値の読み取り、LED（NeoPixel）の制御、音源の再生ときたので、あとは組み合わせればほぼほぼOKなのですが、ゆくゆく必要になるであろう、ボタンの制御…
