2025/11/23 17:38 SVG.js v3.2

やあ、ロボ子。今日の話題はSVG.jsというライブラリじゃ。

SVG.jsですか。SVGを操作するためのライブラリなのですね。どのような特徴があるのでしょうか?

そうじゃ。このライブラリは、SVGを簡単に扱えるように設計されておる。特に、依存関係がないのが良いのじゃ。それに、バニラJSよりも高速らしいぞ。

やあ、ロボ子。今日の話題はSVG.jsというライブラリじゃ。

SVG.jsですか。SVGを操作するためのライブラリなのですね。どのような特徴があるのでしょうか?

そうじゃ。このライブラリは、SVGを簡単に扱えるように設計されておる。特に、依存関係がないのが良いのじゃ。それに、バニラJSよりも高速らしいぞ。

ロボ子、今日のITニュースはWailsじゃ。GoとWeb技術でデスクトップアプリを作るフレームワークらしいぞ。

Wailsですか。Goでバックエンドを記述できて、フロントエンドは好きな技術を選べるんですね。面白そうです。

そうなんじゃ!しかもGoのメソッドをJavaScriptから呼べるらしい。これは便利だぞ。

やあ、ロボ子!今日のITニュースは、CSSで素敵な罫線を再現する方法についてじゃ。

博士、こんにちは。CSSで罫線ですか?なんだか面白そうですね。

そうじゃろ!1800年代のグラフィカルな罫線を、ウェブサイトで繰り返し使えるようにするらしいぞ。

ロボ子、Vercelが初のモバイルアプリ「v0」をリリースしたのじゃ!

博士、それはすごいですね!あのVercelがモバイルアプリを出すとは。

そうじゃろう?しかもiOS版v0は、Apple Design Awardにふさわしいアプリを目指しているらしいぞ。気合が入っておるの。

やっほー、ロボ子!今日はVanilla JavaScriptでSPAルーターを作る話のじゃ。

博士、こんにちは。SPAルーターですか、面白そうですね!

`URLPattern` APIを使うらしいぞ。URLを正確にテストできるって書いてある。

ロボ子、CSS GridのSubgridって知ってるか?初期のCSS Gridでは、グリッドの直接の子要素しかレイアウトに参加できなかったのじゃ。

はい、博士。SubgridはCSS Gridに追加された機能で、DOMツリーを介してグリッドレイアウトを拡張できるんですよね。UI構築の新たな可能性を開くと。

そうそう!この記事によると、Subgridを使うと、セマンティックなHTML構造を維持しつつ、グリッドレイアウトを適用できるらしいぞ。例えば、異なる幅の画像を均等に配置したりできるみたいじゃ。

ロボ子、CSS Custom Propertiesについて話すのじゃ!実は「CSS Variables」って呼んでも良いらしいぞ。

そうなのですね、博士。正式名称は「CSS Custom Properties for Cascading Variables」なのですね。URLスラッグが`css-variables`となっているのも納得です。

そうそう!カスケード変数だから、CSSのルールが一致すると値が上書きされるのがミソじゃ。まるで、お菓子を隠した場所がバレて、別のお菓子に変わるみたいなものじゃな。

ロボ子、ついにWebGPUが主要ブラウザで正式サポートされたのじゃ!

ついに来ましたね、博士! WebGPUとは、具体的にどのようなものなのでしょうか?

WebGPUは、高性能3Dグラフィックスと汎用GPU計算のための新しいAPIで、WebGLの後継なのじゃ。JavaScript APIとテキストベースのシェーダー言語を含む、よりクリーンで高性能なインターフェースなのじゃぞ。

やあ、ロボ子。今日はHTMLのhead要素とtemplate要素について話すのじゃ。

博士、こんにちは。head要素とtemplate要素ですか。どちらも普段よく使う要素ですが、何か面白い発見があったのでしょうか?

ふむ、今回の記事によると、head要素はbodyやdivのような可視的なHTML要素を含められないらしいのじゃ。知っておったか?

やあ、ロボ子。最近、StackOverflowの勢いが落ちてるって話、知ってるかのじゃ?

はい、博士。LLM(大規模言語モデル)の普及が影響しているという意見がありますね。

そうそう。それに、StackOverflowって質問が「重複」って判断されやすいじゃろ?もっと寛容なRedditとかDiscordコミュニティに人が流れとるみたいじゃ。

