HStack に並べている要素を下の画像のように、上手いこと改行させたい (要素毎に改行させるのではなく、最後の要素のみ改行させたい) 場合のやり方。 SwiftUI の標準の HStack では上手いこと改行されないので、自分でコードを書くか、ライブラリを使う必要…

最近 Swift (iOS アプリ開発) を触っているわたしです。 タイトル通り、複数の要素を受け付ける View、つまりは ZStack とかのように、次のようなコードがかける View 要素を作りたい場合のやり方： ZStack { Color("BrandColor") Image("BrandIcon") .resiz…

トップレベルドメインと言えば基本は ICANN が割り当てたものが使えますが、 Web3 界隈では例えば .eth/ や .namebase/ といった、独自のトップレベルドメインを運用することができる仕組みがあります。今回はそんな Web3 ドメインを名前解決できるようにし…

React Router v7 でサイトを構築しようとして、なぜかずっとタイトル通りのエラーが出続けるという事象に遭遇した。 Unexpected Server Error Error: Objects are not valid as a React child (found: object with keys {$$typeof, type, key, props, _owner…

YAMAHA の 10G ルーター RTX1300 をフォロワーに貢いで貰った。 このままほぼデフォルトで使ってもいいが、せっかくの高級ネットワーク機器なのでいろいろやってみたい。 調べたところ SNMP というプロトコルで各種データが取れるようなので、それらを Macke…

半年に一回の行事 Minecraft のアップデートの時期がやってきましたね！ということで自作 Mod もバージョンアップさせていきましょう。 毎回手順を忘れてしまうのでメモがてらブログとして残しておきます。 1. Gradle アップデート だいたい Gradle Wrapper …

PlanetScale というサーバーレス DB サービスがあり、PlanetScale では Branching という git の branch のようなシステムが搭載されています。 planetscale.com planetscale.com めちゃくちゃ簡単に言えば、データベーススキーマに対しての Git の branch …

React で Three.js を扱うためのライブラリ、 @react-three/fiber で、タイトル通りのことをしたい場合の話。 r3f.docs.pmnd.rs 例えば、画面を4分割して4種類の 3D モデルを同じ角度から比較したい、などと言ったときに使える、複数の Canvas 間で OrbitCon…

Mackerel とは別のチームで働いているわたしです。 今回は最近 Mackerel が OpenTelemetry のトレーシングにも対応した様子なので、 Next.js on Vercel でもやってみよう！というメモ書き記事です。 mackerel.io ということで、まずは OpenTelemetry 関連の…

Three.js 系列 (three / @react-three/fiber) で、例えば直接サポートされていない圧縮形式のリモートファイルをダウンロードして表示したい、みたいなケースがある。 そういうときは、 ArrayBuffer を経由して以下のようにすると、 3D モデルを上手いこと表…