ブラウザで高速・安全に動くAI時代の基盤技術:WebAssembly、WebGPU、WebGL、そしてWebLLM

1. WebAssembly(Wasm)とは? WebAssemblyは、ブラウザでC++やRustなどの低レベルコードを高速に実行するためのバイナリフォーマットです。JavaScriptよりも軽量かつ高速に動作し、特に行列演算などの数値計算を効率化します。機械学習モデルの推論や科学技術計算での利用が期待されています。 https://w… 続きを読む
$ sudo learn –daily –append >> ~/brain/tech.log
1. WebAssembly(Wasm)とは? WebAssemblyは、ブラウザでC++やRustなどの低レベルコードを高速に実行するためのバイナリフォーマットです。JavaScriptよりも軽量かつ高速に動作し、特に行列演算などの数値計算を効率化します。機械学習モデルの推論や科学技術計算での利用が期待されています。 https://w… 続きを読む
JavaScript の Map を体系的に理解する はじめに Javascriptを使用していて、理解が曖昧だった箇所があり、1から学びなおすことにしました。 Mapというオブジェクトを使えば、1:1のデータ構造を簡単に扱うことができます。 C++で言うところのenum tableのような使い方ができますが、Mapは独自にメソッドを持っ… 続きを読む
FirebaseStudioというサービスが公開されておりました。 便利な点は下記の点です。 ・npm (パッケージマネージャ)により、複数のライブラリを組み合わせた開発が簡単に可能。 ・viteにより、開発ビルド・リリースビルドが簡単に管理可能。 ・Gitにより、バージョン管理が簡単に管理可能。 ・Geminiにより、コマ… 続きを読む
1. npmの正式名称 2. 何をするもの? 3. どうやって使うの? これでReactのライブラリがプロジェクトに追加されます。 4. どういう場面で役立つ? 5. どこから来るの? Node.jsとは? 1. 概要 2. 何ができる? 3. どういう仕組み? 4. 具体例 このコードは、Node.jsで動くシンプルなWebサーバーで、… 続きを読む
OpenBimComponentとは? その名の通り、Open化されたBIMを作るためのコンポーネントのことを指しているようです。 ThatOpenCompanyは建築情報ファイルであるIFCファイルの解析ビューワーをOSSとして提供している団体です。AECOとは、建築(Architecture)、エンジニアリング(Engineering… 続きを読む
PHPはサーバーサイドで動作するスクリプト言語で、主にWebアプリケーションの構築に利用されます。この記事では、PHPの基本構文から制御構文、クラスの使い方、フォーム処理、そしてデータベース操作まで、基礎を一通り解説していきます。 📌 1. PHPの基本構文 PHPのコードは <?php で始まり、?> で閉じます。HTMLと… 続きを読む
人によって書き方が異なり負債化するためか、あまり下記のような指定を実際のホームページのソースなどで見かけることはありませんが、自分で作る時には非常に有用なため、書き残しておこうと思います。 ✅ :is() / :not() / :has() / :where() CSSの最新セレクター × 英語の意味で理解する 🔹 :is() — 「〜で… 続きを読む
以下は「デジタル庁デザインシステムβ版」(design.digital.go.jp)のサイト構成を整理したものです。 おおよそWebサイトやWebアプリの作成の際に必要な考え方がきれいにまとめられています。 🌐 サイト構成一覧 1. はじめに(Introduction) 2. ガイダンス(Guidance) 3. 基本デザイン(Found… 続きを読む