WebAssembly

前回の続きです。 blog.hayashikun.com この記事では、前回の記事で実装したCenterFaceをwasmで動くようにして、それをブラウザで動かしたことについて書きます。 以下のように、Webカメラの映像から顔を検出して、顔の上に緑の四角を描画するというのをやりました。 今回実装したものは、こちらにデプロイしているので、PCやスマホから試すことができます。 wasbi 試してみるとわかると思いますが、結構軽快に動作しています。 リポジトリは前回と同じです。 wasmとして動かしているのが web-wasm です。前回同様にRustで書いています。 github.com web …

おはよーございます。 GWもちょうど真ん中で折り返しぐらいでしょうか。このブログを読まれている方の中にはお仕事や学校の方もいらっしゃると思うので恐縮なんですが、僕は数年ぶりくらいに１０連休という長期のお休みをいただきまして、のんびり楽しく休暇を満喫しております。 さて、WebAssemblyバイナリを使って自分なりに実験してみたのですが、自分が用意したwasmバイナリをWebブラウザで動かすことができませんでした。初期化するところでエラーが出てしまって解消せず、原因もよくわからなくてお手上げでございます。こればっかりは自分の力量が不足しております。 Webブラウザで動かしてみる、という実験は失…

はじめに Python環境の構築にはいくつかありますが、代表的な例を紹介します。 公式サイトからインストーラーをダウンロードする Anacondaを利用する Dockerイメージからコンテナを作る Google Colabを使う (ちなみに、私はバージョンアップや環境のことを考えて、家では専らDockerでコンテナを作ってPythonを使っています。) これらはすべてインストールを必要とするか、クラウドサーバー上にスクリプトやデータを保存する必要があります。 そのため、会社でソフトウェアのインストール禁止と言われている人やGoogle Drive等にアクセスできない人はPythonを使うことが…

juniper を使った GraphQL の処理を WebAssembly 化し、Deno 用の JavaScript で実行してみました。 juniper v0.15.9 ソースコードは https://github.com/fits/try_samples/tree/master/blog/20220224/ はじめに 今回は wasm-bindgen と wasm-pack を使いません。（wasm-bindgen 版のサンプルは こちら） そのため、これらの便利ツールが上手くやってくれている箇所を自前で実装する必要があり、以下が課題となります。 所有権による値の破棄にどう対処するか こ…

はじめに これはあくまで個人的な日々の記録であり備忘録です．WebAssemblyに興味があり，Rustで使えるとのことなので，使ってみました．メモを書き残しておきます． 以下の参考サイトを習っています． MDN Web Docs "Compiling from Rust to WebAssembly " やったのは，"alert"で警告ダイアログのポップアップを出すだけでJavaScriptでも書ける内容ですが，今回はそれをRustで書いたコードから生成されたwasmファイルに処理を書いていて，それをjavascriptから呼び出す感じの処理を書いています． この記事はあくまで備忘録ですが，…

.NET 6 RC2でのお話です。 触ってみたやつをメモっておく。 Blazor WebAssemblyを支える技術であるEmscripten。 Emscriptenは仮想のファイルシステムをサポートしており、JSやwasmから読み書きが行えるようになっています。 emscripten.org さて、このBlazor WebAssemblyもこのEmscriptenを使っているのだし、C#から読み書きできるの？と気になったので試してみました。 結論としては出来たので、使ったコード片を残しておきます。 @using System.IO <button onclick="@LS">lsするぞ</b…

みなさん、WebAssembly聞いたことありますよね？ スマートキャンプでエンジニアをしている瀧川です。 私が初めてWebAssemblyを目にしたのは確か2018年、VimをWebAssemblyに移植してブラウザで動くようにしたという記事だったかなと思います。 https://github.com/rhysd/vim.wasm 当時は「はー、なんだか未来を感じるけど、どう使われてくんだろう」くらいな認識で、最近までほとんど注目していませんでした。 しかし、少し前にffmpeg.wasmについての記事がバズっているのを見かけたときビビっときましたね。 ブラウザ上でffmpegが動かせるのは…

概要 KubeCon + CloudNativeCon EU が 2022年5月16日から20日の日程で行われた。 16日と17日には co-located event があり、本体のイベントは18日からの3日間であった。 トラック毎のセッション数の比較を下に示す。 増減がはっきりしないものがほとんどであるが、"Security + Identity + Policy" と Observability と "Customizing + Extending kubernetes" は増えているように見える。 セッション数 前回に引き続き、会場とネット配信のハイブリッド開催で、co-located…

この記事は、競技プログラミングのヒューリスティックコンテスト*1で用いられるビジュアライザを C# と ASP.NET Core Blazor*2 で自作しよう！ というものです。C# が分からない方でもできるよう、全手順を解説しています。また Visual Studio というエディタを使いますが、その使い方も全手順を解説していますので、安心して挑戦してみてください！今回の記事で制作できるビジュアライザ 対象読者 自作ビジュアライザに興味のある方 C# や .NET 開発をしていて Blazor にも興味のある方 React や Angular などのSPA*3 技術は知っているが、他の選択…

