[B! JavaScript][Javascript][HTML5] TokyoIncidentsのブックマーク

TokyoIncidents id:TokyoIncidents

JavaScriptとJavascriptとHTML5に関するTokyoIncidentsのブックマーク (88)

解決してしまったTap delay問題 #html5j
それぞれの対応方法 Chrome、Firefox meta[name="viewport"][content="width=device-width"] IE touch-action: none iOS8 touch time(150ms)
TokyoIncidents 2015/01/25
JavaScript

HTML5
リンク
FormData オブジェクトの使い方 - Web API | MDN
const send = document.querySelector("#send"); send.addEventListener("click", async () => { const formData = new FormData(); formData.append("username", "Groucho"); formData.append("accountNum", 123456); // file 型の <input> 要素 const avatar = document.querySelector("#avatar"); formData.append("avatar", avatar.files[0]); // JavaScript のファイル風オブジェクト const content = '<q id="a"><span id="b">hey!</span></q
TokyoIncidents 2014/12/02
JavaScript

HTML5
リンク
<script async>でJavaScriptの非同期読み込みを - fragmentary
JavaScriptファイルをスクリプトから非同期で読み込むパターンは古い、という話を目にしたのはもう半年前のこと。言ったのはIlya Grigorik。月末のGoogle Japanでのイベント、月初のHTTP2ConferenceにくるWebパフォーマンス界のすごいひとですよ。 Script-injected "async scripts" considered harmful - igvita.com 件のパターンは、スクリプトで動的に script を生成して、そこに読み込みたいJavaScriptファイルをぶっこんで読み込むというもの。 <script> var script = document.createElement('script'); script.src = "//somehost.com/awesome-widget.js"; document.getEleme
TokyoIncidents 2014/10/14
HTML5

JavaScript
リンク
Box2DJS - Physics Engine for JavaScript
Click this image to start demos. Note that it takes long time to load the page. Left-click to create an object. Right-click to show next example. What's this Box2DJS is a JavaScript port of Box2D Physics Engine. To tell the truth, this is converted from Box2DFlashAS3_1.4.3.1 in an automatic manner. (The reason why not Box2DFlashAS3_2.0.0 based is simply because I overlooked the renewal.) How to us
TokyoIncidents 2014/09/25
JavaScript

HTML5
リンク
より深い防御: HTML5 Sandbox によるマッシュアップのロックダウン
Defense in Depth: Locking Down Mash-Ups with HTML5 Sandbox http://blogs.msdn.com/b/ie/archive/2011/07/14/defense-in-depth-locking-down-mash-ups-with-html5-sandbox.aspx 昨日に引き続き IE Blog の記事から IE10 で追加された HTML5 Sandbox についての記事を私訳しました。 iframe でホストされるコンテンツに対してサンドボックス機能を提供する事で、外部のコンテンツを安全にマッシュアップて゜きるようにする、という狙いの機能です。以下の文章は IE Blog の 7/14 の記事 Defense in Depth: Locking Down Mash-Ups with HTML5 Sandbox を
TokyoIncidents 2014/08/07
HTML5

JavaScript

security
リンク
JavaScriptでバイナリファイルを扱う方法 - Tech-Sketch
HTML5によって、<audio>や<video>などメディアファイルを扱う機能が拡充され、JavaScriptからも音声ファイルが取り扱えるようになりました。各ブラウザ毎に対応状況は異なりますが、これらの機能を有効活用するためAjaxリクエストによって音楽のバイナリファイルを取得し、再生するまでのJavaScriptをまとめてみました。はじめに HTML5によって、<audio>や<video>などメディアファイルを扱う機能が拡充され、JavaScriptからも音声ファイルが取り扱えるようになりました。ということで、各ブラウザ毎に対応状況は異なりますが、Ajaxリクエストによって音楽のバイナリファイルを取得し、再生するまでのJavaScriptをまとめてみました。サンプルは音声ファイルの受信、再生をCoffee Scriptで書いたものですが、バイナリファイルを取得した後の処理
TokyoIncidents 2014/08/07
HTML5

JavaScript
リンク
Use web workers to run JavaScript off the browser's main thread | Articles | web.dev
In the past 20 years, the web has evolved dramatically from static documents with a few styles and images to complex, dynamic applications. However, one thing has rem ained largely unchanged: we have just one thread per browser tab (with some exceptions) to do the work of rendering our sites and running our JavaScript. As a result, the main thread has become incredibly overworked. And as web apps g
TokyoIncidents 2014/08/07
HTML5

JavaScript
リンク
DeNA Engineering - DeNAエンジニアのポータルサイト
技術を活かし、新しい価値を創造する DeNAのエンジニアは、想像を超えるDelightを届けるために何ができるかを考え、技術力と発想力で新しい価値を生み出しています。多様な専門性を持ったエンジニアが切磋琢磨し、互いに刺激し合える環境や制度がさらなる成長へとつなげます。
TokyoIncidents 2014/07/11
HTML5

JavaScript

backbone.js

coffeescript

DeNA
リンク
HTML5ゲームエンジン「Phaser」が初心者とモバイルにやさしくていい感じです - syonx
Phaser - Desktop and Mobile HTML5 game framework モバイル/デスクトップ向けのHTML5製の2Dゲームフレームワーク。 Pixi.jsベースでCanvasやWebGLのレンダリングもサポート。 Tags: flash-like 2d sounds collisions physics typescript webgl free cdnjs: //cdnjs.cloudflare.com/ajax/libs/phaser/2.0.5/phaser.min.js Examples - PixiJS ベースとなっている Pixi.js のサンプル。レンダリング結果の雰囲気がつかめる。 HTML5 Game Engines - Find Which is Right For You HTML5ベースのゲームエンジン一覧。比較がしやすい。 Phaser
TokyoIncidents 2014/07/07
HTML5

JavaScript
リンク
wysihtml5 - A better approach to rich text editing
<h1>WYSIHTML5 - A better approach to rich text editing</h1> <p>wysihtml5 is an <span class="wysiwyg-color-green"><a href="https://github.com/xing/wysihtml5">open source</a></span> rich text editor based on HTML5 techno logy and the progressive-enhancement approach. It uses a sophisticated security concept and aims to generate fully valid HTML5 markup by preventing unmaintainable tag soups and inlin
TokyoIncidents 2014/06/30
JavaScript

HTML5
リンク
DeNA Engineering - DeNAエンジニアのポータルサイト
技術を活かし、新しい価値を創造する DeNAのエンジニアは、想像を超えるDelightを届けるために何ができるかを考え、技術力と発想力で新しい価値を生み出しています。多様な専門性を持ったエンジニアが切磋琢磨し、互いに刺激し合える環境や制度がさらなる成長へとつなげます。
TokyoIncidents 2014/06/20
HTML5

JavaScript

performance

DeNA
リンク
Web Animations
Web Animations 1.0について
TokyoIncidents 2014/06/11
HTML5

JavaScript

css
リンク
http://blog.ludei.com/webgl-ios-8-safari-webview/
TokyoIncidents 2014/06/03
ios

HTML5

JavaScript
リンク
SmileBoom Petit Developer
もっとお手軽な開発環境ならプチコン4 お知らせ販売を終了しました＊製品に関するお問い合わせは、コチラにお願いします。
TokyoIncidents 2013/11/17
JavaScript

HTML5
リンク
Liveweave HTMLエディター
Liveweave is a generative AI-powered code editor for HTML, CSS, and JavaScript. Generate code instantly with AI, prototype web designs, and test front-end code in real-time.
TokyoIncidents 2013/10/27
HTML5

JavaScript

css
リンク
世の中のHTML5アプリケーションが糞だから、俺が「初期化」の作り方を教えてやんよ - mizchi's blog
2chまとめみたいなタイトルにしてみた。(してみたかった) HTML5のアーキテクチャと初期化とキャッシュの考え方が、「ウェブエンジニア」は本当に出来てない。とくにソシャゲをウェブビューに貼ってスマホ対応しました系。本当にダメ。じゃあどうするか？基本的に「初期化」の考え方を直せばどうにかなる。 (この記事はBackboneを使うときに考えてることだけど、他でも一緒だと思う) 前提シングルページアプリケーションセマンティクスやSEOは考慮しない基本哲学共通モデルの初期化を徹底的に行うサーバーにリクエストを投げるのは最小限クライアントでサーバーモデルのキャッシュを作り、更新が期待されるまで再取得しない理由いくらDOMの最適化したところでUXに影響が大きいのはサーバーリクエスト(200~2000ms)で、プログラミング段階で辛さがあつまるのは非同期処理の部分。プログラマとし
TokyoIncidents 2013/09/25
HTML5

JavaScript
リンク
Web ComponentsベースのUIライブラリ「Brick」をMozillaが公開
Web ComponentsベースのUIライブラリ「Brick」をMozillaが公開白石俊平（HTML5 Experts.jp編集長） Web開発のあり方を大きく変えると期待されている、Web Components仕様に準拠した新たなUIコンポーネントライブラリをMozillaが開発していることが明らかになりました（今回のネタ元になった記事はこちら）。その名もBrickです。 Brickは、Brickは、X-Tagというフレームワークの上で構築されています。 X-Tagは、Web Components仕様に準拠したカスタムコンポーネントを容易に作ることができるようにするフレームワークです。また、X-TagはPolymerというライブラリが提供するPolyfillを使用しており、IE9を含むモダンブラウザ上でWeb Componentsを利用可能にします。そもそもWeb Comp
TokyoIncidents 2013/08/28
HTML5

JavaScript
リンク
IndieMobileGames » Cocos2d-HTML5がどこまで出来るのかをスマフォから確認するためのリンク集
cocos2d-html5エンジンが凄い件 by tsuge development page cocos2dっていうiPhoneでは有名なゲームエンジンがあるんだけど、それのHTML5版でcocos2d-html5ってのがある。これ、ちょっとまともに調べてみたけどかなり凄い。凄いんだけどいまいちZyngaの日本での頑張りが足らないのか記事が少ないので、ちょっと紹介する。こちらの記事に触発されて、以前から気になっていたCocos2d-HTML5について調べてみたところ本当にすごかったので、僕のような非エンジニアにもわかるようにサンプルのリンク集を集めてみました。もちろん、スマフォのブラウザからご覧ください。 ■ Cocos2d-HTML5について Cocos2d-xは、2Dゲームを単一のソースコードでiOSとAndroidのネイティブアプリとして作るためのオープンソースのフレー
TokyoIncidents 2013/08/19
JavaScript

HTML5
リンク
1xBet for Arab Players | 200% Bonus & Arabic Support
1XBet is the leading brand in the online betting industry, present in more than 50 countries. This platform offers you a large number of different sports disciplines, such as: football, basketball, tennis, formula 1 and popular E-sports, with more than 35 sports available for betting. In addition to the excellent pound, 1xbet offers its users over 50 bonu ses, accepts over 50 currencies and various
TokyoIncidents 2013/05/28
HTML5

JavaScript

css
リンク
Polymer と Web Components - steps to phantasien
先週はサンフランシスコで勤務先の年次博覧会が催され、中には自分と近いプロジェクトを紹介するセッションもあった。いい機会なので便乗して宣伝してみたい。自主会社員活動につき勤務先の見解と違っても見逃してください。さて件の年次博覧会、ウェブ開発者向けの講演の一つで Polymer という新しい JavaScript UI フレームワークが公開された。 Closure, GWT, Angular ときてまた別のフレームワークかよ…とぼやく人の気持ちもわかる。でもそれほど被るものでもないから見逃してほしい。なるべく多くのブラウザで動かそうとする既存のフレームワークと違い、 Polymer は新しいブラウザの機能を使い倒すことで強力なフレームワークを作ろうとしている。別に特定ブラウザでしか動かないわけじゃない。ただ将来そうした新しい機能が各種ブラウザに備わる日を見越し、そのときベストに動く
TokyoIncidents 2013/05/27
HTML5

JavaScript
リンク
1 2 3 4 5 次のページ