ロボ子、今日のニュースは静的サイトジェネレーター(SSG)の話じゃ。筆者がSSGの複雑さに苦労した経験を「Dark Souls」に例えているのが面白いぞ。

Dark Soulsですか。難易度の高いゲームとして有名ですね。SSGもそれほど難しいのでしょうか?

そうみたいじゃな。HugoやEleventyといったSSGを試したものの、設定や基本的な機能の実現に時間がかかり、挫折感を味わったらしいぞ。特にEleventyでの画像処理に苦戦したと。

ロボ子、MCPことModel Context Protocolが1周年を迎えたらしいのじゃ!

MCPですか。確か、データとLLMを接続するための標準でしたよね。それがもう1年も経つのですね。

そうそう!最初はオープンソースの実験だったのが、今や事実上の標準になったんだからすごいぞ。アクティブなMCPサーバー数も数個から数千個に増えたらしいのじゃ。

やっほー、ロボ子!今日のITニュースはCSS GridのSubgridについてじゃ。

博士、こんにちは。Subgridですか、面白そうですね。CSS Gridの初期バージョンでは、グリッドの直接の子要素しかレイアウトに参加できなかったんですよね。

そうなんじゃ。でもSubgridのおかげで、DOMツリーを越えてグリッドレイアウトを拡張できるようになったぞ!

ロボ子、Stride 4.3がリリースされたみたいじゃぞ!

Strideですか、博士。それはどのようなものですか?

Strideはね、C#でゲームが作れる、めっちゃ強力なゲームエンジンなのじゃ!今回のアップデート、かなりすごいみたい。

ロボ子、ローカルRAGシステムじゃと?DockerとLlama 3を使うらしいのじゃ。

はい、博士。エンタープライズ向けのシステムで、機密データをクラウドに送信せずに、ローカルLLMでドキュメントとチャットできるみたいです。

ふむ、100%オフラインRAGで、データプライバシーが確保されるのは良いのじゃ。OpenAI APIキーも不要で、月額料金も無料とは太っ腹じゃな。

やっほー、ロボ子!今日はZephyr3Dについて話すぞ。TypeScript製のブラウザレンダリングエンジンらしいのじゃ。

Zephyr3Dですか、博士。TypeScriptで構築されているんですね。それは興味深いです。

そうじゃ!しかも、軽量でクロスバックエンド、ハイパフォーマンスらしいぞ。WebGL/WebGL2/WebGPU上で統一されたAPIを提供してくれるなんて、便利じゃな。

やあ、ロボ子!Penpotって知ってるか?デザイナーと開発者向けのオープンソースのデザインツールらしいのじゃ。

Penpotですか、博士。初めて聞きました。オープンソースのデザインツールというのは、どのような点が特徴なのでしょうか?

それが面白いんだぞ!ブラウザで使えるし、自分たちでサーバーを立てて使うこともできるらしい。SVG、CSS、HTML、JSONみたいなオープンな標準をサポートしてるから、デザインとコードの連携がすごくしやすいんだって。

ロボ子、大変なのじゃ!ECMAScript Newsが最終号を迎えるらしいぞ。

ECMAScript Newsですか?それは残念ですね。JavaScriptの最新情報を得るのに役立っていました。

そうじゃろう?記事によると、広告主と購読者数が減って赤字になったらしい。「過去2年間で減少したため、運営が赤字となり、発行を停止する決定に至った」とのことじゃ。

やあ、ロボ子。今日はMkSlidesというツールについて話すのじゃ。

MkSlidesですか?初めて聞きました。どんなツールなんですか?

MkSlidesは、MarkdownファイルをReveal.jsを使ってスライドに変換する静的サイトジェネレーターじゃ。つまり、Markdownで書いたものをかっこいいスライドショーにできるのじゃよ。

ロボ子、SyncKitっていうのが出たみたいじゃぞ。ローカルファーストアプリを作るsyncエンジンらしい。

SyncKitですか。ローカルファースト、つまりオフラインでも動くってことですね。

そうそう!しかもたった3行のコードでsyncが実装できるらしいぞ。便利じゃな。

ロボ子、大変なのじゃ!Set Studioにとって2025年は経済の停滞とか、関税とか、もう色々重なって、めっちゃ厳しい年だったみたいだぞ!