内容をメモ WebAssembly とは WebAssembly とは ネイティブに近いパフォーマンスで動く コンパイルして作るバイナリ 第 4 のブラウザ用言語 W3C 勧告として公開 対応ブラウザ 最近のブラウザはすべて対応している（IE もいなくなったので本当にすべて） 作成言語 実際に使っているひとに聞いたアンケート結果では Rust が 1 位とのこと 事例 Google Earth, Google Meet, ffmpeg, CDN のエッジロケーション, Unity アプリ, WASI WASI (WebAssembly System Interface) ランタイムの三国時代 …

こんにちは、インフラジスティックス・ジャパンです。 本記事では Infragistics Blazor Excel ライブラリの活用についてご紹介します。 Blazor WebAssembly アプリケーション上で Infragistics Blazor Excel ライブラリを使うと、Web ブラウザ上で Excel 形式のファイル (.xlsx) を生成し、ダウンロードさせることができるようになります。 この方法で Excel ファイルを生成すると、その処理は Web サーバー側ではなく Web ブラウザ上で行なわれますので、Excel 生成処理の負荷がサーバーに一極集中しない、という利点…

HTMLファイルをパースして、 特定の文字列を抜き出したり 特定の属性を書き換えたものを書き出したり ってことをやりたい時、今までは`cheerio`を使うことが個人的には多かった。 GitHub - cheeriojs/cheerio: Fast, flexible, and lean implementation of core jQuery designed specifically for the server. 懐かしい`jQuery`的な記法で操作できる・・とはいえ、もはや`jQuery`のことぜんぜん覚えてなくて、生DOMのAPIばっか使っちゃったり。 かといって、`cheeri…

Akamai、インターネットセキュリティの脅威に関する調査レポートを3本公開 - PR TIMES prtimes.jp フィルター付きコネクタ市場レポート–高いトレンドと需要、2030年までのビジネス成長予測 findstar-news.com Kebakaran rumah besar di Pointe-à-Pitre - Priangan News www.priangannews.com ダウンコンバーターの市場規模、範囲および予測| Anadigics、Analog Devices、API Technologies securetpnews.info 【AirCourse】ユーザ情…

Uno Platform、覚えていますか？ 2018 年に OSS になり、日本では 2019 年 ～ 2020 年頃に話題になった複数プラットフォーム向けアプリを作る製品です。 特徴は C# + XAML で作れるところです。話題になった大きなポイントは 2 点。 WebAssembly が作れる XAML が UWP の XAML です。 1. は .NET 技術としては Blazor と競合しますが、Blazor WebAssembly の GA が 2022 年 05 月だったようで、その隙をついた形です。現在は Blazor WebAssemby の注目度が非常に高くなり、結果 Un…

まず、参考にしたのはここ。 docs.microsoft.com 参考のページとの際はプロジェクトの種類だ。 なので、ASP.NET Coreのビルドができれば基本的にはうまくいくはず。 前提条件 Blazor WebAssemblyのテンプレートにASP.NET Core Hostedのオプションをつけたプロジェクトがあり、Serverプロジェクトにコンテナサポートが入っていること。 （プロジェクト名/Server/Dockerfileがあること。） GitHub個人用アクセストークンを作成する 上に示した参考ページの通りに個人用アクセストークンを作成する。 https://github.c…

EVM、仮想マシン、EVMチェーンを理解する Pontem Network Pontem Networkの各リンクをフォローしてご参加ください🤝 EVMは、全てのEthereumスマートコントラクトが実行されるサンドボックスを表します。AvalancheやPolygonなど多くのブロックチェーンがEVMをサポートしており、これによってEthereumのdAppsの移行が容易になります。NEAR、Solana、CosmosといったEVM対応をしていないエコシステムも、AuroraやEvmosといったEVM実装を手に入れつつあります。しかし、これらはMove VMやWASMのようなより安全で効率的…

.NET上でWebAssembly対応のフロントエンドWeb UIを開発できる「ASP.NET Core Blazor」 WebAssembly（WASM）とは プログラミング言語やライブラリの名前ではなく、ブラウザでプログラムを高速実行するための、「ブラウザ上で動くバイナリコードの新しいフォーマット(仕様)」である。 SPA（Single Page Application）を実現することができます。SPAとは、単一のWebページで動作するWebアプリケーションのことです。ページ遷移を行わず、必要に応じてコンテンツの書き換えを行うため、デスクトップアプリのように軽快な操作が行えるのが特徴です。…

Rust で WebAssembly しようとやってみたら最初でつまづいたのでメモ。Cargo.toml [dependencies] web-sys = "0.3.57"main.rs (trunk 使ってみてるので) pub func main() { let window = web_sys::window().unwrap(); } error[E0425]: cannot find function `window` in crate `web_sys` --> src/main.rs:6:27 | 6 | let window = web_sys::window().unwrap(…

TL;DR Blazorのテンプレートで作成される画面は、スマホで表示するとトップバーにハンバーガーメニューが表示される PCでも同様の表示になるようにする 目次 TL;DR 目次 検証環境 内容 MainLayout.razor.css NavMenu.razor.css 表示 検証環境 .NET Core 6.0 Blazor Server Blazor WebAssembly 内容 Blazor Server アプリまたは Blazor WebAssembly アプリで新しいプロジェクトを作成する。 MainLayout.razor.css 下記該当箇所をコメントアウトする /*@med…