「Webは次のギアにシフトしている」〜HTML5 Conference 2018 基調講演レポート：レポート｜gihyo.jp … 技術評論社
11月25日、東京電機大学千住キャンパスにて「HTML5 Conference 2018」が開催されました。本稿では基調講演の模様をレポートします。 カンファレンスの最初に基調講演が行われました。3名の登壇者が発表しました。 岩井将行氏「IoTとWEB技術が支える社会・大学としての人材育成の役割」 はじめに会場を提供している、東京電機大学未来科学部情報メディア学科准教授の岩井将行氏が登壇しました。 岩井氏の研究室からはWeb関係の会社に就職する学生も多く、これまでのように学術をやっている大学がハブになって企業とつながり、今後も若い人材を育成していきたいという話がありました。 そして岩井氏は、時代としてIoTから一進んでWeb of Thingsになってきていると、ますます感じていると言及しました。たとえば、ESP32とそのモジュールが秋葉原を中心に人気で、M5Stackという形で販売されて
WebPerl | Run Perl in the browser with WebPerl!
Run Perl in the browser with WebPerl! View the Project on GitHub haukex/webperl [ Using - Building - 🦋 - Notes - Legal - Wiki ] Welcome to WebPerl! WebPerl uses the power of WebAssembly and Emscripten to let you run Perl in the browser! WebPerl does not translate your Perl code to JavaScript, instead, it is a port of the perl binary to WebAssembly, so that you have the full power of Perl at your
WebAssembly's post-MVP future: A cartoon skill tree - Mozilla Hacks - the Web developer blog
People have a misconception about WebAssembly. They think that the WebAssembly that landed in browsers back in 2017—which we called the minimum viable product (or MVP) of WebAssembly—is the final version of WebAssembly. I can understand where that misconception comes from. The WebAssembly community group is really committed to backwards compatibility. This means that the WebAssembly that you creat
HTML5+javascriptでEPUB３を作成する(JSZip編） - Qiita
「HTML5+javascriptを使ってブラウザでEPUB３を作成する」の記事では、概略として簡略的にかいていたのを詳細に書いてみようと思う。 JSライブラリの読み込み JSZIPで圧縮したファイルを生成するには。最低限次のようにjszipとFileSaverを読み込む。 <script type="text/javascript" src="js/jszip.min.js"></script> <script type="text/javascript" src="js/FileSaver.js"></script>
普及期を終え成熟期に入った「Node.js」はこれからどうなる？－コミッターが語る現状と未来【前編】
サーバサイドJavaScriptのための環境として登場した「Node.js」は、今やクライアント環境でのJavaScriptランタイムとしてもポピュラーなものとなっています。その開発はどのようなプロセスで進められており、今後はどのような形で進化していくのでしょうか。今回、Node.jsのコミッターであるヤフーの大津繁樹氏と、「Japan Node.js Associations」の代表理事を務める、リクルートテクノロジーズの古川陽介氏に、それぞれの立場から「Node.js」の現状と未来について語っていただきました。モデレーターは、テックフィード代表取締役の白石俊平氏が務めます。本稿は2部構成の【前編】です。 日本の「Node.js」コミッターには実は意外なつながりが？ 白石：今回は、Node.jsのコミッターである大津さんと古川さんに、Node.jsの現在と未来について語っていただきたいと
de:code2018セッションフォローアップ「進化する Web ～ Progressive Web Apps の実装と応用 ～」 | Microsoft Docs
de:code2018セッションフォローアップ「進化する Web ～ Progressive Web Apps の実装と応用 ～」 07/03/2018 7 minutes to read ひさびさにブログを書く時間が取れたので、今ごろですが de:code 2018 で私が担当した AD09「進化する Web ～ Progressive Web Apps の実装と応用 ～」のについてのフォローアップ記事を書きます。 二日目の最終セッションにもかかわらず、ご参加くださいました皆様、誠にありがとうございました。 アンケートの内容を見るに、多くの方にご満足いただけたようで非常にうれしく思います。 この記事では、同セッションの内容について記述していきます。 進化する Web ～ Progressive Web Apps の実装と応用 ～ 進化する Web ～ Progressive Web Ap
Webpack 4.0 Release: What's New?
WebpackWebpack 4.0 Release: What's New?Webpack 4.0 has officially been released. What's new? What improvements were made? Learn how to build faster web applications with this new release. TL;DR: On Sunday, February 25, 2018, Webpack 4.0, was released to the public. Legato (Weboack 4.0's codename) is a major release to the JavaScript module bundler. It has taken about eight months since the release
Welcoming Progressive Web Apps to Microsoft Edge and Windows 10
A little over a year ago, we outlined our vision to bring Progressive Web Apps (PWAs) to the more than half a billion devices running Windows 10. We believe PWAs are key to the web’s future, and couldn’t be more excited about their potential to enable more immersive web app experiences across all device form factors. Today, we’re excited to take a major step from vision to reality, starting with s
Debugging Service Workers
プログレッシブ ウェブアプリ: オフライン コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 1. ようこそ このラボでは、既存のウェブ アプリケーションをオフラインで使用できるようにします。これは、プログレッシブ ウェブアプリ ワークショップの一連のコンパニオン Codelab の最初です。このシリーズにはさらに 7 つの Codelab があります。 学習内容 Service Worker を手動で作成する 既存のウェブ アプリケーションに Service Worker を追加する Service Worker と Cache Storage API を使用してリソースをオフラインで使用できるようにする 必要な予備知識 簡易 HTML と JavaScript 必要なもの Service Worker をサポートするブラウザ 2. 準備 まず、この Co
グレープシティ、入力支援用JavaScriptライブラリ「InputManJS」を新発売 | gihyo.jp
グレープシティ（株）は、Webアプリケーションでのさまざまな入力に対応したHTML5/JavaScript開発ライブラリ「InputManJS」を2018年2月14日に発売する。 「InputManJS」は、同社がWindows用開発コンポーネントとして販売してきた「InputMan」の機能をJavaScriptに移植して開発されたもの。テキスト、入力のマスク、日付時刻、数値など用途別に最適化された入力用コントロールを収録し、日本での使用に便利な和暦や漢数字に対応しており、入力時のフォーカス移動や文字数制限、未入力時のウォーターマークの表示等も指定可能。 InputManJSの使用例、カレンダー機能は休日等を自由に設定可能 同社では入力以外のUIもカバーしたJavaScriptライブラリWijmo等を販売しているが世界共通モジュールとなっており、おもに日本のユーザ向けに入力機能の強化
AMPの気になること全部、Googleの山口さんに聞いてきました！
連載： HTML5 Conference 2017特集 (15)こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に、様々なお話を伺おうというものです。セッションの内容をより深く理解する手助けになるだけでなく、本記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、Googleの山口能迪（やまぐち・よしふみ）さんです。 山口さんのセッションは「AMPで加速するモバイルウェブアプリケーション」でした。 スライド資料はこちらで公開されています。 https://docs.google.com/presentation/d/1ZYyHFRMZnD6bfi6fl9yh9G_TIs3roSxvp-Goa1JZv_c/htmlpresent AMPとは何か？
WebAssemblyはなぜ速いのか | POSTD
本記事はWebAssemblyに関するシリーズの第5回目で、今回のテーマはWebAssemblyが高速な理由です。前の記事をお読みでない方は、 初めから目を通される (訳注:原文リンク)ことをお勧めします。 前回の記事 (訳注:原文リンク)では、プログラミングに WebAssembly あるいはJavaScriptを使うかは二者択一の選択ではないことを説明しました。私たちは、WebAssemblyのみのコードベースを書く開発者が膨大な数になるとは思っていません。 ですので、アプリケーションにWebAssemblyとJavaScriptのどちらを使うか選ぶ必要はありません。しかし私たちとしては、開発者がJavaScriptコードの一部をWebAssemblyに置き換えることを期待しています。 例えば、Reactで開発しているチームは、リコンサイラコード（言い換えれば仮想DOM）をWebAss
Detect WEBP Support with JavaScript
Image optimization is a huge part of improving front-end performance. We've traditionally used JPG/JPEG, GIF, and PNG images but Google and the Chrome team developed the WEBP format which crunches file size and optimizes rendering. If you go to a site like GIPHY in Chrome you'll be served a WEBP, but if you go to the same page in Firefox you'll be served a GIF. Since GIPHY lazy loads its images
Content security policy | Articles | web.dev
Content security policy Stay organized with collections Save and categorize content based on your preferences. Content Security Policy can significantly reduce the risk and impact of cross-site scripting attacks in modern browsers. The web's security model is rooted in the same-origin policy. Code from https://mybank.com should only have access to https://mybank.com's data, and https://evil.exampl
[Atom Editor] 俺の設定とプラグインをさらす - Qiita
最近すっかり Atom 使いになってきたので、設定とプラグインをさらしてみます。他の方のもぜひ見てみたいので、みんなでさらしましょう！ テーマ SublimeText で使ってたのと同じ名前の Flatland Dark Theme と Flatland Dark UI Theme があったのでこれを使っている。 キーマップ キーマップとかは特に変更なし。vim-mode 使ってる。 スタイル 色弱なのでカーソル位置が分かりやすいように Stylesheet は下記のように変更して、検索結果が目立ちやすいようにちょっと派手目に。 .editor { .current-result .region { border-color: green; } .find-result .region { border-color: yellow; } } .editor .cursor { } .vim
![[Atom Editor] 俺の設定とプラグインをさらす - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/f33a0c55d3a71fb2defc3c94d8558e59689b5129/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JTVCQXRvbSUyMEVkaXRvciU1RCUyMCVFNCVCRiVCQSVFMyU4MSVBRSVFOCVBOCVBRCVFNSVBRSU5QSVFMyU4MSVBOCVFMyU4MyU5NyVFMyU4MyVBOSVFMyU4MiVCMCVFMyU4MiVBNCVFMyU4MyVCMyVFMyU4MiU5MiVFMyU4MSU5NSVFMyU4MiU4OSVFMyU4MSU5OSZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnM9YTIzY2FlZjA0MjA4ZmMzNDQzZWFlOGU0OWIwM2QyODM%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBhZ2VrdG1yJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0yMTNhZmI2ODE2M2JiYzIzMTQ1YWJlNjk1MjU1M2E3Mg%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3Dd9cfab86cc77cb9a1b95a5f617e5d5aa)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Declaration
Getting started with IndexedDB inspection in the Microsoft Edge DevTools
ServiceWorkers in practice
What Web Can Do Today
http://www.mobiletechforce.com/blog/wonderful-html5-tools-for-designers/
