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

中国HTML5ゲームはなぜ巨大市場になったのか -微信小游戏前夜と微信小游戏後-｜Gaoqiao（ガオチャオ）

大家好。Gaoqiao︵ガオチャオ︶です。中国では春節の休みが終わったばかりですが、まだまだ正月ムード。なんならクリスマスの飾りもまだ残ったままです。私はというと春節はずっと中国で過ごしていたものの、遠隔で仕事をしつつ日本で某メーカーと協業で作っていたHTML5ゲームのプラットフォームが先週ローンチして一息ついています。私の会社では2015年に日本のYahoo!かんたんゲームプラスという広告マネタイズ主体のゲームプラットフォームにHTML5ゲームをリリースして以来、継続的にHTML5ゲームの開発に取り組んでいます。 HTML5ゲームとはどういうものかというと、例えば下記のようなWebブラウザで起動してプレイできるゲームのことです。ひっぱりマッピー大作戦 - Yahoo!ゲーム http://yahoo-jp.portal.connectedgamestore.com/game?ga

stealthinu 2018/03/05

死んだか？と思ったHTML5アプリがこういう形や理由で勃興してくるとは。ここからまたよりオープンなプラットフォームへの回帰が起きたりするんだろうか。

リンク

Quasar Framework - Build high-performance VueJS user interfaces in record time

The enterprise-ready cross-platform VueJs framework Are you ready to lift off?arrow_downward

stealthinu 2018/02/09

Vue用のUIフレームワーク。すごい機能多そう。

リンク

閲覧ページを単一のHTMLとして保存するChrome拡張「シングルHTMLダウンローダー」 - 窓の杜

stealthinu 2017/04/10

画像などをdata URIなど利用して本文と同一ファイル上に全コンテンツを入れ込んで「シングルファイル」でページを保存できる。これってHTMLメールのと同じ仕様と考えればよいのかな。

リンク

Good-Bye Flash ~ CacooはHTML5で生まれ変わります | Cacooブログ

仕様やUI(画面)は現行バージョンと異なる可能性があります。 Cacooの最新版についてはこちらからご確認ください。こんにちは、Cacooプロジェクトマネージャの平山です。今回は、Cacoo開発チームが現在注力していること、近い将来Cacooにもたらされる大きな変化について皆様に報告したいと思います。 2009年にCacooが生まれてから約7年間、僕たちはCacooの編集画面にFlashという技術を使ってきました。 FlashはWeb上で高度な表現を、環境に左右されることが少なく実現できる技術として、CacooのようなリッチなUIを備えたアプリケーションやエンターテイメントに長い間利用されてきました。しかし昨今ではFlashの抱える脆弱性によるセキュリティ面での懸念が指摘されることも多く、Flashが利用できない、あるいは利用しづらい環境も見られるようになりました。一方でWebの標準的な

stealthinu 2016/06/22

おおお。こないだCacoo久しぶりに使ってそういやこれFlashだけど今後どうなるんだろう？と思ってた。一から作りなおすのと同じようなことだからすごく大変と思うけどぜひがんばってほしい。 ●html5 ●flash ●javascript

リンク

Babelで始める！モダンJavaScript開発

Babelは最低限の機能をIE8以降で、フル機能をIE10以降でサポートします。（実際にはIE9以降から使用することを推奨します）当初Babelは6to5と呼ばれていましたが、ECMAScript7の仕様なども取り込むようになったため、バージョンを想定しないBabelという名前に変更されました。 Babelの特徴 Babelと同じように「トランスパイルすることでJavaScriptのコードを出力する」ツールにはTypeScriptやCoffeeScriptなどがあります。それらと比較するとBabelは「ECMAScript標準仕様をベースにしている(*)」という特徴があります。 (*) 実際にはJSXもサポートしているため、必ずしもECMAScript標準仕様のみをサポートしているわけではありません。このため、「いずれ標準実装される仕様を先取りできる」、「Babel自体が廃れても同

stealthinu 2016/05/24

Babelまだ使ったことないので…　しかしBabelの開発始まったの2014/9でこの紹介記事だって2015/10、で2016/5でまだ使ったことないとヤバイ感。Webフロントエンド系の流速が早過ぎる…

