並び順

ブックマーク数

期間指定

  • から
  • まで

161 - 200 件 / 206件

新着順 人気順

html5の検索結果161 - 200 件 / 206件

  • Blog | Solo.io

    From MCP Servers to Services: Introducing kmcp for Enterprise-Grade MCP Development

      Blog | Solo.io
    • ffmpeg.wasmを使ってブラウザ上で画面録画機能を実装した話

      はじめに 少し前までLinuxユーザだったので、Blogに使用するgifアニメを作るときにはffmpegを使っていました。最近Windowsに移行しまして、はてgifアニメを作るにはどうしたらいいのかな?と調べていたのですが、普通にffmpegで作れそうなことがわかりました(参考)。まぁ、結論としてはそうだったのですが、Windowsにいろんなアプリケーションをいれると動作不安定になるし嫌だな(久々にWindowsに戻ってきた人間の偏見です。)と思いまして、少し前にバズってたffmpeg.wasmを使ってブラウザ上でスクリーンを録画する機能でも作ってみるかということになりました。これで変なアプリケーションを入れずに済みそうだ。 今回作ったものは、こんな感じのものです。左側でキャプチャ対象のエリアを指定して録画します。右側で録画の結果を表示して、ダウンロードします。 余談ですが、Window

        ffmpeg.wasmを使ってブラウザ上で画面録画機能を実装した話
      • WebAssemblyアプリ開発で最も使われている言語はRust C++、AssemblyScript、Blazor、Goが続く

        調査は今年の6月に行われ、196カ国(米国21.8%、ドイツ9.1%、中国9.1%など)に分散した250人のITエンジニアが回答。 WebAssemblyアプリケーションのコードを記述するプログラミング言語として何が使われているかとの調査では、Rustが最も多く、C++、AssemblyScript、Blazor、Goの順に使われていることが示されました。 Rustは比較的容易にWebAssemblyが生成できることがWebAssemblyでの人気の理由でしょうか。4位のBlazorは少し意外ですが人気があるのですね。 WebAssemblyの利用目的では、Webアプリケーション開発(Web Development)が最も多く、続いてゲーム開発、サーバレス、コンテナ化(Containersation)、オーディオ/ビデオ処理、科学計算、IoT、AIの順となっています。

          WebAssemblyアプリ開発で最も使われている言語はRust C++、AssemblyScript、Blazor、Goが続く
        • An Update on WebAssembly/WASI Support in Ruby

          OverviewCRuby is a highly portable C application, and it runs on many platforms (You can see which platforms are tested on CI here). However the “portability” is only at source level, and the built executable is not portable across architectures and system call interfaces. This project made CRuby portable at executable file level by porting it to a standalone WebAssembly with WASI ABI. Furthermore

            An Update on WebAssembly/WASI Support in Ruby
          • WebAssemblyランタイム「Wasmer 3.0」が公開、WebAssemblyから実行ファイルを生成可能に

            CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

              WebAssemblyランタイム「Wasmer 3.0」が公開、WebAssemblyから実行ファイルを生成可能に
            • Beautiful CSS checkboxes examples - CSS Scan

              All of these checkboxes were initially copied using CSS Scan (click here to try a free demo). With CSS Scan you can easily inspect or copy any website's CSS. 📌 Press Ctrl+D to bookmark this page Have you seen CSS Scan? The fastest and easiest way to check and copy CSS. Learn more → Beautiful box-shadow examples 90+ free beautiful CSS box-shadow, ready to use, click to copy. Learn more →

                Beautiful CSS checkboxes examples - CSS Scan
              • Dagger | We Replaced Our React Frontend with Go and WebAssembly

                A few weeks ago, we launched Dagger Cloud v3, a completely new user interface for Dagger Cloud. One of the main differences between v3 and its v2 predecessor is that the new UI is written in WebAssembly (WASM) using Go. At first glance, this might seem an odd choice - Go typically isn't the first language you think of when deciding to program a Web UI - but we had good reasons. In this blog post,

                  Dagger | We Replaced Our React Frontend with Go and WebAssembly
                • WebAssembly Troubles part 1: WebAssembly Is Not a Stack Machine

                  WebAssembly Troubles part 1: WebAssembly Is Not a Stack Machine Preamble This is part 1 of a 4-part miniseries on issues with WebAssembly and proposals to fix them. Part 2 here, part 3 here, part 4 here. This article assumes some familiarity with virtual machines, compilers and WebAssembly, but I’ll try to link to relevant information where necessary so even if you’re not you can follow along. Als

                  • 知られざる globalCompositeOperation テクニック

                    この記事は、JavaScript で Flash Player の実現を頑張った(もしくは現在進行系で頑張っている)人たちの集う Flash Advent Calendar 2020 に参加しております。 HTML5 の Canvas はかなりの機能を有しております。Flash Player の実装にあたってこれらの豊富な Canvas の機能は大変有用なのですが、そんな中でも globalCompositeOperation というマイナー機能の活用方法は、今の時代でも十分に応用が効く知識です。Flash 終了への手向けとして、ここにその機能の素晴らしさと有効利用の方法を改めて紹介致します。 HTML5 (canvas) の globalCompositeOperation とは 一言で言うと、globalCompositeOperation は Composite すなわち合成方法の指

                    • 【ちゃんと理解して使えてる?】 Webデザイナー必見!CSSグラデーションの仕組み解説 | 仙台のウェブ制作会社AndHA

                      【ちゃんと理解して使えてる?】 Webデザイナー必見!CSSグラデーションの仕組み解説 公開日 : 2022.07.27 最終更新日 : 2022.10.05 コーディング cssグラデーションについて記事を書いていきます。現在はジェネレータ等でさくっと作成できますが、グラデーションの指定方法を理解して使用するとより一層表現の幅が広がると思います! 一緒に勉強していきましょう!!! グラデーションとはCSS グラデーションは データ型で表現され、2つ以上の色の間の連続的な変化から成る の特殊型です。グラデーションは3種類から選択することができます。線形 (linear) (linear-gradient() 関数によって生成)、放射 (radial) (radial-gradient() 関数によって生成)、扇形 (conic) (conic-gradient() 関数によって生成) の3

                        【ちゃんと理解して使えてる?】 Webデザイナー必見!CSSグラデーションの仕組み解説 | 仙台のウェブ制作会社AndHA
                      • swf2js SWF/FlashをHTML5に変換、JavaScript製FlashPlayerエミュレーター

                        2020年のAdobe Flash Playerサポート終了に伴い、全てのFlashコンテンツは2つの選択を迫られました。 選択肢1「サービスの終了」/選択肢2「作り直す」 swf2jsはFlashコンテンツをそのままHTML5化するという3つめの選択肢を選びました。 Adobe Animate(Flash)はとても優れたオーサリングツールで、SWFファイルを通じた描画はとても軽量で美しい表現が可能です。 これらの資産と技術はこれからのWeb業界でもまだまだ活躍できる技術です。 swf2jsはSWFをリアルタイムで分解しHTMLの技術を用いてエミュレートするライブラリです。 ブラウザの標準技術を採用する事でAdobe Flash Playerが抱えていた脆弱性の問題も大きく改善されています。 そして、各ブラウザの進化と共に快適な環境を一緒に構築していくことができます。 実装言語はJavaS

                          swf2js SWF/FlashをHTML5に変換、JavaScript製FlashPlayerエミュレーター
                        • 日本語版を公開 - 法律専門家のためのWebAssembly : ライセンス コンプライアンスにおける現在のパラメータを探る - The Linux Foundation

                          日本語版を公開 – 法律専門家のためのWebAssembly : ライセンス コンプライアンスにおける現在のパラメータを探る 本日、オープンソース ライセンスコンプライアンスの第一人者Armijn Hemel氏 (MSc, Tjaldur Software Governance Solutions) によるレポート「WebAssembly (Wasm) for Legal Professionals : Exploring Current Parameters in License Compliance」の日本語版「法律専門家のためのWebAssembly : ライセンス コンプライアンスにおける現在のパラメータを探る」が公開されました。 WebAssemblyは、現在注目を集めている技術です。インターネット上のWebAssemblyドキュメントは、主に開発者を対象としており、その使用方法

                            日本語版を公開 - 法律専門家のためのWebAssembly : ライセンス コンプライアンスにおける現在のパラメータを探る - The Linux Foundation
                          • Webアプリを高速化してユーザー体験を快適にするWebAssemblyの入門書が発売

                            ブラウザで多くのコンテンツが提供されるようになり、Webアプリの処理を高速化する手法が重要になっています。特にJavaScriptでは快適なユーザー体験を届けられない場合には、何か別の手法が必要です。 そこで役立つのがソフトウェアアーキテクチャのWebAssemblyです。ブラウザで重くなる処理をバイナリに変換して実行できる技術で、パフォーマンスを最適化して高速な処理を実現できます。 新刊『入門WebAssembly』は、このWebAssemblyに興味があるエンジニアが仕様や機能、実装方法を基本から学べる入門書です。 どのようなケースでWebAssemblyを利用したらいいのか、また利用すべきでないかも説明しており、デバッグやメンテナンスなど運用面も解説が充実しています。 Webエンジニアにとって必須となる高速化の技術として、ぜひWebAssemblyを試してみてください。 ※本書は『T

                              Webアプリを高速化してユーザー体験を快適にするWebAssemblyの入門書が発売
                            • WebAssemblyのパッケージマネジメントとレジストリ「WAPM」がリニューアルして登場

                              オープンソースのWebAssemblyランタイム「Wasmer」などを開発する米Wasmer社は、WebAssemblyのパッケージマネージメントとレジストリの機能を備えたWebサイト「WAPM」(YouTubeの説明では「ワプム」と発音しているように聞こえます)の機能を刷新したことを発表しました。 WAPMの基本的な機能は、WebAssemblyのランタイム上で利用可能なさまざまなソフトウェアをユーザーが登録し、他のユーザーが登録済みのソフトウェアを一覧表示や検索などにより発見することが可能なレジストリの機能と、それをランタイム上にダウンロードしてソフトウェアへの組み込みやインストールなどを行うパッケージマネジメントの機能などです。 WAPMは2019年にオープンソースとして公開され、今回新たな機能追加やUI改善などによりWebサイトが刷新されました。 新機能として、WAPMを参照してい

                                WebAssemblyのパッケージマネジメントとレジストリ「WAPM」がリニューアルして登場
                              • The best WebAssembly runtime may be no runtime at all | Frank DENIS random thoughts.

                                When we think “a fast AOT WebAssembly compiler and runtime”, we typically think about V8, Wasmer, WasmEdge or Wasmtime. All of these have in common that they are large, complicated pieces of software, that come with a lot of overhead, and only work on a limited set of platforms. But how about transpiling WebAssembly code to C source code, and leveraging the state-of-the-art optimization passes of

                                • aタグの効果を残したままリンクを無効にする方法|freela

                                  <a>タグでリンク要素を複数作ったけど、まだ一部リンク先がない。 <a>タグに付けている効果は無くしたくない 今回は、そのような場合に、ホバー効果も残しつつ、クリックさせてもどこにも移動もさせない<a>タグを残したまま『リンクを無効』する方法をご紹介します。 aタグを使用したリンクの無効化 <a>タグを使用したままリンクだけを無効にしたい場合があるかと思います。 よくある方法では、リンク先を下記のように「#」や「/」にする方法があります HTML <a href="#">○○</a> <a href="/">○○</a> しかし、上記の方法だとクリックされるとページトップ(上部)に戻ってしまうので、この方法もしたくない… 「かといってホバー効果も無くしたくないし<a>タグを<span>にしたり書き直すのもまたCSSに書き足さないと…いま無効にしたいだけなの!!」 のような方もいるかと思いま

                                    aタグの効果を残したままリンクを無効にする方法|freela
                                  • HTML5はHTML Standardへ呼称変更 ~ HTML5プロフェッショナル認定試験は今後も有効 ~ |HTML5道場|Web資格なら「HTML5プロフェッショナル認定試験」公式サイト

                                    バズワードとしてのhtml5 HTML5と聞いてみなさま何を想像するでしょうか?バズワード化したウェブプラットフォームの代名詞としてのHTML5ということも、ウェブページ記述言語としてのHTML5ということもあるかもしれません。WHATWGのHTML仕様書の導入部にも、これはHTML5なの?という項目で、短くいえばその通りで、モダンウェブテクノロジーを意味して広くバズワードとして利用される文脈ではHTMLのようなWHATWGで開発されている仕様書もたくさん含まれます、という記述があります。 バズワードという意味では、これからの時代はウェブアプリケーションだ!HTML5だ!というお題目で、コミュニティーイベントを2000年代から展開していた仲間と、ようやくHTML5もバズワードとして認知され広まっていく端緒につくところまで来たなと2010年頃に呑みながら語り合った日々を懐かしく思い出すことも

                                      HTML5はHTML Standardへ呼称変更 ~ HTML5プロフェッショナル認定試験は今後も有効 ~ |HTML5道場|Web資格なら「HTML5プロフェッショナル認定試験」公式サイト
                                    • JavaScriptとRust(WebAssembly)でグラフの深さ優先探索のベンチマーク - Qiita

                                      はじめに 前々からRust + WebAssemblyでネットワーク可視化のライブラリを作っていましたが、使い勝手を良くするためのFFI(Foreign Function Interface)、つまりJavaScript側とRust側のどちらでデータを持つのか、そして他方にどのようなインタフェースを提供するのかの設計には悩まされていました。そこで今回は、グラフ処理の基本の一つである深さ優先探索(DFS)でベンチマークをとり、性能面での比較を行いました。私のアプリケーションでは、RustとJavaScript双方でアルゴリズムを書くこともあるため、グラフデータ構造の隣接リストとDFSのそれぞれをJavaScriptとRustの両方で実装し、4通りの組み合わせを比較します。 実装 それぞれの実装の一部を記載します。全体のソースコードは GitHubのリポジトリ をご覧ください。 隣接リストのJ

                                        JavaScriptとRust(WebAssembly)でグラフの深さ優先探索のベンチマーク - Qiita
                                      • 子テーマを作成するプラグイン『Child Theme Configurator』を分かりやすく日本語訳にして解説 | かちろぐ

                                        この記事はこんな人にオススメ 子テーマをなんとかして簡単に作りたい人 子テーマを自作しようと思ったけど、分からなかった人 開発元に子テーマがなくて困っている人 ぱそらっくなぁなぁ、WordPressには子テーマを用意したほうが良いって言ってくれたやん? ソルティーそうですね。基本は子テーマを有効にしておけば良いと思います。 ぱそらっくせやけど、使用したいテーマに子テーマがなかったんや。自作しようと思ったんやけど、意味不明でな~。 もうちっと簡単にできるのあらへんのか? ソルティーそうですねぇ。そしたら『Child Theme Configurator』ってプラグインを使うと良いんじゃないでしょうか? 子テーマを簡単に作成できますよ。 ぱそらっくおお!そんなんあるんか!ぜひ教えてほしいねん! 子テーマを作成したいと思う理由…それは、親テーマのアップデートによってカスタマイズ内容が失われる可能

                                          子テーマを作成するプラグイン『Child Theme Configurator』を分かりやすく日本語訳にして解説 | かちろぐ
                                        • Red HatがクローンOSベンダを非難/プログラミングのためのBGM/DockerコンテナイメージをWebAssemblyに変換など、2023年6月の人気記事

                                          Red HatがクローンOSベンダを非難/プログラミングのためのBGM/DockerコンテナイメージをWebAssemblyに変換など、2023年6月の人気記事 MacBook Air 15インチが発表されてすぐに購入しました。たぶん10年ぶり4回目くらいのMacユーザーになります。 もうマシンは手元に届いているのですが、なかなか時間がとれずに移行作業ができてできません。7月中には、いまのThinkPadからMacへの移行を済ませたいなあと思っています。 さて、6月の人気記事を紹介していきましょう。 1位から3位 1位 Red HatがクローンOSベンダを非難、「付加価値もなくコードをリビルドするだけなら、それはオープンソースに対する脅威だ」と 2位 マイクロソフト、ChatGPTに任意のドキュメントを読み込ませて回答を得られる「Azure OpenAI Service On Your D

                                            Red HatがクローンOSベンダを非難/プログラミングのためのBGM/DockerコンテナイメージをWebAssemblyに変換など、2023年6月の人気記事
                                          • HTMLファイル1つで完結!JavaScriptで高度なスライド資料を作成できる「PRESENTA Lib」を使ってみた! -

                                            どうも、まさとらん(@0310lan)です! 今回は純粋なJavaScriptだけであらゆるタイプのスライド資料を手軽に作成できるライブラリをご紹介します! わずかなコードを記述するだけのシンプルな使い方と、プラグインによる強力な拡張性も備わっているのが大きな特徴です。記事の後半では、プログラミングに慣れていない人のための専用エディタについてもご紹介しています。 これからスライドを作る予定のある方も含めて、ぜひ参考にしてみてください! なおJavaScriptの基本は、paizaラーニングの「JavaScript入門編」で学ぶことができます。 【 PRESENTA Lib 】 ■「PRESENTA Lib」の導入 それでは、「PRESENTA Lib」をどのように使えばいいのか詳しく見ていきましょう! まずはライブラリの導入方法ですが、主に2種類あります。1つ目はnpmを利用してインストー

                                              HTMLファイル1つで完結!JavaScriptで高度なスライド資料を作成できる「PRESENTA Lib」を使ってみた! -
                                            • JavaScriptでRPGを作ろう!スマホにも対応したゲームの作り方

                                              今回から作るゲームについて まずは、今回から作っていくゲームを見てみましょう。 このようなゲームを作ります。 (パソコンで遊ぶときは、ゲーム画面をクリックしてから、なにかキーを押してね!) ※音が出ますので、ご注意ください。 パソコンの場合は、ゲーム画面をクリックしてから、なにかキーを押してください。 スマホの場合は、ゲーム画面をタップして、ゲームをはじめてください。 タイトル画面では、スペースキー、もしくはタップで、次に進めます。 ゲーム内では、方向キー、もしくはゲーム左下の方向パッドで、山田先生を操作《そうさ》できます。(方向パッドはスマホのみで対応。パソコンのマウスでは操作できません) ゲーム内容: 山田先生、りこちゃん、アルくんが、迷宮《めいきゅう》に閉じ込められてしまいました。 前後左右、どこを見ても壁ばかり。でもきっとどこかに出口があるはず…… みんなでゴールを目指そう! この

                                                JavaScriptでRPGを作ろう!スマホにも対応したゲームの作り方
                                              • Isolates, microVMs, and WebAssembly

                                                I’m mostly focused on two lines of inquiry. First: What’s the promise of WebAssembly? Why is it exciting? What makes it different? (I get into some of this in What’s WebAssembly?) And second: What’s the state of WebAssembly today? For me, answering both of those questions required an exploration of Serverless more broadly, as WebAssembly could both compete with and complement emergent technologies

                                                • V8 JavaScript Engine 9.0で、JavaScript to WebAssemblyのパフォーマンスを向上

                                                  Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

                                                    V8 JavaScript Engine 9.0で、JavaScript to WebAssemblyのパフォーマンスを向上
                                                  • WebAssembly導入の効果をプラットフォーム別に比較してみた - anti scroll

                                                    先日、縦書き文庫の組版エンジン(nehan)をRustで書き直し、WebAssembly化したと報告しました。 tategakibunko.hatenablog.com その際に「約3倍の速度向上があった」と書いたのですが、あれから約2週間分の利用者のログをもとに、プラットフォーム別に速度を比較したところ、ちょっと違う結果が出ました。 比較したプラットフォーム とても大雑把ですが、PC(Windows)とPC(Mac)とiPhone、Androidに分けて計測しました。 プラットフォーム別の速度 以下は速度比較のグラフです。縦軸は秒速の組版字数で、大きいほど速いことになります。 赤がnehan7(js)の速度で、青がnehan8(wasm)の速度です。 nehan7(js) vs nehan8(wasm) プラットフォーム別の速度向上率は、こんな感じでした。 PC(Windows):約7倍

                                                      WebAssembly導入の効果をプラットフォーム別に比較してみた - anti scroll
                                                    • Ruby 3.2.0がリリース―WebAssembly/WASIサポート、YJIT実用化、正規表現DoSへの対応など | gihyo.jp

                                                      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(仮想ファイ

                                                        Ruby 3.2.0がリリース―WebAssembly/WASIサポート、YJIT実用化、正規表現DoSへの対応など | gihyo.jp
                                                      • 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

                                                          Speeding Up the Webcola Graph Viz Library with Rust + WebAssembly - Casey Primozic's Homepage
                                                        • 国交省のオープンデータ、地理院地図を使ったHTML2行で追加するアクセス情報、map-viewタグ

                                                          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はオープンソースの

                                                            国交省のオープンデータ、地理院地図を使ったHTML2行で追加するアクセス情報、map-viewタグ
                                                          • Directly compiling Scheme to WebAssembly: lambdas, recursion, iteration! — Spritely Institute

                                                            Become a Spritely supporter today!We're building the next generation of distributed web technology for secure collaboration and we need your help to fill up our health bar by February 5, 2025! Directly compiling Scheme to WebAssembly: lambdas, recursion, iteration!Christine Lemmer-Webber — May 30, 2023 It's been just over three months since we announced the Guile on WebAssembly project (codenamed

                                                              Directly compiling Scheme to WebAssembly: lambdas, recursion, iteration! — Spritely Institute
                                                            • a11yとUXを向上させる4つのヒント - グラフィックスにテキストを使用してはいけないなど

                                                              9月7日、dev.toに「a11yとUXを向上させるフロントエンドの4つのヒント」が公開された。 The 4 Frontend tips for improving a11y and UX - dev.to この記事では、スクリーンリーダーの読み上げを意識した実装など、アクセシビリティ、UX向上のヒントを4つ紹介している。 目次 グラフィックスにテキストを使用してはいけない aria-labelでは、動詞を使って要素が行動につながることを伝える パスワードの表示・非表示には、ボタン要素を使う 正しいバーチャルキーボードを表示する グラフィックスにテキストを使用してはいけない テキストを使ってグラフィックを作成する方法がある。 よくある例として、クローズボタンの十字アイコンを乗算記号(x)で作成することが挙げられる。 確かに視覚的には有効な解決策だが、アクセシビリティの観点からすると、バッド

                                                                a11yとUXを向上させる4つのヒント - グラフィックスにテキストを使用してはいけないなど
                                                              • Wasmer takes WebAssembly libraries mainstream with WAI · Blog · Wasmer

                                                                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

                                                                  Wasmer takes WebAssembly libraries mainstream with WAI · Blog · Wasmer
                                                                • 【海外記事紹介】Cookie vs ローカルストレージ vs IndexedDB…ブラウザに搭載されたストレージ系APIのパフォーマンスを徹底比較

                                                                    【海外記事紹介】Cookie vs ローカルストレージ vs IndexedDB…ブラウザに搭載されたストレージ系APIのパフォーマンスを徹底比較
                                                                  • Threads and messages with Rust and WebAssembly

                                                                    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

                                                                      Threads and messages with Rust and WebAssembly
                                                                    • copyrightのマークアップにsmallを使うことについて。

                                                                      久方ぶりのブログです。そういうわけでオオコシです。 コードレビューをしているときに下記のようなマークアップを見かけて、 <footer> <p><small>©2020- EVOWORX</small></p> </footer> そういえばコレsmall要るんだっけ?と思い、改めて確認してみたんですが、最近の日本のリファレンス系サイトを見ると、わりとどのサイトもfooter > p > small で記載するよう書かれていました。 ※ちなみにコピーライトの書式については 著作権表示 – Wikipedia や 年号と©マークと何が必要?Copyright(コピーライト)表記の正しい書き方 を参照してみてください。©と発行年、権利者が書いてあればOKです。 なぜこの書き方に違和感を持ったかと言うと、2014年のものになってしまうんですが、下記の記事を見てからfooterの中身がcopyri

                                                                        copyrightのマークアップにsmallを使うことについて。
                                                                      • HTMLのcanvasとJavaScriptでお絵かきアプリ【線の太さ機能編】|Web白熱教室

                                                                        今回はHTMLのcanvas・JavaScriptを使って作る「お絵かきアプリ」シリーズの最後の記事です。 前回・前々回の記事で使用したコードをベースにしているので、まだ読んでいない方は以下の記事を読むことでより理解が深まるかと思います。

                                                                          HTMLのcanvasとJavaScriptでお絵かきアプリ【線の太さ機能編】|Web白熱教室
                                                                        • HTML5/CSS3のニュースやTIPSなどのまとめ (2020年9月27日)

                                                                          (*価格は掲載時のものです。購入時にご確認ください。)

                                                                            HTML5/CSS3のニュースやTIPSなどのまとめ (2020年9月27日)
                                                                          • n2t-wasm - Nand2TetrisをWebAssemblyでエミュレーション

                                                                            Nand2TetrisというのはNand回路を使ってCPUやメモリの基本的な動作を学び、最終的に Nand回路でテトリスを作るというものです。CPUのような基礎から学ぶことで、コンピュータの動作を基礎的な部分から学べるでしょう。 n2t-wasmはそんなNand2TetrisをWebAssemblyにしたエミュレータになります。 n2t-wasmの使い方 ROMを指定して読み込みます。 PONGを動かしました。 n2t-wasmでは他にもデモプログラムがあるのですが、筆者環境(Google Chrome)では動きませんでした。n2t-wasmはNand2TetrisをWebAssembly化することで、Webブラウザ上でNand2Tetrisを体験できるようになります。これは手軽で面白そうです。 n2t-wasmはRust製のオープンソース・ソフトウェア(MIT License)です。 H

                                                                              n2t-wasm - Nand2TetrisをWebAssemblyでエミュレーション
                                                                            • Icon Status | プロフィール画像カスタマイズツール

                                                                              このツールについて Icon Statusはあなたのプロフィール画像にステータスを表すテキストを入れられるだけのシンプルなサービスです。 ClubhouseやTwitter、Facebookなどのプロフィール画像にご利用ください。 ご要望はTwitter@yagerまで! シェア歓迎

                                                                                Icon Status | プロフィール画像カスタマイズツール
                                                                              • フロントエンドエンジニアの皆さん、フルスタック目指しませんか?飲食スタートアップがエンジニア大募集!

                                                                                フロントエンドエンジニアの皆さん、フルスタック目指しませんか?飲食スタートアップがエンジニア大募集! 株式会社トレタ @toreta フロントエンド Startup TypeScript I want to hear a detailed フロントエンドをやりたい人、フロントエンド開発全般に興味のある人、トレタでチャレンジしてみませんか? 株式会社トレタは、飲食店向けの予約サービスを展開しており、業界ではNo.1シェアを獲得しているスタートアップです。弊社は現在、フロントエンドエンジニアの募集を行っています。 モダンなWebサービス開発に特化した体制へ 弊社は長らく、Ruby on Railsによるサービス開発を行ってきました。しかしWeb APIベースのモダンなWebサービス開発が一般的になった昨今では、 Ruby on Railsだと色々と余計な手続きも多いと感じるようになってきました

                                                                                  フロントエンドエンジニアの皆さん、フルスタック目指しませんか?飲食スタートアップがエンジニア大募集!
                                                                                • track要素で字幕を表示する-サンプル:ほんっとにはじめてのHTML5とCSS3

                                                                                  この動画は NHKクリエイティブ・ライブラリー素材サイトからダウンロードして使用しています。 *音声ファイルは「音の素材集 - ©OVER RISE」のCD-ROMから使用しています。 *この音声の著作権は、OVER RISEにあります。 track要素で、<video>に字幕などを表示する <video>要素内に入れて、字幕を表示したサンプルです。 HTMLはこちら ↓ <video controls poster="img/vid_img.jpg" preload="auto" width="640" height="360"> <source src="video/uchiage.webmsd.webm" type="video/webm"> <source src="video/uchiage.mp4" type="video/mp4"> <track src="track.vtt

                                                                                  新着記事