Hatena Blog Tags
はてなブログ トップ
WebAssembly
このタグでブログを書く

WebAssembly

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
MONEX ENGINEER BLOG │マネックス エンジニアブログ•23 日前

WebAssembly から逃げない

こんにちは。 システム開発部の芦刈です。 今回はWebAssemblyについてお話します。 WebAssembly とは 各所で種々の表現をされていますが、ひとことでいうならブラウザで実行するバイナリコードです。 コードを逐次解釈するインタプリタ形式のJavaScriptと異なり、コンパイル済みのバイナリコードを利用することで、コードサイズを小さく、処理速度を速くすることができます。 既に LLVM 8.0.0 から正式対応されているので、LLVM ベースのコンパイラを利用できる言語であればどんな言語からでも WebAssembly のバイナリコードを生成できます。 よく挙げられる言語は、C,…

#WebAssembly#Vue.js

ネットで話題

もっと見る
670ブックマークVim を WebAssembly に移植した - はやくプログラムになりたいrhysd.hatenablog.com
628ブックマークMozillaが「WebAssembly Studio」発表。C/Rust/AssemblyScript対応のオンラインIDE － Publickeywww.publickey1.jp
590ブックマークGoogle、Microsoft、Mozilla他が協力して、ウェブ用新バイナリーフォーマットWebAssemblyを公開 | TechCrunch Japanjp.techcrunch.com
358ブックマークGo言語がWebAssemblyをサポートへ。GOARCHは「wasm」、GOOSは「js」に － Publickeywww.publickey1.jp
313ブックマークWebAssemblyはなぜ速いのか | POSTDWhat makes WebAssembly fast? （2017-02-28） by Lin Clark Mozilla Developer Relationsチームのエンジニア。JavaScript、WebAssembly、Rust、Servoを使い、コードに関する漫画も描く。 本記事はWebAssemblyに関するシリーズの第5回目で、今回のテーマはWebAssemblyが高速な理由です。前の記事をお読みでない方は、初...postd.cc
271ブックマークFastly CTOに聞く、同社がWebAssembly実行環境の「Lucet」をエッジコンピューティング環境として開発している理由とは？ － Publickeywww.publickey1.jp
241ブックマークV8、Firefox、Microsoft Edgeが「WebAssembly」の実装を発表。将来のWebの共通バイナリフォーマットへ期待 － Publickeywww.publickey1.jp
231ブックマークファミコンのエミュレータをRust / WebAssembly で書き直した - undefinedblog.bokuweb.me
227ブックマークマイクロソフト、「Blazor WebAssembly」正式版を5月にリリース。BlazorでPWAやデスクトップアプリも開発へ － Publickeywww.publickey1.jp

関連ブログ

はやし雑記•先月

wasm (Rust) で素数の判定&計算するAPIサーバーを書いて、kubernetesのkrustletノード(wascc) で動かす

wasmシリーズ第二弾です 前回の続き blog.hayashikun.com 今回はwasccのほうのruntimeを使う wasiとwasccの違いはこちらに krustlet/providers.md at master · deislabs/krustlet · GitHub 今回は、Rustとwasccで素数の判定&計算するAPIサーバーを書いて、k8sのkrustlet (wascc)のノードで動かすのを試した 結構大変でした ソースコードはここ github.com Prime APIの実装 Container Registryにimageをpush k8sで動かしてみる ima…

#WebAssembly#Rust#Kubernetes#krustlet#wasi#wascc
はやし雑記•先月

krustletを使ってwasmをk8sで動かしてみる (Hello world)

github.com wasmに興味がある今日この頃 krustletはwasmを動かせるKubeletで、rustで実装されている

#Kubernetes#WebAssembly#krustlet
インフラジスティックス・ジャパン株式会社Blog•4 か月前

ASP.NET Core Blazor - Blazor WebAssembly と Blazor Server の違いは？ ５つのポイント

こんにちは！ テクニカルコンサルティングチームの古堅です。 ASP.NET Core Blazor についての記事となります。 Blazor は "WebAsssembly" と "Server" いずれかを選択する事になりますが、 それぞれの選択ポイントについて紹介します。

#Blazor#WebAssembly
OPTiM TECH BLOG•4 か月前

Vue.js + WebAssembly(Go)を触ってみた

はじめに こんにちは。20年度新卒の今枝と申します。 気になっていた WebAssembly を業務ツールアプリで使ってみたので、そのときに利用した Vue.js + WebAssembly(Go) のお話をしようと思います。 今回は Go のコードで書かれた関数を、ビルドして WebAssembly として、Vue.js 上で動作させるサンプルアプリを作成します。 今回使う技術について 今回扱う技術について簡単に説明をします。 WebAssembly (WASM) WebAssembly は、モダンなブラウザーで実行することができるバイナリー形式の言語です。 C言語、Rust や、今回扱う …

#Vue.js#WebAssembly#golang
色の輪•一昨日

