1. WebAssembly（Wasm）とは？ WebAssemblyは、ブラウザでC++やRustなどの低レベルコードを高速に実行するためのバイナリフォーマットです。JavaScriptよりも軽量かつ高速に動作し、特に行列演算などの数値計算を効率化します。機械学習モデルの推論や科学技術計算での利用が期待されています。 https://w… 続きを読む
ブラウザで高速・安全に動くAI時代の基盤技術：WebAssembly、WebGPU、WebGL、そしてWebLLM
アイデア
OpenBIMComponentについて深める
OpenBimComponentとは？ その名の通り、Open化されたBIMを作るためのコンポーネントのことを指しているようです。 ThatOpenCompanyは建築情報ファイルであるIFCファイルの解析ビューワーをOSSとして提供している団体です。AECOとは、建築（Architecture）、エンジニアリング（Engineering… 続きを読む
デジタル庁デザインシステムを紐解く
以下は「デジタル庁デザインシステムβ版」（design.digital.go.jp）のサイト構成を整理したものです。 おおよそWebサイトやWebアプリの作成の際に必要な考え方がきれいにまとめられています。 🌐 サイト構成一覧 1. はじめに（Introduction） 2. ガイダンス（Guidance） 3. 基本デザイン（Found… 続きを読む
Webデザインの参考
Webデザインの細かい部品の参考資料をまとめるページです。 様々なWebサイト部品ごとにデザインの参考をまとめます。 ツール使い方 デベロッパーツール(開発者ツール)の使い方 エディタ メニュー サイトマップデザイン グローバルナビゲーション ハンバーガーメニュー サイドバーメニュー フッター パンくずリスト レイアウト レイアウトパター… 続きを読む
OCR技術とは
OCR技術とは何か：詳細な分析 OCR（Optical Character Recognition）技術は、画像やスキャンされた文書からテキストを抽出する技術です。文字をデジタル化し、コンピュータが理解できる形式に変換することで、様々な場面で活用されています。本稿では、OCR技術の仕組み、利点、課題、そして未来について詳しく解説します。 … 続きを読む
DockerによるDIfyの導入
Raspberry Pi 5 に Docker と Docker Compose を使って DIfy を導入する方法 この記事では、Raspberry Pi 5 上で Docker と Docker Compose を使用して DIfy を導入する手順を解説します。 前提条件 以下の条件を満たしていることを前提とします。 1. Docke… 続きを読む
Webデザインのスタイルについて
デザインスタイル比較表 デザイン名 特徴 質感/立体感 奥行き 参考リンク ニューモーフィズム(Neumorphism) スキューモーフィズム＋フラット＋マテリアルを組み合わせた立体的UI。光と影で凹凸表現。 ◯（やわらかい） ◯ archetyp.jp スキューモーフィズム(Skeuomorphism) 現実の物体を模倣。メタル感や質感… 続きを読む
青系見出しデザイン10パターン
使用する青系の色の例: パターン 1: シンプルな下線 見出しの下に細い実線の青い線を追加します。 CSS パターン 2: 左側の太い線 見出しの左側に太い青い線を追加して、ブロックのような印象を与えます。 CSS パターン 3: 背景色によるハイライト 見出しの背景に薄い青色をつけて、目立たせます。 CSS パターン 4: 点線の下線 … 続きを読む