きっかけの #RiotJS のリリースはこれ

たぶんこの Demo の 2つ目 で YouTube 埋め込み動画が再生されたまま移動できるのが `moveBefore()` 使うようになった恩恵なんだろうな

https://github.com/riot/riot/releases/tag/v10.1.2

Release v10.1.2 · riot/riot

Fix same improvements as v10.1.1 but updating the @riotjs/dom-bindings dependency this time :) Demo Before After

GitHub

#RiotJS のリリースノートみたら `moceBefore()` について言及されてて、こんなのあったんだということでリファレンスを見ている。

Safari が非対応なのか… 

https://developer.mozilla.org/en-US/docs/Web/API/Element/moveBefore

Element: moveBefore() method - Web APIs | MDN

The moveBefore() method of the Element interface moves a given Node inside the invoking node as a direct child, before a given reference node.

MDN Web Docs

#RiotJS v10 がリリース  
とおもったら parser だった

Release v10.0.0 · riot/parser
https://github.com/riot/parser/releases/tag/v10.0.0

Release v10.0.0 · riot/parser

Drop support for node < 22 Update dependencies Update to eslint 9 Improve coverage and code quality audit using qlty Fix npm vulnerabilities

GitHub

Riot.js のメンテナーさんが、一緒に Riot をメンテしてくれる人を募集している

Looking for a co-maintainer · riot/riot · Discussion #3062
https://github.com/riot/riot/discussions/3062

#RiotJS

Looking for a co-maintainer · riot riot · Discussion #3062

I have been maintaining Riot.js since 2015 and after 10 years of collaborating with several developers from all over the world, I am left alone :( Initially we were a team of about 4/5 devs but the...

GitHub

全然技術レベルの違う話ではあるけど、自分もデザイナーなのに #反骨スタック っぽい選択をしてきた気がしている。
正確には、自分のスキルと時間的制約とワンオペでの制作・開発という事情でその選択肢しかなかったという側面が大きくて、能動的に選べる選択肢がそれしか無かったんだけど。
ただ、確かに低レイヤーを触る動機が生まれるという意味では良い面もあった気はする。
自分の生存戦略が、なるべくフレームワークとかライブラリに依存しないスキルの勉強にかける、だったから、そういう観点で当時選んだのが「薄い」フロントエンドライブラリとしての #RiotJS だったし、未だに素の #CSS を書きたくなってしまう性質に繋がっている気がする。

https://hackers.pub/@hongminhee/2025/contrarian-stack/ja

反骨精神のスタック礼賛

이 글에서는 저자가 기술 스택을 선택할 때 주류에서 벗어난 "청개구리 스택"을 선호하는 이유를 설명합니다. 청개구리 스택은 사용자가 적어 문제 해결에 어려움이 있지만, 기술에 대한 깊은 이해를 얻을 기회를 제공합니다. 또한, 후발주자로서 기존 기술의 단점을 개선한 대안적인 설계를 채택하는 경우가 많습니다. 여러 부품을 직접 조립해야 하는 번거로움이 있지만, 각 기술을 깊이 이해하고 최적의 조합을 선택할 수 있다는 장점이 있습니다. 중요한 것은 대중의 선택에 맹목적으로 따르기보다는 주체적으로 판단하는 태도이며, LLM 시대에도 청개구리 스택이 제공하는 배움의 기회는 여전히 유효합니다. 이 글은 독자들에게 Stack Overflow에 답이 없는 길을 걸으며 자신만의 깨달음을 얻어보기를 권장합니다.

Hackers' Pub

#RiotJS の V10 Alpha がでてるな

https://github.com/riot/riot/releases/tag/v10.0.0-alpha.1

これは alpha 1 だけどもう Alpha 2も出てる。
メジャーバージョンアップと言っても、そのレベルの破壊的変更があるから、というだけみたいだけど 

Release v10.0.0-alpha.1 · riot/riot

Update compiler and dom bindings to fix #3023 Breaking Change tags root attributes will be no longer automatically rendered. See example below With Riot.js < 10: Component <parent> <child class=...

GitHub
#Bludit#Discord チャンネルの過疎ってる感じ、 #RiotJS のそれを彷彿とさせて好感が持てる(?

#RiotJS いつのまにか `ref` expressions が追加されてドキュメントにも説明が追記されていた  

https://riot.js.org/documentation/#accessing-dom-elements

Documentation · Riot.js

Step by step starting guide

年末年始、結局個人サイトの制作は

> #NodeJS#RiotJS#Markdown から #HTML ファイルを生成する環境づくり

だけで終わってしまった。。
こういう風に自分のこととなると、作る前の整理整頓みたいなフェーズでおわっちゃうことがままあるので、今日で年末年始休みは終わっちゃうけど引き続きちまちま楽しみながら作っていこう。

まあなによりこの休みは子供たちといっぱい過ごせたからよしとしよう 

(ということで明日から仕事

@ginlime わああー!!わざわざ  からお知らせありがとうございます!!!素晴らしい!! 
あんまり最近のゲームやらないので詳しいこととかアプリの有用性を理解できない自分が悲しいですが  💦 ダイアログのアニメーションとかもあっていい感じですね!!!
フッターに #RiotJS ロゴも掲載されていて勝手に感慨深い気持ちになりました!!  🎉