Debugging WebAssembly Outside of the Browser – Mozilla Hacks - the Web developer blog
WebAssembly has begun to establish itself outside of the browser via dedicated runtimes like Mozilla’s Wasmtime and Fastly’s Lucet. While the promise of a new, universal format for programs is appealing, it also comes with new challenges. For instance, how do you debug .wasm binaries? At Mozilla, we’ve been prototyping ways to enable source-level debugging of .wasm files using traditional tools li
Ruby 3.2.0がリリース―WebAssembly/WASIサポート、YJIT実用化、正規表現DoSへの対応など 2022年12月25日、Rubyの最新バージョンとなるRuby 3.2.0がリリースされた。Ruby 3.2では多くの機能が追加され、機能の改善も数多く実装されている。 WASIベースのWebAssemblyサポート WebAssembly（Wasm）は、Webブラウザ上で高速、安全に動かすためのバイナリソフトウェア形式。これをブラウザを介さず各種OS上で動かすためのインターフェース仕様であるWASI（The WebAssembly System Interface）に対応した。これにより、CRubyのバイナリがWebAssembly/WASI環境をもつOS、ブラウザ、IoT環境などさまざまなプラットフォーム上で利用できるようになる。さらに、WASIの上にVFS（仮想ファイ
Speeding Up the Webcola Graph Viz Library with Rust + WebAssembly - Casey Primozic's Homepage
Speeding Up the Webcola Graph Viz Library with Rust + WebAssembly For a recent project I've been working on, I wanted to include a graph showing the relationships between different artists on Spotify. Spotify provides the data directly from their API, and I had everything set up to pull it for a user's top artists and into the browser. This is the story of how I took the initial unoptimized graph
csv-mapタグをベースに簡易化して、ウェブサイトにアクセス情報としての地図埋め込みに使う拡張タグ「map-viewタグ」を作りました。 「map-view tag demo」 name、緯度経度、zoomレベルを設定するだけでOK！ <script type="module" src="https://code4fukui.github.io/map-view/map-view.js"></script> <map-view name="Hana道場" latlng="35.944571,136.186228" zoom="10"></map-view> サイトの表示優先なので、スクロールで地図が拡大縮小してしまうことがないように設定済み。 クリックするとGoogleマップのナビへリンクしています。 地図は日本国内を網羅する国土交通省、国土地理院の地理院地図。 APIはオープンソースの
Directly compiling Scheme to WebAssembly: lambdas, recursion, iteration! -- Spritely Institute
It's been just over three months since we announced the Guile on WebAssembly project (codenamed Hoot). Since then we've brought on two fantastic hackers to develop the project and progress has been quick. We now are at the point where we have things to show: we can now compile various Scheme procedures directly to WebAssembly. Let's clarify that: by compiling directly to WebAssembly, we mean they
IndexedDB
InexedDB は組み込みのデータベースで、localStorage よりも遥かに強力です。 key/value ストレージ: 値は何でもよく、複数のキーの型があります。 信頼性のためのトランザクションをサポートします。 キー範囲のクエリ、インデックスをサポートします。 localStorage よりもずっと多くのデータを格納することができます。 通常、この機能は伝統的なクライアント-サーバアプリケーションには過大です。IndexedDB は、ServiceWorkers や他のテクノロジーと組み合わせるオフラインアプリケーションを想定しています。 仕様 に記載されている IndexedDB のネイティブインターフェースは、イベントベースです。 idb のように、promise ベースのラッパーを使って async/await を使うこともできます。これは非常に便利ですが、ラッパーは完璧
9月7日、dev.toに「a11yとUXを向上させるフロントエンドの4つのヒント」が公開された。 The 4 Frontend tips for improving a11y and UX - dev.to この記事では、スクリーンリーダーの読み上げを意識した実装など、アクセシビリティ、UX向上のヒントを4つ紹介している。 目次 グラフィックスにテキストを使用してはいけない aria-labelでは、動詞を使って要素が行動につながることを伝える パスワードの表示・非表示には、ボタン要素を使う 正しいバーチャルキーボードを表示する グラフィックスにテキストを使用してはいけない テキストを使ってグラフィックを作成する方法がある。 よくある例として、クローズボタンの十字アイコンを乗算記号(x)で作成することが挙げられる。 確かに視覚的には有効な解決策だが、アクセシビリティの観点からすると、バッド
PDF documents are a major part of our digital lives and, in an era where we spend most of our time working inside a web browser, enhancing the PDF experience on the web is crucial for providing a seamless, multi-device experience. As the creators of PDF, this led Adobe to envision Acrobat Web; we embarked on our Acrobat Web journey with the introduction of the Document Cloud PDF Embed API last yea
Back to articlesWasmer takes WebAssembly libraries mainstream with WAIImport WebAssembly libraries just like any other dependency in your project Integrating with other languages and distributing binaries has always raised the WebAssembly's barrier to entry for the average developer, and at Wasmer our goal is to make trivial creating universal libraries that work anywhere. Today, we are happy to a
Beyond The Browser: Getting Started With Serverless WebAssembly — Smashing Magazine
You’ve probably heard of WebAssembly and why it’s a powerful tool in the browser. In this article, we explore why serverless WebAssembly might be equally powerful outside the browser, and how to get started using it. Now that WebAssembly is supported by all major browsers and more than 85% of users worldwide, JavaScript is no longer the only browser language in town. If you haven’t heard, WebAssem
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
In recent years, WebAssembly (Wasm) has emerged and gained in popularity for platform extensions as a portable binary instruction format with an embeddable and safe execution environment for client and server applications, including popular cloud-native technologies. We are very excited about the potential of Wasm across the industry, and specifically as a way to extend an Envoy-based data plane i
On most systems, you can implement concurrency using either threads or processes, where the main difference between the two is that threads share memory and processes don’t. Modern web browsers support concurrency through the Web Workers API. Although Web Workers are by default closer to a multi-process model, when used with WebAssembly you can opt-in to a more thread-like experience. Just like in
久方ぶりのブログです。そういうわけでオオコシです。 コードレビューをしているときに下記のようなマークアップを見かけて、 <footer> <p><small>©2020- EVOWORX</small></p> </footer> そういえばコレsmall要るんだっけ？と思い、改めて確認してみたんですが、最近の日本のリファレンス系サイトを見ると、わりとどのサイトもfooter > p > small で記載するよう書かれていました。 ※ちなみにコピーライトの書式については 著作権表示 – Wikipedia や 年号と©マークと何が必要？Copyright（コピーライト）表記の正しい書き方 を参照してみてください。©と発行年、権利者が書いてあればOKです。 なぜこの書き方に違和感を持ったかと言うと、2014年のものになってしまうんですが、下記の記事を見てからfooterの中身がcopyri
（＊価格は掲載時のものです。購入時にご確認ください。）
今回はHTMLのcanvas・JavaScriptを使って作る「お絵かきアプリ」シリーズの最後の記事です。 前回・前々回の記事で使用したコードをベースにしているので、まだ読んでいない方は以下の記事を読むことでより理解が深まるかと思います。
みんな大好きPHPプログラム、使い始めると便利なので、今のWEBサイトにはかかせない存在です。 ちなみにPHPはサーバー側で動作します、下記参照。その証拠にJavaScriptはオフラインでも動作しますが、PHPはオンラインでないと動作しません。
モーダルの中身 ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ HTML <center> <a href="#modal-01" class="modal-button"> モーダルを表示 </a> </center> <div class="modal-wrapper" id="modal-01"> <a href="#!" class="modal-overlay"></a> <div class="modal-window"> <div class="modal-content"> <p class="modal_title">モーダルの中身</p> <p> あああああああああああ
front-end-interview-handbook/README.md at master · yangshun/front-end-interview-handbook · GitHub
これは何のリポジトリですか？ フロントエンドの求人面接では典型的なソフトウェアエンジニアの面接とは異なりアルゴリズムの重要性が低く、特定の領域（HTML、CSS、JavaScript など）の入り組んだ知識や専門的な技術についてより多くの質問がなされます。 フロントエンドエンジニアの面接の準備に役立つリソースは既にいくつかありますが、ソフトウェアエンジニアの面接のリソースほど豊富ではありません。既存のリソースの中で最も有益な質問集はおそらく Front-end Developer Interview Questions ですが、残念ながら私はこれらの問題の多くに対して完全かつ満足のいく回答をネット上に見つけることができませんでした。そう、このプロジェクトはそれらの質問に回答する試みなのです。また、このプロジェクトはオープンソースなので、Web の状況が進歩するのにあわせてコミュニティのサポ
At Wasmer we have been porting a lot of C and C++ projects to WebAssembly and WASI, as we believe WebAssembly will emerge as the standard way to use third-party code from any programming language securely and easily. WebAssembly System Interfaces (WASI) is an exciting new specification that allows running POSIX-like applications anywhere, safely and securely with WebAssembly. We realized that comp
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
Kubernetes meets WebAssembly in Microsoft’s Krustlet ‘Kubernetes Rust kubelets’ allow you to run WebAssembly workloads on Kubernetes alongside containers Microsoft’s Deis Labs recently announced an intriguing direction for Kubernetes, one that offers a new, sandboxed environment for our code. Building on the increasingly popular WebAssembly, Krustlet is a tool for delivering Kubernetes-managed wor
HTML5 MSX1 PCGドット絵ツール(多色刷り用)の進捗。マップエディタを統合しました。 - ニャオニャオ２１世紀
HTML5でMSX1のPCGドット絵ツールを作っています。 その進捗を書きます。 最近は、コンテスト用のゲームも作らず、ドット絵エディタを作っています^^; テスト前に掃除がしたくなるアレです(^^) まぁ、ゲーム制作に使うのですが。 ドット絵とマップエディタを別々に作っていたのですが、 それを統合しました。 初期画面です。 この上の、タブのMAPをクリックすると... このようなマップエディタになります。 PCGドット絵(多色刷り)は、キャラクターコード表に対応させるところまで 出来ました。 MSX1の文字を絵に変えます^^ まだ作っていないところで、 マップチップの登録ができてません^^; （今のバージョンは、マップチップのデータを配列として持たしてあります。） タブのPCGのところで、右下に暫定のマップチップ(グレー)がありますが、 ここは変えようと思っています。 今は16x16ドッ
Using Rust and WebAssembly to Process Pixels from a Video Feed
Using Rust and WebAssembly to Process Pixels from a Video Feed At Streem we are on a mission to make the world's expertise more accessible. We create guidance tools to steer the discussion and ensure accurate understanding the first time. One of the guidance tools we are developing for web is a 3d cursor that can be positioned in a remote video. To accomplish this, we need to process a lot of raw
（＊価格は掲載時のものです。購入時にご確認ください。）
このツールについて Icon Statusはあなたのプロフィール画像にステータスを表すテキストを入れられるだけのシンプルなサービスです。 ClubhouseやTwitter、Facebookなどのプロフィール画像にご利用ください。 ご要望はTwitter@yagerまで！ シェア歓迎
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
Moving from TypeScript to Rust / WebAssembly | Hacker News
Whenever I write Rust, I have a lot of fun, but I'm still not sold on it for most web dev.The analogy that comes to mind is that Rust is a really nice sports car with a great engine. It handles like a dream and you can feel the powerful engine humming while driving it. With the right open road, it's a great time. You can really optimize code, make great abstractions and work with data easily. Unfo
（＊価格は掲載時のものです。購入時にご確認ください。）
フロントエンドエンジニアの皆さん、フルスタック目指しませんか？飲食スタートアップがエンジニア大募集！ 株式会社トレタ @toreta フロントエンド Startup TypeScript I want to hear a detailed フロントエンドをやりたい人、フロントエンド開発全般に興味のある人、トレタでチャレンジしてみませんか？ 株式会社トレタは、飲食店向けの予約サービスを展開しており、業界ではNo.1シェアを獲得しているスタートアップです。弊社は現在、フロントエンドエンジニアの募集を行っています。 モダンなWebサービス開発に特化した体制へ 弊社は長らく、Ruby on Railsによるサービス開発を行ってきました。しかしWeb APIベースのモダンなWebサービス開発が一般的になった昨今では、 Ruby on Railsだと色々と余計な手続きも多いと感じるようになってきました
Result ダークモードにも使えるテーマスイッチです。サンプルは簡単なものですがスタイルはCSSで制御しているので応用は効くと思います。 JavaScriptは切り替えとlocalStorageへの保存に利用されています。 javascript//デフォルト設定 const pressedButtonSelector = '[data-theme][aria-pressed="true"]'; const defaultTheme = 'green'; //buttonにセットしたカスタムデータ属性に準じてテーマ切り替え const applyTheme = (theme) => { const target = document.querySelector(`[data-theme="${theme}"]`); document.documentElement.setAttribute
Why WASM anyway? First of all I want to provide some context: Working on asset database for my game engine prototype I found that I want to import assets ahead of the game start. And convert them from tool specific format into engine native format. This would allow to reduce amount of code in the engine itself as well as improve performance as no content conversion would be required at runtime. I
NTT東日本とIPA、「シン・テレワークシステム」にHTML5版、Mac/Chromebookから接続可能に | IT Leaders
IT Leaders トップ ＞ テクノロジー一覧 ＞ ネットワーク ＞ 新製品・サービス ＞ NTT東日本とIPA、「シン・テレワークシステム」にHTML5版、Mac/Chromebookから接続可能に ネットワーク ネットワーク記事一覧へ [新製品・サービス] NTT東日本とIPA、「シン・テレワークシステム」にHTML5版、Mac/Chromebookから接続可能に 2021年8月5日(木)日川 佳三（IT Leaders編集部） リスト NTT東日本は2021年8月5日、契約不要、ユーザー登録不要で利用できる無料のシンクライアント型VPNシステム「シン・テレワークシステム」に「HTML5版」を追加すると発表した。Windowsだけでなく、MacやChromebookなどからも、Webブラウザ（HTML5）を使って接続できるようになる。 NTT東日本と独立行政法人情報処理推進機構（I
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Ruby 3.2.0がリリース―WebAssembly/WASIサポート、YJIT実用化、正規表現DoSへの対応など | gihyo.jp
国交省のオープンデータ、地理院地図を使ったHTML2行で追加するアクセス情報、map-viewタグ
a11yとUXを向上させる4つのヒント - グラフィックスにテキストを使用してはいけないなど
Acrobat on the Web, Powered by WebAssembly
Wasmer takes WebAssembly libraries mainstream with WAI · Blog · Wasmer
HTML5/CSS3のニュースやTIPSなどのまとめ (2019年11月15日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2019年9月19日)
Announcing the WebAssembly (wasm) OCI Image Spec
Threads and messages with Rust and WebAssembly
copyrightのマークアップにsmallを使うことについて。 |
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年2月21日)
HTMLのcanvasとJavaScriptでお絵かきアプリ【線の太さ機能編】｜Web白熱教室
【豆知識】htmlをphp化して動作させる「.htaccess」のサーバー設定
HTMLとCSSのコピペでできるモーダルウィンドウのデザイン3種
Wasienv: WASI Development Toolchain for C/C++
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年4月7日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2019年11月26日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年1月20日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2019年10月6日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年4月14日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年9月27日)
Kubernetes meets WebAssembly in Microsoft’s Krustlet
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年5月10日)
Icon Status | プロフィール画像カスタマイズツール
HTML5/CSS3のニュースやTIPSなどのまとめ (2019年6月30日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2019年11月10日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年3月24日)
フロントエンドエンジニアの皆さん、フルスタック目指しませんか？飲食スタートアップがエンジニア大募集！
localStorageで保存可能の、シンプルなテーマ切り替え
rust,rust-lang,wasm,webassembly,tutorial,guide