Swiffyとは 「Google Swiffy」： - IT用語辞典バイナリ
Swiffy 別名： Google Swiffy Swiffyとは、Googleが提供している、Flash形式のファイルをHTML5に変換して再現するサービスである。 Swiffyでは、.swfの拡張子で保存されたFlashのファイルを変換対象としている。変換ツールにアップロードすれば、HTML5、および、SVGやCSS3といったHTML5に準拠した技術を使用したコンテンツとして出力することができる。 Swiffyを使用することで、HTML5やSVGに対応するプラットフォームであれば、Flashプラグインをインストールしていなくても、同じコンテンツを提供することができる。これによって、例えばFlashに対応していないiPhoneやiPadにも、Flashと同じコンテンツを配信できるようになる。 また、従来どおりFlashのオーサリングツールを使用してコンテンツを作成し、SwiffyでHTM
Introducing WebSockets - Bringing Sockets to the Web | Articles | web.dev
Introducing WebSockets - Bringing Sockets to the Web Stay organized with collections Save and categorize content based on your preferences. The problem: Low latency client-server and server-client connections The web has been largely built around the so-called request/response paradigm of HTTP. A client loads up a web page and then nothing happens until the user clicks onto the next page. Around 2
Bootstrap3超速レビュー！刷新されたグリッドシステムを理解しよう！
Bootstrap3超速レビュー！刷新されたグリッドシステムを理解しよう！ 白石 俊平（HTML5 Experts.jp編集長） 人気のCSSフレームワーク「Bootstrap」のバージョン3が正式にリリースされました。この記事では早速Bootstrap3をレビューし、特にグリッドシステムを掘り下げて解説してみます。 フラットデザイン採用、フルレスポンシブ！ Bootstrap2からの変更点のリストは、公式のリリース文を参照してください。特に大きな変更点は以下のとおりです。 フラットデザインの採用 現在流行のフラットデザインを採用しました。ただこれは「流行りに乗った」のではなく、テーマの一つとして提供されているという位置付けのようです。 例えば以下は、Bootstrap3のボタングループです。 レスポンシブWebデザインの全面採用 以前までのBootstrapは、レスポンシブWebデザイン
html５のW3C FileAPIについて、調べてまとめた。 - それマグで！
html5のファイルAPIについて調べた。http://www.w3.org/TR/FileAPI/ を読みながら、メモ。やっぱり本家ドキュメントは頼りになるのね。 FileAPIはなにか ローカルファイルにアクセスできる。 アクセスできるローカルファイルはinput で指定された物だけ。*1 使い方 input に files タイプを指定するとFileAPIの対象になる。 <input type=files > filesタイプの読み込み方 file = document.forms[0].elements[0].files[0] このように、<input type=files/>へJS経由でアクセスできる。 input type=filesの項目は、複数ファイルの配列になっている。FileListオブジェクト呼ぶ FileList オブジェクト 通常の配列みたいなオブジェクトして定義
JavaScript でのローカル ファイルの読み込み - HTML5 Rocks
Read files in JavaScript Stay organized with collections Save and categorize content based on your preferences. Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate the
TM Life - HTML5 File API を使ってファイル読み込み
※ phiary に引っ越しました. 毎日プログラミングやWebに関する情報を発信しています! RSS 登録してたまに覗いたり, tweet やハテブして拡散してもらえると幸いです. HTML5 で追加された File API. これを使えば ローカルファイルの情報, 中身を取得して JavaScript でいじることができます. 今後, HTML5 の普及とクラウド化が進むにつれて重要な機能になることは間違いありません. サンプルを作ってみたのでよかったらぜひ. ドラッグ & ドロップにも対応しているよん♪♪ Chrome でローカル上で作業する場合, セキュリティ上ドラッグ & ドロップに反応しない場合があります. その場合, Chromeの起動オプションに –allow-file-access-from-files を指定することで読み込めるようになります. SAMPLE And D
JavaScriptでファイル操作！？ File APIを使いこなそう
連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている（例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ）。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。
橋本商会 » EventMachine::WebSocketでチャットを作る
Ruby & WebSockets: TCP for the Browser – igvita.comを参考にした。 できた http://dev.shokai.org/test/ws/chat/ ソースコード https://github.com/shokai/ruby-websocket-test websocketなのでchromeかsafariかiPhoneで動くけど、FirefoxとIEでは動かない。 ■サーバー サーバーはrubyのEventMachine::WebSocketを使った。 まずgemでインストールしておいて gem install em-websocket EM::runの中でEM::WebSocket.startするだけ。 1プロセスに複数クライアントつなぎっぱなしにして、全クライアントにまとめてメッセージを送るためにEM::Channelを使った。EM::W
ActionController::Live (Ruby on Rails edge)
Mix this module into your controller, and all actions in that controller will be able to stream data to the client as it’s written. class MyController < ActionController::Base include ActionController::Live def stream response.headers['Content-Type'] = 'text/event-stream' 100.times { response.stream.write "hello world\n" sleep 1 } ensure response.stream.close end end There are a few caveats with t
HTML5によるハイブリッドアプリ開発に関する雑記 - id:anatooのブログ
HTML5でiPhoneやAndroid向けのハイブリッドアプリを作るのが最近の流行りみたいです。ハイブリッドアプリとは、外面は普通のアプリとしてAppStoreやGoogle play marketでインストールできるものの、その中身や一部がHTML5で記述されているアプリです。 最近の有名な例だと、CookpadやLinkedIn、はてなスペース、少し前にネイティブに移行してしまいましたがfacebookのモバイルアプリもHTML5を使って記述されていました。GREE界隈で言われているらしいガワネイティブっていう言葉もハイブリッドアプリを指します。ちょっとググってみると、2016年には企業向けのアプリの50%がハイブリッドアプリになるという予測もあります。 ハイブリッドアプリの何がいいかというと、Objective-CとかJavaとかがわからなくてもウェブ系技術者であればAndroid
1ランク上の「HTML5」制作に欠かせないサイト・ツール・アプリのまとめ21個！
「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします！ 「HTMLファイ部」創立1周年！ 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ！・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現に挑戦していくエンジニアを集めた部署となっています。 今回の記事では、HTMLファイ部の一周年を勝手に記念して、 HTMLファイ部のメンバーからかき集めてきた、HTML5サイト制作ツールをまとめます！ ツール系のサイト
HTML5 - Indexed Database API - とほほのWWW入門
サンプルでは、DBの作成、データの追加、データの1件参照、データの全件参照、DBの削除を実装しています。Firefox 12, Chrome 19 で、動作を確認しています。 Indexed Database API Sample <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Indexed Database API Sample</title> <style> #message { margin: 1em; padding: 1em; border: 1px solid gray; font: 9pt Courier; white-space: pre; } </style> <script> var ver = 201205201; var indexedDB = window.indexedDB || wind
Indexed Database APIによるデータベース(1/7):JavaScriptによるHTML5プログラミング入門 - libro
HTML5では、ローカルな環境での利用に関する機能が強化されています。その中の目玉とも言えるのが「データベース」関係の機能でしょう。しかし、このデータベース機能は、現在までかなり迷走していました。HTML5には、データベースに関する機能が実は２種類用意されています。以下にざっと整理しておきましょう。 Web SQL Database API――これは既に連載の第４回で取り上げましたね。SQLベースのリレーショナルデータベース機能です。 Indexed Database API――これが今回取り上げるものです。非SQLによるデータベース機能です。 もともとデータベース機能は、Web SQL Database APIのほうが早くブラウザ側の実装が進められていました。が、ChromeやFirefoxなどが実装した頃になって、W3C（HTML5の規格を策定しているところ）がSQLベースのデータベー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://gamecenter.grantgalitz.org/