1. WebAssembly（Wasm）とは？ WebAssemblyは、ブラウザでC++やRustなどの低レベルコードを高速に実行するためのバイナリフォーマットです。JavaScriptよりも軽量かつ高速に動作し、特に行列演算などの数値計算を効率化します。機械学習モデルの推論や科学技術計算での利用が期待されています。 https://w… 続きを読む
ブラウザで高速・安全に動くAI時代の基盤技術：WebAssembly、WebGPU、WebGL、そしてWebLLM
Web
JavascriptのMapについて体系的に理解する。
JavaScript の Map を体系的に理解する はじめに Javascriptを使用していて、理解が曖昧だった箇所があり、１から学びなおすことにしました。 Mapというオブジェクトを使えば、1:1のデータ構造を簡単に扱うことができます。 C++で言うところのenum tableのような使い方ができますが、Mapは独自にメソッドを持っ… 続きを読む
three-mesh-uiの紹介
three-mesh-uiというThree.jsの拡張UIライブラリの紹介です。 XRモードの時に利用可能なコントローラーを簡単に作ることのできる ライブラリになっているようです。 3Dオブジェクトの情報表示に便利そうです。
npmとは
1. npmの正式名称 2. 何をするもの？ 3. どうやって使うの？ これでReactのライブラリがプロジェクトに追加されます。 4. どういう場面で役立つ？ 5. どこから来るの？ Node.jsとは？ 1. 概要 2. 何ができる？ 3. どういう仕組み？ 4. 具体例 このコードは、Node.jsで動くシンプルなWebサーバーで、… 続きを読む
OpenBIMComponentについて深める
OpenBimComponentとは？ その名の通り、Open化されたBIMを作るためのコンポーネントのことを指しているようです。 ThatOpenCompanyは建築情報ファイルであるIFCファイルの解析ビューワーをOSSとして提供している団体です。AECOとは、建築（Architecture）、エンジニアリング（Engineering… 続きを読む
PHP入門：Web開発の第一歩
PHPはサーバーサイドで動作するスクリプト言語で、主にWebアプリケーションの構築に利用されます。この記事では、PHPの基本構文から制御構文、クラスの使い方、フォーム処理、そしてデータベース操作まで、基礎を一通り解説していきます。 📌 1. PHPの基本構文 PHPのコードは <?php で始まり、?> で閉じます。HTMLと… 続きを読む
CSS セレクターの紹介(is,not,has,where)
人によって書き方が異なり負債化するためか、あまり下記のような指定を実際のホームページのソースなどで見かけることはありませんが、自分で作る時には非常に有用なため、書き残しておこうと思います。 ✅ :is() / :not() / :has() / :where() CSSの最新セレクター × 英語の意味で理解する 🔹 :is() — 「〜で… 続きを読む
HTML 使用頻度の高いタグ
📌 はじめに（段落ブロック） HTMLはWebページの構造を定義するための基本的な言語です。この記事では、よく使われるHTMLタグをカテゴリ別に紹介し、それぞれの実用的なコードサンプルも掲載します。 🏗️ ページ構造系タグ ✅ header, main, footer（見出しブロック） 💡 解説（段落ブロック） <header>… 続きを読む
Webデザインの参考
Webデザインの細かい部品の参考資料をまとめるページです。 様々なWebサイト部品ごとにデザインの参考をまとめます。 ツール使い方 デベロッパーツール(開発者ツール)の使い方 エディタ メニュー サイトマップデザイン グローバルナビゲーション ハンバーガーメニュー サイドバーメニュー フッター パンくずリスト レイアウト レイアウトパター… 続きを読む
WordPressのカスタマイザーの仕様について
この記事では、WordPressのカスタマイザーの仕様について説明します。具体的には、カスタマイザーの基本構造、使用方法、拡張方法、そして注意点について解説します。 前提条件 特にハードウェア環境やソフトウェアバージョンは必要ありませんが、WordPressがインストールされているサイトでの実装を前提とする。 カスタマイザーの概要 Wor… 続きを読む