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
（＊価格は掲載時のものです。購入時にご確認ください。）
はじめに 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”]を使うと思います。 このinput要素、デフォルトの見た目がイケてないですよね。Chromeで開いた場合こんな感じです。 input[type=”file”]の見た目を変更しようと思った場合、単純にinput要素にCSSを指定してもうまく変わらず、若干クセがあります。 今回は、input[type=”file”]の見た目を変更する方法と選択したファイル名を表示したり、選択したファイルをクリアする方法をご紹介したいと思います。
![input[type=”file”]の見た目を変更して選択ファイル名の表示やクリアにも対応させる方法](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
submit前にJavaScriptで書き換える方法がポピュラーなようですが、HTML5ではもっと簡単な方法があります。SPA全盛の現代にはあまりそぐわないですが、ご紹介しておきます。 SubmitボタンでActionをオーバーライドする 実は、HTML5から新たに属性が追加されており、これを指定することでFormのパラメータをオーバーライドすることができます。 以下のようなフォームの内容を、押したsubmitボタンによって複数のエンドポイントに送信できるボタンを追加してみます。 <form action="xxx" method="post"> <input type="text" name="param1" value="value1"> <input type="text" name="param2" value="value2"> <input type="text" name="
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)
（＊価格は掲載時のものです。購入時にご確認ください。）
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年5月16日)
【HTML】dialogでモーダルを作ってみる - Qiita
HTML5/CSS3のニュースやTIPSなどのまとめ (2020年2月16日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2019年6月14日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2019年6月17日)
様々なタイプのHTMLメールの雛型をまとめた・「Coded Mails」
track要素で字幕を表示する-サンプル：ほんっとにはじめてのHTML5とCSS3
How WebAssembly changes software distribution | Max Desiatov
input[type=”file”]の見た目を変更して選択ファイル名の表示やクリアにも対応させる方法
WAI-ARIA Roles - Accessibility | MDN
【HTML5】formのactionをsubmitボタン毎に変える方法(JavaScript不要)
n2t-wasm - Nand2TetrisをWebAssemblyでエミュレーション
HTML5/CSS3のニュースやTIPSなどのまとめ (2019年11月18日)
HTML5/CSS3のニュースやTIPSなどのまとめ (2019年7月9日)