[B! HTML5] mima3のブックマーク

mima3 id:mima3

HTML5に関するmima3のブックマーク (10)

[Electron] 5分でWin&Macのクロスプラットフォームアプリを作ろう - Qiita
背景 Electronというエンジンを使えば、JavaScript + HTML + CSS で簡単にクロスプラットフォームアプリが作れ、 WindowsならばEXE形式で配布することも容易です。また、Monaca (HTMLハイブリッドアプリエンジン) と全く同じコードを使いまわすことができ、最終的に、 Win&Mac&Android&IPhoneの全て同一のコードで動かすことが出来ます。参照：Android＆iOS＆Win＆Macが同じコードで動く！超マルチアプリを作ろう[Monaca × Electron] 本投稿の内容本投稿では、誰でも５分程度でElectronのアプリが作れるように ①環境構築＋ ②サンプルコードの開発＋ ③実行＋ ④配布用パッケージングのチュートリアルを行います。他の多くのサイト/記事では、Electronのバージョンにより書き方が異なる点に
mima3 2020/04/02
JavaScript

HTML5

初心者

monaca

Electron

Qiita
リンク
Webアプリの限界を超える方法 - Qiita
他の投稿はこちら Webアプリの限界を超える方法(セキュリティ編) ブラウザで(WebUSBもActiveXも使わずに)FeliCaリーダーを読み込むブラウザでブラウザを操作してスクレイピングを行う Webブラウザでシリアル通信を行う Webアプリの限界経験豊富なwebプログラマなら、Webでは実現困難な機能を知っているでしょう。ローカルの特定のパスに存在するファイルを自動的にアップロードしたい、ブラウザからクローラーを起動して情報収集したい、などなど。 Webをよく知らない顧客や、技術不足のSEがそんな機能を開発しろと言い出します。あなたは「セキュリティ上の理由から、ブラウザでそんなことは出来ない」と断ってきたことでしょう。それ実現できます。そう、WebSocketならね。 WebSocket WebSocketがどのようにWebアプリの限界を突破するか、説明しましょう。 W
mima3 2020/04/02
JavaScript

HTML5

websocket

ActiveX

ハイブリッドアプリ

Qiita
リンク
Webアプリの限界を超える方法(セキュリティ編)～ActiveXを葬る～ - Qiita
他の投稿はこちら Webアプリの限界を超える方法ブラウザで(WebUSBもActiveXも使わずに)FeliCaリーダーを読み込むブラウザでブラウザを操作してスクレイピングを行う Webブラウザでシリアル通信を行う毎年、確定申告の時期になるとe-taxクソ、IE氏ねという呪詛怨念がタイムラインに流れてきます。マイクロソフト自身ですらIE使わないでくれと泣き言を言っていますが企業様におかれましては簡単にIEの利用を辞められない理由があると思います。そうですActiveXですね。既存のActiveX資産をリプレースするための代替手段がないと、IEから脱却することが出来ません。そして、前回はActiveXの代替手段となりうる技術を紹介しました。前回までのあらすじ前回は、ブラウザからネイティブアプリにWebSocket（またはHTTP&CORS）で接続し、Webアプリとネイティ
mima3 2020/04/02
JavaScript

HTML5

websocket

ActiveX

ハイブリッドアプリ

Qiita
リンク
HTML5のapplication cacheがつかえない件 - （ひ）メモ
ちょっと思い違いをしていたのでメモっておきます。 HTML5にはオフラインでも参照できるapplication cacheという機構があります。 HTML5 Rocks - A Beginner's Guide to Using the Application Cache 6.6 Offline Web applications ― HTML Standard 「ローカルキャッシュなんで速いし！サーバーの負荷も減るし！！」と思ってちょっと試してみたんですが、これ、動的なページが基本のWebサービスには役に立ちません。 application cacheは、HTMLに <!DOCTYPE html> <html manifest="/cache.manifest"> <head> ...という風にキャッシュの指示ファイル cache.manifest を指定して、そこでキャッシュするとかしな
mima3 2014/12/27
html5
リンク
Geolocation API－HTML5のAPI、および、関連仕様
■Geolocation APIとは Geolocation APIは、ユーザーの位置情報を扱うためのAPIです。 Geolocation APIの登場以前にも携帯端末などで位置情報を扱うことは出来ましたが、各携帯キャリア独自の規格であったためキャリアごとの仕様に合わせて開発する必要がありました。 Geolocation APIは、ウェブの標準化団体であるW3Cが仕様策定を進める規格であり、JavaScriptで位置情報を取得できるように標準化されています。すでに、Firefox・Google Chrome・Safariなどの一般的なブラウザでサポートされており、スマートフォンのようなGPS対応の携帯端末向けのウェブサイトだけではなく、一般的なブラウザで閲覧するいわゆるPCサイトでもユーザーの位置情報を利用したコンテンツを提供することが可能になっています。 ■どんなしくみ？ Geo
mima3 2014/10/28
位置情報

javascript

html5
リンク
Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
mima3 2014/10/24
html5

javascript
リンク
WebSimpleDB API (W3C Working Draft 29 September 2009)
Indexed Database API 3.0 W3C Working Draft, 12 December 2023 More details about this document This version: https://www.w3.org/TR/2023/WD-IndexedDB-3-20231212/ Latest published version: https://www.w3.org/TR/IndexedDB/ Editor's Draft: https://w3c.github.io/IndexedDB/ Previous Versions: https://www.w3.org/TR/2023/WD-IndexedDB-3-20230808/ https://www.w3.org/TR/2023/WD-IndexedDB-3-20230808/ History:
mima3 2014/07/25
w3c

html5

JavaScript
リンク
Learn web development | web.dev
Stay organized with collections Save and categorize content based on your preferences. Explore our growing collection of courses on key web design and development subjects. An industry expert has written each course, helped by members of the Chrome team. Follow the modules sequentially, or dip into the topics you most want to learn about.
mima3 2014/05/10
html5
リンク
WingMemo: HTML5でお絵かきツールを作ってみた
先日、ふと小粋空間さんを覗いてみたら「HTML5のcanvasを使ったお絵かきツール詳説」という記事がありました。HTML5もjQueryもよく知らないのですが、「お絵かき」と聞いては素通り出来ません～（笑。さっそく落書きさせてもらいました。これ、面白い～！！　ブラウザだけで描けるってすごい。でも遊んでたら不満が色々と。もっとたくさん色が欲しい。線の太さも変えたい。で、小粋空間さんのJavaScriptをお借りして自分でも作ってみました。 ■色を増やすこれは簡単です。<li>の部分を好きなっっっだけ増やせばいいだけ。 ■線の太さを変える ASCII.jpの「HTML5とjQueryでブラウザーがペイントツールに！」を参考にjQuery UIからjquery-ui-1.8.17.custom.zipをダウンロード。解凍するとファイルがいっぱい入ってますが、ここで使うのはjquery-ui
mima3 2014/01/01
html5
リンク
HTML5日本語訳
This Version: https://www.w3.org/TR/2018/SPSD-html5-20180327/ Latest Published Version: http://www.w3.org/TR/html5/ Latest Version of HTML: http://www.w3.org/TR/html/ Latest Editor's Draft of HTML: http://www.w3.org/html/wg/drafts/html/master/ Previous Version: http://www.w3.org/TR/2014/REC-html5-20141028/ Previous Recommendation: http://www.w3.org/TR/1999/REC-html401-19991224/ Editors: WHATWG: Ia
mima3 2013/10/20
html5
リンク
1