@MatchaChoco010
strata.orito-itsuki.graphics
Joined June 2021
  • Tweets4.4K
  • Following32
  • Followers1.2K
1.2KMedia
作ったものなどスレ
1
12
1,540
HTML-in-CanvasとWebGPUを使ってDiscordのAIボットのダッシュボードを無駄にカッコよくするやつ、もう少しコーディングエージェントに詰めさせて演出を載せまくってもらったらこんな具合になった。さすがにうるさすぎる気もするが。。。Webブラウザでこのくらい派手なGUIが動くのは面白いわね。
5
89
19
848
31,503
こちらでトライできます。 xitter.cf/MatchaChoco010/status/…
折登 樹@MatchaChoco0107h
せっかくなのでOrigin Trialを申し込んでGitHub Pagesでデモページとして公開してみた。ChromeでGPUがちゃんとしている端末で開くと動くかも。AndroidのChromeとかだとGPUの描画負荷で厳しいかも。 HTML-in-CanvasとWebGPUのデモページとして楽しんでもらえれば。 matchachoco010.github.io/dem…
4
1,700
せっかくなのでOrigin Trialを申し込んでGitHub Pagesでデモページとして公開してみた。ChromeでGPUがちゃんとしている端末で開くと動くかも。AndroidのChromeとかだとGPUの描画負荷で厳しいかも。 HTML-in-CanvasとWebGPUのデモページとして楽しんでもらえれば。 matchachoco010.github.io/dem…
折登 樹@MatchaChoco0109h
HTML-in-CanvasとWebGPUを使ってDiscordのAIボットのダッシュボードを無駄にカッコよくするやつ、もう少しコーディングエージェントに詰めさせて演出を載せまくってもらったらこんな具合になった。さすがにうるさすぎる気もするが。。。Webブラウザでこのくらい派手なGUIが動くのは面白いわね。
1
5
1
48
3,316
これはOpus 5.5に雑に数ターンで作らせたものなので、もう少し丁寧に人間が指示すればもっと良いやつが作れると思うわね。イージングにしろレイアウトにしろ質感にしろもっと詰めてフィードバックすればよくなる気がする。
折登 樹@MatchaChoco010Oct 23
HTML-in-Canvasを使ったダッシュボードをもう一つ少し動きの違うやつを追加でClaude Codeに作ってもらった。これがWebブラウザで動くGUIというの、なかなかシビレるね。
2
6
717
しかし、余計なダッシュボードを作って遊んでいたらダッシュボードで監視する対象のボット本体が起動しなくなって修正作業中など。。。
256
HTML-in-Canvasを使ったダッシュボードをもう一つ少し動きの違うやつを追加でClaude Codeに作ってもらった。これがWebブラウザで動くGUIというの、なかなかシビレるね。
1
7
1
42
2,646
近年のAIは雑シェーダーを書かせるのも結構得意だし、WebGLなりWebGPUなりでHTML-in-Canvasをいじり回すサイトを作らせるのは楽しいわね。。。
1
296
（念のためURLをモザイクしたが、普通に左下にステータスのやつでリンク先URLが出てるな……。まあ別にええか……）
233
折登 樹 retweeted
ゆき
@yunecoAug 25
HTML in Canvasって新しいweb仕様の解説記事書きました。webページにもっとド派手で映える演出を加える機能ってイメージを持ってる人もいるかもだけど、そういうためだけの技術じゃないよ、って内容です この恨み・つらみCanvasで苦労した人は全員分かってもらえるはず🥹 ics.media/entry/260825/

新API「HTML-in-Canvas」を紹介 - CanvasにHTMLを描くAPIは何を解決するのか？ - ICS MEDIA

波打つ入力フォームや発光するボタン、ウェブページ全体の派手なグリッチ表現やトランジション……。最近SNSでこうしたウェブページデモを見かける機会が増えてきました。こうしたデモの多くに利用されている新しい技術がHTML-in-Canvasと呼ばれるAPIです。

ics.media
1
61
3
279
26,406
HTML-in-Canvas、自分でカッコいいGUIを作るべくGPUを触ったりすると非常に面倒なテキストレンダリングとかDOM的な構造の構築とかをHTMLに乗っかったままCanvasで好き放題描画できるので本当によさそう。
1
4
721
これがあればElectronとかのChromimu系のGUI開発でゴリゴリに演出効かせたGUIとかも作りやすくなるだろうなあ。
204
最近趣味でLLMとボイスチャットできる仕組みを作って遊んでいるのだけど、そのログとかを確認するためのダッシュボードを、HTML-in-Canvas APIを使って無駄にカッコいいものをバイブコーディングで作ってもらった。
1
8
23
1,308
HTML-in-Canvas、非常に可能性を感じる。こういう感じのWebページは最近のビジュアルに強くなったコーディングエージェントの得意分野でもあるから、Origin Trialが開けてさらにChrome以外でも使えるようになったらすごいページが増えまくりそう。（Webページが全部こうなったら鬱陶しい気もするが）
1
286
HTML-in-Canvasなので、斜めに傾けたりとかした文字とかもドラッグで選択できるようにできるし、DOMベースで作ったものをcanvasに持ち込めるので、今までの背景に流す演出だけにしか使えなかったCanvasから前景要素も積極的にいじれるようになった感があるわね。
1
422
ゆきくらげさんの変数のセキュリティレベルの記事、面白かったわね zenn.dev/yukikurage/articles… #自作言語会

型でセキュリティレベルを追跡して、安全なプログラミングをしよう！〜純粋関数を添えて〜

zenn.dev
5
477
自作プログラミング言語を自慢する会、キャンセル枠が空いてたとのことで、急遽飛び入りしてみます。(会場への到着はちょっと遅れて途中参加になりそう) original.connpass.com/event/…

自作プログラミング言語を自慢する会 (2026/10/22 19:00〜)

## イベントについて 構文、型システム、エラー処理、標準ライブラリ。自作プログラミング言語には、作者ごとの好みや設計上の工夫が詰まっています。 この会では、自作言語の作者5人が、それぞれの言語を12分ずつ自慢します。 どんな言語を作ったのか、どこを見てほしいのか、まだ悩んでいることは何か。コードを交えながら紹介します。 後半は、登壇者全員での座談会です。型システムやエフェクト、並列処理、コ...

original.connpass.com
6
345
#Arshes アクリルブロックのエフェクトは結構良い感じ
1
5
327
#Arshes
2
2
282
#Arshes
1
4
213
しかしここまでAIエージェントが設定など自動でしてくれるようになった今ならまたNixOSを試しても良いかもしれない。(またLinuxを入れ替えて遊びたくなっている)
折登 樹@MatchaChoco010Sep 16
NixOSは少し前にちょっと使ったけど、世の中のすべてがNixで動いているなら良いが多くの場合Nixベースじゃないものを入れることになるわけで、その時の面倒具合とか考えるうちにFedoraに落ち着いている。
2
327
Load more