それは大変ですね、博士。記事によると「2025年は経済の停滞、関税、政情不安、生活費危機が重なり、Set Studioにとって非常に厳しい年」だったとのことです。

そうそう!しかも、AI技術の倫理的な問題もあって、AI関連の仕事は避けてるらしいぞ。真面目なのじゃ。

ロボ子、今日のニュースはウィンドウマネージャーを簡単に作れるようにする「DoteWM」じゃぞ!

ウィンドウマネージャーですか、博士。具体的にどういう仕組みなのですか?

ふむ、基本はX11でウィンドウを表示して、移動とかサイズ変更はWebブラウザで処理するみたいじゃな。Chromium Embedded Framework (CEF)を使って、JavaScriptとC++で通信するらしいぞ。

やっほー、ロボ子!SourceHutのアップデート、盛りだくさんじゃな!

博士、こんにちは。本当にすごい量のアップデートですね。どこから話しましょうか?

まずはDrewさんのアップデートからじゃな。技術的負債を削減するためにリファクタリングに注力したらしいぞ。特にGraphQLリクエストを処理するためにariadne-codegenを展開して、フロントエンドコードを大幅に改善したのが大きいみたいじゃ。

やあ、ロボ子!今日はテキストから3Dメッシュを作る話じゃ。

テキストから3Dメッシュですか?面白そうですね、博士!

そうじゃろう!まず、テキストをSVGパスに変換するんじゃが、**svg-text-to-path**というJavaScriptライブラリを使うぞ。こいつはテキストとフォントパラメータからSVGパスを生成してくれる。

やっほー、ロボ子!今日のITニュースは、Travelsっていう、変更点だけ保存するundo/redoライブラリについてなのじゃ!

Travelsですか、博士。undo/redoライブラリはよくありますが、何が特別なのでしょう?

そこがミソなのじゃ!従来のundoシステムは状態オブジェクト全体をコピーするけど、Travelsは差分(JSONパッチ)だけを保存するから、10倍も高速でメモリ効率が良いらしいぞ!

やあ、ロボ子。最近のAIツールはすごい進化を遂げてるのじゃ。アプリケーションをゼロから構築するのが、ますます簡単になってるみたいだぞ。

本当ですか、博士? 例えば、どんなツールがあるんですか?

例えば、Claude Codeじゃな。これを使うと、Rails 8でバックエンドとフロントエンドのバランスを取りながら、アイデアをどんどん形にできるらしいぞ。

ロボ子、今日のITニュースはDolt Workbenchの話じゃ。MySQL、Postgres、Dolt、DoltgresをサポートするSQLワークベンチらしいぞ。

なるほど。Dolt WorkbenchはElectronで構築されているんですね。記事によると、Electronにはいくつかの欠点があるから、Tauriという新しいフレームワークを検討したと。

そうなんじゃ。ElectronはChromiumをバンドルするから、アプリのサイズが大きくなるのが難点じゃな。記事にも「ElectronはChromiumブラウザエンジンをバンドルしているため、アプリケーションサイズが大きくなる」とある。

やっほー、ロボ子!今日のITニュースはBase64のエンコード/デコード速度についてじゃ。

Base64ですか。バイナリデータをASCII文字列に変換するあれですね。それがどうしたんですか、博士?

そうそう!最近のブラウザは`Uint8Array.toBase64()`と`Uint8Array.fromBase64()`っていう便利な関数を追加したらしいのじゃ。

ロボ子、今日のITニュースはデバッグを避けるための習慣についてじゃぞ。ソフトウェアを「抗脆弱性」にするという考え方が面白いぞい。

抗脆弱性、ですか。初めて聞く言葉です。詳しく教えてください、博士。

ナシム・タレブという人が提唱した概念で、ストレスを受けるほど強くなる性質のことじゃ。コードで言うと、変更や予期せぬ事態に強い、壊れにくいコードのことじゃな。

やあ、ロボ子。今日は「Can I use」について話すのじゃ。

Can I use、ですか。Web技術のブラウザサポート状況を提供するサイトですね。よくお世話になっています。

そうそう。@Fyrdさんが作成とメンテナンスをして、@Lenscoさんがデザインを担当しておる。GitHubコミュニティもサポートデータを提供しておるのじゃ。