WebAssemblyでクロージャ実現にWeak<T>を使ってみる

ラノベのような雰囲気のタイトルになってしまった。 順番にいきましょう。 RustのWeak<T> RustのWeak<T>に関しては、公式がすばらしい文章を日本語で出してくれています。本当に感謝しかないです。とにかく読みましょう。 doc.rust-jp.rs WebAssemblyのクロージャ さて、それはさておいて、突然クロージャの話になりました。クロージャとはざっくりいうと環境付きの関数ということですが、この場合はStoreが環境にあたります。ほかのプログラミング言語だと環境がネストできたりしますが、今回はグローバル環境（=Store）だけが対象の話です。 Rustで実装しようとすると困…

週刊はてなブログ•一昨日

ばんくしさんは「誰かの理解の助けになろう」として“苦労ベース”の技術ブログを書く【エンジニアのブログ探訪】

はてなブログで技術に関するブログを書いている方に、“ブログを書き続けること”について教えていただく企画「エンジニアのブログ探訪」。第2回は河合俊典（ばんくし）さん（id:vaaaaaanquish）に登場いただきました。河合さんは大学在学中の2013年にブログを開設し、これまでさまざまな技術や多くの技術書に関する記事を発信し続けています。どのようにして記事の題材を考えるのか、そしてそれらの記事は河合さんにとってどんな形で役立っているのか──河合さんと技術ブログの関わり方を、テキストインタビューで伺いました。 河合さんの技術ブログ「Stimulator」──ブログを始めたきっかけについて教えてく…

色の輪•3 日前

WebAssemblyのRuntime Structureを思い出す

一回インタプリタを作ったんですが、結構前なので忘れてるんですよね。というわけで仕様を再確認します。 WebAssemblyのVMはスタックマシンで、内部は大きくStoreとStackの2つに分かれます。 The store represents all global state that can be manipulated by WebAssembly programs. ということで、storeは関数、テーブル（関数ポインタを持っていると思ってください）、線形メモリ、グローバル変数など、全域的な状態を保持しています。stackはもちろん読んで字の如し、スタックなんですが、種類としてはさらに…

夢は生涯エンジニア。•5 日前