リンク

無償のVisual Studio CodeがCordovaに対応。HTML5/JavaScriptでのモバイルアプリケーション開発が可能に

マイクロソフトが昨年11月にオープンソースで公開した無償のコードエディタ﹁Visual Studio Code﹂を、HTML5/JavaScript用のモバイルアプリケーション開発フレームワーク﹁Cordova﹂に対応させる﹁Cordova Tools Extension﹂が公開されました。開発したのはマイクロソフト自身で、Visual Studio Codeを利用してCordovaアプリケーションのプログラミング、ビルド、デバッグが可能になります。また、Ionic、Onsen、PhoneGap、SAP FioriなどのCordovaに対応したJavaScriptライブラリにも対応。IntelliSenseにも対応。 Visual Studio CodeはWindowsだけでなくMacOS、Linuxにも対応しているため、これらのOS上でCordovaを使ったモバイルアプリケーションの

stealthinu 2016/02/02

VSCがCordova対応。最近はHTML/JavaScriptエディタとしてVSC使うようにしてたのでこれは良い感じ。Cordovaアプリ作ってみよう。 ●html5 ●スマートフォン ●開発

リンク

HTML5ハイブリッドアプリ開発を支えるOSS「Cordova」はなぜアツいのか？PhoneGapとの違いは何か？ - ふろしき Blog

ハイブリッドアプリとは何か？なぜ今、Cordovaがアツいのか？ iPhoneにAndroid、WindowsPhoneと、モバイルデバイスは混沌としており、﹁ネイティブアプリ﹂の開発には高いコストが必要とされます。一方で、ブラウザを活用した﹁Webアプリ﹂は、パフォーマンスやデバイス制御に大きな制約がつきまといます。このような、ネイティブアプリとWebアプリの互いが持つ問題点を補う手段として、﹁ハイブリッドアプリ﹂と呼ばれる開発方法が注目を集めています。ハイブリッドアプリの実現手段には、OSSの開発ツール/フレームワークである﹁Cordova﹂が有名です。HTML5の活用することで、ひとつのソースコードからiOSやAndroidなどの複数のモバイルOSに対応させることができ、またネイティブアプリが持っているポテンシャルを活かしたアプリ開発ができます。その起源は、2011年にAdobeが

stealthinu 2015/10/14

Cordovaスマホ用ハイブリッドアプリのフレームワーク。Titanium的なもの。

リンク

完全負け組なモバイルWebが、これから復活する(多分)

CSS Nite in OSAKA, Vol.30でプレゼンしたスライド。 getUserMedia()やBatteryStatus API, Chrome実装のSpeech Input APIやバイブレーションなど、先行実装をまとめてライブデモ。

stealthinu 2015/06/17

HTML5を使ったモバイルWebの今後の進化方向について。

リンク

［速報］マイクロソフト、HTML5/JavaScriptアプリをiOS／Android／Windows対応に一括変換する「ManifoldJS」をオープンソースで発表。Build 2015

﹇速報﹈マイクロソフト、HTML5/JavaScriptアプリをiOS／Android／Windows対応に一括変換する﹁ManifoldJS﹂をオープンソースで発表。Build 2015 マイクロソフトが米サンフランシスコで開催中のイベント﹁Build 2015﹂。2日目の基調講演では、iOSやAndroid、Windows10などクロスプラットフォーム対応のアプリケーションを一括で生成するツール﹁ManifoldJS﹂を発表しました。マイクロソフトチーフエヴァンジェリストのスティーブ・グッゲンハイマー氏。﹁Windows対応だけではなく、クロスプラットフォーム対応のアプリケーションをどう作ればいいのかとよく聞かれる。2年前、われわれはゲーム向けにUnityを発表し、昨年はiOSとAndroid対応でXamarinの採用を発表した。今年はWebアプリケーションにフォーカスしよう﹂

stealthinu 2015/05/01

またまたMS。manifoldjs HTML5アプリをCordvaでiOS/Android/Windows対応アプリ化するツール。

リンク

