HTML5/CSS3のニュースやTIPSなどのまとめ (2019年11月10日)
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
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だと色々と余計な手続きも多いと感じるようになってきました
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
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.setAttribut
はじめに HTML5.2でいろいろ機能が変更されたHTMLのdialogタグ いろんな使い方があると思いますが、モーダルを作っている人がいたので、真似して作ってみました(みたかった) DEMO そもそもdialogって？ dialog要素は閲覧者が操作可能なダイアログを表す。 open属性を指定すれば、dialogが初期状態で表示される。 操作はJavaScriptで行う。 ※ブラウザによっては、正しく表示されないかもしれません。
（＊価格は掲載時のものです。購入時にご確認ください。）
Coded Mailsは様々なタイプのHTMLメールの雛型をまとめたHTMLメールキュレーションサイトです。 HTMLメールといっても用途はいろいろありますが、ウェルカムメールやパスワードリセット、決済後の領収書メール、ニュースレター、通知メール、そのほか一般的なHTMLメールなどに分けて、いくつか雛型を用意、コードをコピーできるようになっています。 無償版は非商用なら自由に使えるそうですがMITライセンスとなっているようです。有償版はMJMLのコードも利用できるなどの特典が用意されています。 Coded Mails
（＊価格は掲載時のものです。購入時にご確認ください。）
この動画は 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
If you had any experience with Windows and Internet Explorer in the 90s, quite probably you remember ActiveX controls. Most frequently this involved bulky popups on pages with these controls having to display something more complex than a few blocks of text. Or, remember Java applets? They became available in 1995, and later they weren’t limited to just Windows and Internet Explorer. I remember I
WebAssemblyのgotoを妥協する
WebAssemblyのgotoを妥協する 前回のあらすじ: WebAssemblyでgotoを作ろうとしたらめっちゃ大変。 (loop $loop (if (i32.gt_u (local.get $next) (i32.const 0)) (then (local.set $jump (local.get $next)) (local.set $next (i32.const 0)))) (block $block2 (block $block1 (br_if $block1 (i32.eq (local.get $jump) (i32.const 1))) (br_if $block2 (i32.eq (local.get $jump) (i32.const 2))) (call $code1) (if (call $test1) (then ;; Forward super jum
input[type=”file”]の見た目を変更して選択ファイル名の表示やクリアにも対応させる方法 | TechMemo
フォームでファイルを選択して送信できるようにするためには、以下のようなinput[type=”file”]を使うと思います。 このinput要素、デフォルトの見た目がイケてないですよね。Chromeで開いた場合こんな感じです。 input[type=”file”]の見た目を変更しようと思った場合、単純にinput要素にCSSを指定してもうまく変わらず、若干クセがあります。 今回は、input[type=”file”]の見た目を変更する方法と選択したファイル名を表示したり、選択したファイルをクリアする方法をご紹介したいと思います。 input[type=”file”]の見た目を変更する方法 まずは見た目を変更していきます。HTMLは以下のようにlabelで囲み、ファイル名を表示するための要素も追加します。 <label> <input type="file" name="file" clas
![input[type=”file”]の見た目を変更して選択ファイル名の表示やクリアにも対応させる方法 | TechMemo](https://cdn-ak-scissors.b.st-hatena.com/image/square/c7ec9071e6eae983bb523381abcd6bd0ca044868/height=288;version=1;width=512/https%3A%2F%2Ftechmemo.biz%2Fwp-content%2Fuploads%2F2020%2F06%2Finput-file.jpg)
AccessibilityGuidesAccessibility information for web authorsAccessibility: What users can do to browse more safelyAn overview of accessible web applications and widgetsKeyboard-navigable JavaScript widgetsMobile accessibility checklistUnderstanding the Web Content Accessibility GuidelinesCognitive accessibilityAccessibility and Spacial PatternsWeb Accessibility: Understanding Colors and LuminanceW
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
出版社：オライリージャパン、著：Mario Casciaro / Luciano Mammino、翻訳： 武舎広幸／阿部和也 (nokindle)
‘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 workloads to WebAssembly runtimes, with a v0.1.0 release
（＊価格は掲載時のものです。購入時にご確認ください。）
「すでに.NET Core 3やDockerに対応、今後ターミナル機能の統合やBlazor WebAssembly対応など」
Join our community of software engineering leaders and aspirational developers. Always stay in-the-know by getting the most important news and exclusive content delivered fresh to your inbox to learn more about at-scale software development.
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
wasm-summit-2020-notes.md WebAssembly Summit 2020 https://webassembly-summit.org/ Lin Clark's Talk - "WebAssembly Nanoprocess" https://www.youtube.com/watch?v=IBZFJzGnBoU the missing functionality alongside WASI and Interface Types is something that provides "capability-based security". Delegation of permissions to propagate down transitive dependencies plan to use fine-grain form of per-module vi
出版社：オーム社、原著：Grodet Aymeric / Bahadur M.D. Rakib、著：金子平祐／ゴロデエムリク／バハドゥル・M.D. ラキブ／新居雅行
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
（＊価格は掲載時のものです。購入時にご確認ください。）
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年3月24日)
フロントエンドエンジニアの皆さん、フルスタック目指しませんか？飲食スタートアップがエンジニア大募集！
rust,rust-lang,wasm,webassembly,tutorial,guide
localStorageで保存可能の、シンプルなテーマ切り替え - かちびと.net
【HTML】dialogでモーダルを作ってみる - Qiita
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年5月16日)
様々なタイプのHTMLメールの雛型をまとめた・「Coded Mails」
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年2月16日)
track要素で字幕を表示する-サンプル：ほんっとにはじめてのHTML5とCSS3
How WebAssembly changes software distribution | Max Desiatov
WAI-ARIA Roles - Accessibility | MDN
n2t-wasm - Nand2TetrisをWebAssemblyでエミュレーション
HTML5/CSS3のニュースやTIPSなどのまとめ (2019年11月18日)
Kubernetes meets WebAssembly in Microsoft’s Krustlet
HTML5/CSS3のニュースやTIPSなどのまとめ (2021年3月23日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年3月12日)
Can WebAssembly Solve Serverless's Problems?
HTML5/CSS3のニュースやTIPSなどのまとめ (2021年4月20日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年8月24日)
WebAssembly Summit 2020 Notes
HTML5/CSS3のニュースやTIPSなどのまとめ (2021年2月18日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2019年10月5日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2019年9月29日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2021年4月12日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2021年2月2日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年4月16日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年3月31日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2021年10月6日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年12月28日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年10月6日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年6月19日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年2月14日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2019年12月15日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2019年11月16日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2021年1月12日)