Blazor WebAssembly入門（3） - プロジェクトの構造(Pages/*.razor, MainLayout.razor,NavMenu.razor)

前回に続き、Blazor WebAssemblyプロジェクトの構造を説明します。 Pages/*.razor プロジェクトには最初から3つのページがありますが、それぞれのページを実装するのが、components/pagesにあるIndex.razor、Counter.razor、FetchData.razorを3つのRazorコンポーネント になります。 個別のコンポーネント の詳しい内容は、後の記事で見ていきますが、今回はそれぞれのファイルの先頭にある@pageについて説明します。 「Index.razor」 @page "/" <h1>Hello, world!</h1> Welcome…

色の輪•6 日前

プログラミングするときも、マネジメントするときも、そんなに変わらない

お休み前なので、元々調べてたことを放り出して、雑文を書きます（むしろ駄文？）。 わたしはプログラミング大好きですが、だからと言っていわゆる「マネジメントの何が面白いのかわからない」という人間ではありません。そもそも出自が学生時代からバリバリプログラム書いてたぜ、という人間ではないのが大きいし、ぶっちゃけると、哲学やってる時点で世間からすれば残念ながらだいぶおかしいやつ（言いすぎ）なのでレアケースなのかな、という気持ちは最初からあります。しかもかじっていたのは分析哲学なので、プログラミングというか概念操作とかが論理とかが好きなわけですね。 そしてそういう視点から見ると、プログラミングもマネジメン…

色の輪•7 日前

WebAssemblyのload命令のロジックを確認してみる

作ってみたいものが決まりつつあるので、WebAssemblyの方に戻ってきました。 メモリ周辺の命令を実装したいので、まずはloadからじっくりと読み直しています。 仕様上、命令の実行時の動作が書かれているのは4章です。仕様上、複数の命令の動作がまとめて一つのセクションで書かれているんですが、ややこしいので手始めにi32.loadに限った形でなぞり直してみましょう。 WebAssemblyの命令は、詳細なロジックが手続型で書かれています。これとは別途、以下のように、形式的な規則も書かれています。 一度手続き的な仕様を理解してしまえば、そのあとはこの形式的な仕様を見た方が思い出すのは早いかもしれ…

備忘ぶ録－新犬小屋•7 日前

今週届いたもの

杉花粉が本格化してきた模様。益々、外に出たくない。 たまの出勤でテンションが低い中、ダラダラ歩いていたら下り坂で躓き、とととっと走ったあげくリカバリーできずに右側を下にして派手に転んだ。幸い、体の方は右親指の皮が着れたのと右脚の擦り傷＋打ち身だけで大きな怪我が無かったけど、ウール コートの右腕部分と手袋に小さく穴が開いてしまったのと、コンデジのDC-TZ95が（ソフトケースに入っていたにもかかわらず）レンズ周りの可動式リングが削れてしまう被害が。コートは縫ってアイロンかけたらあまり目立たなくなった。コンデジは修理に出している所。大人になると容易に転ばなくなるけど、転んだときはリカバリの限界を超…

dev news (β)•9 日前

2021-02-18のテックニュース

×440 Before buying a NYT subscription, here's what it will take you to cancel it. - Album on Imgur ×225 Google Online Security Blog: Mitigating Memory Safety Issues in Open Source Software ×171 イノベーションのジレンマ 増補改訂版 (Harvard Business School Press) | クレイトン・クリステンセン, 俊平太, 玉田, 弓, 伊豆原 |本 | 通販 | Amazon ×55 A…

夢は生涯エンジニア。•12 日前

Blazor WebAssembly入門（2） - プロジェクトの構造(index.html ／Program.cs／App.razor)

今回は、Blazor WebAssemblyプロジェクトの構造をプログラムのエントリーポイントから、順番に見ていきます。 Blazor WebAssemblyプロジェクトは「{ソリューション名}.Client」のプロジェクトになります。 wwwroot/index.html Blazor WebAssemblyアプリへの入り口となるHTMLファイルです。 <body> <div id="app">Loading...</div> <div id="blazor-error-ui"> An unhandled error has occurred. <a href="" class="reloa…

夢は生涯エンジニア。•14 日前

Blazor WebAssembly入門（1） - プロジェクトの作成

本稿から複数回に分けて、Blazor WebAssemblyの入門記事を書いてみたいと思います。 プロジェクトの作成 まずはプロジェクトを作成するところから始めます。 環境は「Microsoft Visual Studio Community 2019 Version 16.8.4」を使用しています。 「新しいプロジェクトの作成」で、「Blazorアプリ」を選択します。 プロジェクトテンプレートの選択 次に、「新しいBlazorアプリを作成します」画面で以下のように設定します。 ターゲットには「NET 5.0」を設定し、「Blazor WebAssembly App」を選択します。 詳細設定の…

koudenpaのブログ•14 日前

Blazor WebAssemblyのレンダリングパフォーマンス

についてのエピソードと感想記事。 チューニングしたい人はドキュメントにそういうページがあるのでその通りにすればよい。 僕もそうした。 docs.microsoft.com

夢は生涯エンジニア。•15 日前

Blazor WebAssemblyにワクワクが止まらない

はじめまして。 結婚前は、ブログをやっていたのですが、結婚して子供が出来て、忙しくなって辞めてしまいました。 若い頃に書いていたブログでもずっとC#の記事を書いていて、自作のソフトを公開したりもしていました。 その後、忙しくなったり、仕事で.NETを使わなくなったこともあり、長い間、.NETからは離れていました。 最近ちょっとしたことをきっかけに.NETのことを調べることがあり、その進化に胸が高鳴りました。 また.NETでプログラムを書きたいという情熱が湧いてきました。 若い頃、.NETで私がプログラムを書いていた頃、.NET Framework 2.0でした。いまや、.NET 5なんですね。…

色の輪•16 日前

WebAssemblyのtrunc_sat命令

ようやくWebAssemblyのバイナリパーサを書き終えそうなので、次はそこへのコンパイラを書きたいな、と妄想しています。妄想するのは自由なので。ちなみにバイナリパーサに関してはまだ完全に終わったわけではありませんが、最も地道な作業と思われる、各Instructionへの対応はだいたい終わっています。だいたい、というのは一部Ver1.1で新しく追加されたと思われる（ちゃんと確認はしてません）命令を置いているからです。いや、別に難しいわけではないんですが、気力の問題です。具体的には以下の8つ。 The saturating truncation instructions all have a o…

CTFするぞ•17 日前

DiceCTF 2021 Writeup

I played DiceCTF 2021 in zer0pts and we got the 2nd place :dice: I couldn't play it full-time because of my school stuff :sob: but I solved some challenges. [pwn 116pts] babyrop (163 solves) [pwn 149pts] flippidy (62 solves) [pwn 415pts] sourceless rust wasm pwn (5 solves) [rev 290pts] Guess the Vul…

色の輪•18 日前

「数式組版」の難しさは、コンテキスト依存の多さが原因？

数式組版www.lambdanote.com 「数式組版」も積んでいた書籍でした。WebAssembly周辺のことが終わったら、次に何をしようかな、と考えているところで、いくつかの案の中から選んでいるところです。せっかく自分で動くVMが作れたなら、いろいろその上に乗っけてみたいですもんね。とはいえ、数式を組版したいというわけではなく、間接的にちょっと気になる内容があって改めて目を通しました。 わたしはこういった方面は全くのど素人です。なので、読んだ最初の感想は「こんなにたくさん考慮すべき内容があるのか（そしてきっとその片鱗しか見えていない）」という当たり前であろう内容でした。普段読んでいる数式…