React CanvasによるモバイルブラウザのUI改善とそれが起きる必然 - ワザノバ | wazanova

http://engineering.flipboard.com/2015/02/mobile-web/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約4時間前ものごとが進化すると、利用するユーザの満足度はあがるので、それを用意する作業量はツールの改善に従って最終的には減っていくのか？スマホが登場して、アプリ上でのスワイプなどの直感的にできる操作や表現の幅が広がり、またディスプレイも改善。では、プロダクトをつくる側がそれに慣れてくると、作業量が減るのか？いや、現実は逆。同じことを実現する作業量は減っても、トータルでは減らない。ブラウザとアプリにまたがって、双方のメリットを取り込もうと、もっとレベルの高いUIを目指した競争が続いています。 David BellonaがTwitter Universityでの

stealthinu 2015/02/12

ReactでやってることをCanvasでレンダリングさせて超高速化するってなんかもうなにがなんだか。一周ぐるっと回ってきた感。

リンク

h5Validate - The HTML5 Form Validation Plugin for jQuery

h5Validate - HTML5 Form Validation for jQuery Download from Github By Eric Elliot, author: "Programming JavaScript Applications" (O'Reilly) Need to brush up? See "Learning JavaScript: Up to Speed in No Time" If you want to contribute, feel free to fork the project on Github. Best practice realtime HTML5 form validation for jQuery. Works on all popular browsers, including old ones like IE6. Regular

stealthinu 2014/12/24

IE9以下にHTML5のrequiredに近いチェックを追加するためのjQueryプラグイン。入力が無かった場合はフォームのバックグラウンド色を変更してその場所をトップにスクロールする。

リンク

HTML5なら外部ライブラリを利用しないでリアルタイム入力チェック出来る - Qiita

リアルタイム入力チェックは今のWEBページでは割りと標準化されつつあるけど、ライブラリを選定したり、画面の表示を考えたりと何かと面倒。 HTML5の機能で追加されたバリデーション機能を利用すればそういった煩わしさから開放されるのでは？と思いたち、外部ライブラリを一切使わずにリアルタイム入力チェックを実装してみた。コード <section> <form id="sampleForm"> <label> 半角英数字以外を入力してみよう <input type="text" id="input" placeholder="半角英数字で入力" pattern="^[0-9A-Za-z]+$" required> </label> <button type="submit" id="submit">送信</button> </form> </section> <script> "use str

stealthinu 2014/12/19

こちらも同様。html5のrequiredはJSからsubmit()を呼んだ時には効かない。ので不可視のsubmitボタンを埋め込んどいてJSからクリックすることで発火させる必要あり。 ●html5 ●javascript

リンク

Submit HTML5 Form using Javascript and validate its inputs

stealthinu 2014/12/19

ここも同じ解決方法。html5のrequiredはJSからsubmit()を呼んだ時には効かない。ので不可視のsubmitボタンを埋め込んどいてJSからクリックすることで発火させる必要あり。 ●html5 ●javascript

リンク

html5 required and jQuery submit()

I'm trying to implement html5 into a form, but I came with a probl em when I submit the form through jquery and try to use the html5 "required" attribute. Here is my form, quite simple: <form action="index.php" id="loginform"> <input name="username" required placeholder="username" type="text"> <a href="javascript:$('#loginform').submit();">Login</a> </form> The probl em is that when the form is subm

stealthinu 2014/12/19

html5のrequiredはJSからsubmit()を呼んだ時には効かない。ので不可視のsubmitボタンを埋め込んどいてJSからクリックすることで発火させる必要あり。

リンク

Onsen UI 2: HTML5モバイルアプリを速く、美しく - Onsen UI

ハイブリッドとモバイルWebアプリ開発の決定版開発環境のセットアップを一切することなく、JavaScript・HTML・CSSを用いたモバイルアプリ開発を始めましょう。クラウド上の開発環境Monacaと組み合わせることで、あなたの開発環境は常に最新の状態に保たれます。クラウド上にすべてのツールを強力なCLI︵コマンドラインツール︶やデスクトップ向けアプリ︵WindowsとmacOSに対応︶を通じて、Onsen UIアプリはとても簡単に制作できます。それ以外にも、Monacaが提供するライブリロード対応のデバッガーや、リモートビルド機能といったクラウドの機能にアクセスできます。美しいUIコンポーネントと自動スタイルモバイルアプリに特化した、ネイティブのようなパフォーマンスに優れたUIコンポーネントが自慢です。タブ、サイドメニュー、ナビゲーションといった共通デザインだけでなく、リスト

stealthinu 2014/12/12

主にスマホ向けのhtml5フレームワーク。angularやjqueryとの相性もいいらしい。Monacaを作ってる会社が開発しててapacheライセンス。jquery-mobileよりこっちのが良さそう。 ●html5 ●web開発 ●フレームワーク

リンク

JavaScriptフレームワークについて個人的な思い - 当時を振り返りながら - albatrosary's blog

HTML5 Experts.jpでエンタープライズ特集が組まれたことは承知だと思います。やはり注目すべきところはJavaScriptフレームワークの見解ではなかったかと思います。JavaScriptフレームワークについては人それぞれ考えがありますので、一概にこれとは言えませんが、私が感じているところを記載したいと思います。世の中の動向と以前の判断 Googleトレンドを見る限りではAngularJSのひとり勝ちのように思えますが、身の回りの案件ではBackbone.jsが多いのではないかと思えます。1年半前にHTML5プロジェクトを行ったときに選定で残ったのが Backbone.js AngularJS Sencha Ext JS でした。最終的に利用したのはBackbone.JSだったのですが理由がjQueryベースで入り易かったということが上げられます。AngularJSは独特な記法

stealthinu 2014/09/11

やっぱ今ならAngularJS一択っぽい。

リンク

あなたがReactを使うべき理由 - mizchi's blog

最近フロントエンドでfacebook/reactをずっと使っている。世界的には一部のエンジニアの間で流行っているのだが、国内だとqiitaのタグ等を見てもどうも少ない。みんなもっと使うべきだと思うので、宣伝かねて意見をまとめてみる。複雑化するデータバインドに対する懸念 MVWのVに対して思いを馳せると、だいたい次のことに行き着く。すなわち、﹁ある構造体の入力に対して、必ず一意なビューを生成したい﹂ {it ems: [1, 2, 3]} を入力とすると、 1, 2, 3のli要素になってほしい。これは単純な例だから問題に成り得ないように見えるが、アプリケーション全体の状態を一つのjsonとして定義し、そこから常に0から組み立てればアプリケーションの健全性が確保できると考えたことはないだろうか？現実の問題 UIのだいたいの状態は遷移で表現される。遷移の差分をプログラマが記述する。jQue

stealthinu 2014/09/03

『HTMLを毎回同じ状態を復元する為に0からビューを構築するとものすごく効率が悪い』だからReactでは自動的に差分だけを操作するDOMを生成して書き換えてくれるらしい。ただjQueryとか直接操作系との併用は不可。

リンク

http://lollyt.in/

stealthinu 2014/07/08

bootstrapのページのひな形を作るためのサービス。もしくはbootstrapでよく使われるデザインのスニペット集とも言える？レスポンシブにするのにこれでひな形作るとかいう用途に使えそう。

リンク

JavaScriptプログラミング講座【FormData クラスについて】

stealthinu 2014/04/01

FormDataクラスはHTML5なクラスなのでIE9以前には非対応

リンク

Shumway

Shumway is an HTML5 techno logy experiment that explores building a faithful and efficient renderer for the SWF file format without native code assistance. Try it out! Install the latest Shumway extension. (Read more about configuring the extension). Examples (via Shumway Inspector): Racing (AS2) (as in live demo) and Racing (AS3) Tiger (AS3) Pacman (AS2) and Pacman (AS3) Box2D (AS3) MP3 Player (AS

stealthinu 2014/03/04

javascript(とHTML5)で書かれたflashエンジン。これが実用的ならflashのセキュリティの問題は解決されるはず。

リンク

はてなブックマーク

タグ

関連タグで絞り込む (36)

HTML5に関するstealthinuのブックマーク (61)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第3週）

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス