タグ

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

タグの絞り込みを解除

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

  • TechCrunch | Startup and Technology News

    Meme Depot, which launched earlier this week, is a startup aiming to create a new category called “meme tech.” More specifically, founder Alex Taub said…

    TechCrunch | Startup and Technology News
    stealthinu
    stealthinu 2012/03/27
    ドラッグアンドドロップとテキスト入力だけでサイト作成できるwebサービスがHTML5対応。テンプレートを選んで修正していくためBiNDとかっぽい感じでデザインできない人でも作れる。
    リンク

  • WebSocket のバイナリメッセージを試したら、ウェブの未来が垣間見えた

    長い記事なので、先に結論だけ書いておきます。WebSocketのバイナリメッセージ機能は、これまでのインターネットのあり方をひっくり返します。「そんなの知ってるよ」という方もいるとは思います。僕も理屈では分かってたつもりだけど、実際にアプリを作ってみて、具体的にそれを感じることができたので、ちょっと長いですがどういうことなのか説明してみます。 WebSocketとは # WebSocketは、HTML5関連の中でも特に注目を集めている技術の一つです。通常のHTTP通信であればクライアントからのリクエストなしにサーバーは応答しませんが、WebSocketを使うことでクライアントとサーバーの間で双方向の通信が可能となります。これを利用することで、今後様々なリアルタイム性の高いサービスを構築することが可能になるでしょう。 そんなWebSocketですが、これまで波乱の道を歩んできました。数年前か

    WebSocket のバイナリメッセージを試したら、ウェブの未来が垣間見えた
    stealthinu
    stealthinu 2012/03/07
    websocketでバイナリ流してストリーミングする手法とjavascriptでバイナリ扱う手法。なんでもかんでもバイナリ化する必要性はそれほど感じないが今後ライブラリ化されることでバイナリ増えるだろうというのは同意。
    リンク

  • HTML5 Boilerplate, Initializrをこれから使う人が押さえるべき5つの原則 | ゆっくりと…


    boilerplate とは、﹁再利用を意図した標準的な文例集﹂ だそうです。 Paul Irish が中心となり構築されてきた HTML5 Boilerplate は、その名の通り HTML5でサイトを構築するためのテンプレート、さらにはフレームワークをも含む内容となっており、その特徴は次のように語られています。 HTML5 Boilerplate は、HTML5を扱う上で必要な数多くの機能強化を他のベスト・プラクティスの数々と組み合わせることで、最小限の先行投資でプロジェクトの磐石な基盤を提供します。 2011年02月08日 HTML5 Boilerplate を使用して Web 開発を容易に始める | IBM developerWorks より。 HTML5 Boilerplateをベースにすることで最初からベストプラクティスが適用されたサイトやページを構築できるという特徴がある
    stealthinu
    stealthinu 2012/02/27
    モバイルファーストや携帯向けには小さいサイズの画像を提供する、など。
    リンク

  • Initializr - HTML5 project - template

    Acest website foloseste cookies. Continuarea navigarii reprezinta acordul dvs. Politica Cookies

    Initializr - HTML5 project - template
    stealthinu
    stealthinu 2012/02/24
    スケルトンを作ってダウンロード出来るサービス。bootstrap2もある。まあ基本、bootstrapとjqueryがあれば事足りるのだが
    リンク

  • 今流行のArctic.jsと、enchant.jsの比較 | Geisha Tokyo Engineers' Blog

    圧縮後のファイルサイズはenchant.jsのほうが3kbほど少ないですね。 どちらもjs上に継承などを行う擬似クラスを作るためのClass要素があったり、スマートフォン/PC両方で使えるようにtouch系イベントとmouseDown/Move系イベントを判定したり、fps(フレーム数）を設定してフレーム毎のイベントを設定するなどしています。 後発だけあって、Arctic.jsのほうはenchant.jsの機能をパクったenchant.jsにある機能はだいたいあるような感じですね。 オブジェクトの描画についてですが、Canvasでの描画の方が性能的に有利かもしれませんが、enchant.jsは divタグ毎にオブジェクトに持っていることで利便性をあげています。既存のアニメーション効果をdivタグ単位で 適応することにより、今までのエフェクトを使いまわすことができるのです。 ench

    stealthinu
    stealthinu 2012/01/26
    大きな差はarcticはcanvas上に書くのに対してenchantはオブジェクト毎にdivで書いてる点っぽい。あとflash意識してるarcticとjavascript(coffee)で自然に書けるの重視のenchantって感じ？
    リンク

  • DeNA、HTML5開発支援フレームワーク「Arctic.js」を オープンソースとして公開 - [DeNA] 株式会社ディー・エヌ・エー


    株式会社ディー・エヌ・エー︵本社‥東京都渋谷区、代表取締役社長‥守安功、以下DeNA︶は、人気ゲームタイトルで使用されているHTML5開発支援フレームワーク﹁Arctic.js﹂をオープンソースとして公開しました。 ﹁Arctic.js﹂は、スマートフォン向けブラウザゲームにおけるインタラクティブなアクションゲーム操作や、複雑なアニメーション表現を支援するJavaScript＊1フレームワークです。開発者は﹁Arctic.js﹂を用いてJavaScriptのコーディングを行うことで、短期間かつ一度の開発でAndroid＊2とiOS＊3双方の様々なスマートフォンデバイスへ高品質なゲームを提供することが可能になります。＊4
    stealthinu
    stealthinu 2012/01/24
    DeNA謹製のjavascriptのゲームフレームワークと思って期待して見たがブ米でライセンスの３条が…というので見たらおいこれオープンソース違うだろと。ソースがオープンされてるだけなのね／MITライセンス化に修正された
    リンク

  • こてさきAjax:WebSocketから、これからのWebを予想してみる - livedoor Blog（ブログ）

    WebSocket が、12月12日についにRFCになりました（RFC6455)。テキスト転送だけでなく、バイナリー転送もサポートされ、コネクションをキープするための ping/pongなどコントロールフレームも定義されました。rfcになる過程で様々なバージョンと、その実装系が出ていますので、そこのネゴシエーションの仕組みが入っていたり、以前は割と自由に使えそうだった subprotocolが、IANAにレジストレーションが必要になったりと、なかなかしっかりしたプロトコルに仕上がっている印象です。 さて、今年最後となる、今日のポストでは、このWebSocketにより、今後のWebはどうなっていくのかについて、僕が最近感じている妄想を書き連ねてみます。 WebSocketとは、いったい何なのか？ さて、WebSocketとは、いったい何なのでしょうか？この問に対して、一般的には、 WebでP

    stealthinu
    stealthinu 2012/01/04
    websocketをVPNを例として説明。確かにこういう解釈するとわかりやすい部分はある。
    リンク

  • UnitePlayer.js 作ったよ - latest log

    UnitePlayer はモバイルとゲームに特化した HTML5 な音楽再生プレイヤー UnitePlayer は、モバイルブラウザ上で動作するゲームに音をもたらします。 扱いが難しい Mobile Safari や Android ブラウザの音周りをフォーマット化し、とっても扱いやすくします。 フィーチャーフォン用のソーシャルゲームが大流行な昨今ですが、 フィーチャーフォン用のゲームって音が無いですよね? そのゲームをそのままスマートフォン向けにコンバートしても、音がならずに寂しい感じですよね? 2012年は UnitePlayer で BGM も SE も鳴らしちゃいましょう。 そして没入感や色々なものを高めちゃいましょう! PCブラウザでもそのまま動くから、横展開もお手軽に! UnitePlayer なら iPhone でも BGM と SE を擬似的に同時再生できますよ。 Unit

    UnitePlayer.js 作ったよ - latest log
    stealthinu
    stealthinu 2011/12/13
    スマートフォン向けのHTML5で書かれた音楽プレイヤー。ソース読んどく。
    リンク

  • createObjectURLがすごい件 - プログラムモグモグ

    最近またLocal Player (Chrome Player)を実装しなおしています. 一応説明しておくと, Local Playerは, 完全にローカルで動作する音楽プレイヤーです. シンプルさを求め(実装がめんどくさいだけ), 操作しやすく(これは大事), 良い感じのプレイヤーです. 半年前に, ソースコードがスパゲッティになって, 開発を中断していましたが, 最近また書きなおし始めたのです. 音楽プレイヤーをブラウザー上で実装するのには, 音楽ファイルをJavaScriptで読み込まなければなりません. そこでHTML5ですよ！！！ <audio src="url/to/musicfile.mp3" type="audio/mp3" /> みたいな感じで, 音楽を再生できます. 詳細は他のページに譲ります. さて, 音楽ファイルを再生するには, ローカルファイルからurlをaudi

    createObjectURLがすごい件 - プログラムモグモグ
    stealthinu
    stealthinu 2011/11/21
    曲の再生とか巨大オブジェクト読み込みが発生するような場合createObjectURLを使うとメモリ効率やCPU負荷がぜんぜん違ってくるとのこと
    リンク

  • ブラウザ + WebSocket で電話する - PARAGRAPHS


    http://tily.no.de/telephone トップページ、部屋とニックネームを決めて開始する http://tily.no.de/telephone/sandbox手軽に試す用 電話というか音声チャットなんだけど、Flash のマイクでとった音声を WebSocket 経由で送信して、受け取った側では Web Audio API とか Audio Data API とかで再生するというのを作った。Firefox と Chrome で動く。 はずなんだけど、no.de の SmartMachine のスペックが低いせいか、遅延のあるせいか相手側の音声がブツブツ切れて聴こえてしまう…。ローカルではちゃんと音声チャットっぽいことができているんだけど。 なんか色々他の人のコードを使ったり参考にしたりしたので書いておきます。 socket.io サンプルのチャットプログラム デザインと
    ブラウザ + WebSocket で電話する - PARAGRAPHS
    stealthinu
    stealthinu 2011/11/07
    websocket上で音声流してお手製音声チャット。こういうのが簡単に作れる時代になった。
    リンク

  • 「誰でもゲーム作りを」ゲームエンジンのGameSalad、HTML5に対応 / GameBusiness.jp


    利用者が増えているゲームエンジンの﹁GameSalad﹂はHTML5での出力に対応したと発表しました。 ﹁GameSalad﹂はゲームエンジンというよりはゲーム開発ツールと呼んだ方がしっくりくる、﹁誰もがゲームを作れる﹂ことを目指したツール。プログラムスキルが無くてもコードを書かずに、ドラッグ＆ドロップを中心とした操作で素材を追加して、動きのパラメーターを設定していくだけで簡単にiOS向けゲームを開発する事が出来ます。今回新たにHTML5としてもゲームを出力できるようになりました。 開発したゲームはウェブサイトに埋め込んでプレイしてもらうことが可能。プラグインを必要としないWebGLを採用していることから、開発されたゲームを遊ぶプレイヤーにとっても嬉しいものとなります。GameSaladの公式サイトでは実際に制作された事例が紹介されています。﹃Zombie Drop﹄や﹃The Secre
    stealthinu
    stealthinu 2011/10/14
    スマートフォンやブラウザゲーム用のフレームワーク。ドラッグアンドドロップで作れてしまうらしい。
    リンク

  • limejs.com

    This domain may be for sale!

    stealthinu
    stealthinu 2011/08/22
    html5のjavascriptゲームフレームワーク。
    リンク

  • ブラウザだけでここまで！　HTML5で作られた「スーパーマリオブラザーズ」がスゴい


    ブラウザゲームの可能性が一気に広がりそうです 次世代のWebフォーマットとして注目され、徐々にいろんなところで使われはじめている﹁HTML5﹂。そんなHTML5で作られた﹁スーパーマリオブラザーズ﹂が公開され、話題となっています。 従来のHTMLに比べ、マルチメディア機能が大幅に強化されたHTML5では、今までのようにFlashなどの外部プラグインに頼らなくても、単体で複雑なゲームなどを動かすことが可能と言われています。今回紹介する﹁Infinite Mario Bros﹂も、ベースはあくまでJavascriptで、HTML5の高いポテンシャルを感じさせてくれるものとなっています。当然ながら、ブラウザがHTML5に対応していないと遊べませんので、古いブラウザを使っている人はご注意を。 パッと見はよくあるFlashゲームですが、もちろんFlashは一切使っていません 操作は方向キーで左右移動
    ブラウザだけでここまで！　HTML5で作られた「スーパーマリオブラザーズ」がスゴい
    stealthinu
    stealthinu 2011/08/19
    これ、スクラッチで書いてるんかな？それともエミュレータ書いてその上で動かしてる？今後HTML5で書かれたMAMEみたいなエミュレータが出てきそう。
    リンク

  • jQuery DeferredとHTML5 Web Workersでオブジェクト指向な並列プログラミングを | ゆっくりと…

    「jQueryのDeferredとPromiseで応答性の良いアプリをー実践編」 で述べましたが、Deferred には次の様なうれしさがあります。 非同期な処理をする部分と、その結果をインターフェースする部分を分離する事によって、（特にアプリケーションに近い部分で） コードの可読性が高まる 複数の Deferred オブジェクトをまとめて監視出来る 一方 Web Workers には、window オブジェクトや DOM へのアクセスが出来ないなど、ちょっと引いてしまう制限がありますが、考えようによっては、表示やマウス入力を扱う ユーザー・インターフェースな処理 と、その中身の 純粋にデータ的な部分を扱う処理 とを分離して Web アプリを作るという、オブジェクト指向的な考え方と極めて親和性が良いのではないかと思います。 ということで今回は、「Deferred と Web Workers

    stealthinu
    stealthinu 2011/08/18
     deferredとweb workersとを使った例。web workersで作ったスレッド︵と言って良いのかな？︶の処理をdeferred使って監視する。すげーわ。javascriptすげえ。  

    ●jquery
    ●javascript
    ●html5
      
    リンク

  • progress.from.tv » HTML5 「Web Workers」でマルチスレッドプログラミング


    以前の記事﹁JavaScriptのマルチスレッド︵？︶はマルチコアの恩恵を受けるのか？﹂で現在主流のブラウザ(HTML4)のJavaScriptでは、マルチスレッドプログラミングを行うことができないという結論に至りました。 ただし、現在主流のブラウザではマルチスレッドプログラミングが行えないだけであって、次のバージョンであるHTML5からは、ちゃんとマルチスレッドプログラミングを行うことができます。 それは、HTML5で追加される﹁Web Workers﹂という機能を使用することで実現できます。 今回は、本日(6月9日)に正式リリースされたばかりの、HTML5をサポートする﹁Safari 4﹂を使用して、Web Workersを使用したマルチスレッドプログラミングを行って、マルチコアによるパフォーマンス向上の恩恵を受けるかどうか、実験で確かめてみようと思います。 さっそくサンプルコード 百
    stealthinu
    stealthinu 2011/08/18
    Web Workersで並列化した場合、ちゃんとマルチスレッド化されて実行されるため、マルチコアの恩恵を受けることが出来る。なかなかすげえな。
    リンク

  • 【特集】詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 (7) Web Workers | エンタープライズ | マイコミジャーナル


    Web Workersは、Webアプリケーションにおいてバックグラウンドでの処理実行を実現するための技術だ。 HTMLとJavaScriptで作成したプログラムは、基本的にUIスレッド内で行われるため、JavaScriptでの処理に時間がかかるとその分UIの応答性が劣化する。最悪の場合は、ブラウザがフリーズした挙句に﹁スクリプトが応答しない﹂というダイアログが表示されてしまい、処理を中断されてしまうこともある。 Web Workersを使用すると、バックグラウンドで動作するスレッド(ワーカ)を簡単に生成することができるため、長時間にわたる処理はワーカに任せることで、UIの応答を妨げることがなくなる。 ワーカを生成するのは非常に簡単だ。Workerクラスのコンストラクタに、ワーカのソースコード(JavaScriptファイル)を指すURLを渡せばよい。 var worker = new Wo
    stealthinu
    stealthinu 2011/08/18
    HTML5では「Web Worker」というjavascriptでバックグラウンド処理させるための仕組みが入るらしい。なんか重い処理させる場合にはこれ使って並列化するわけ。
    リンク

  • “Video For Everybody” Test Page

    Full write-up article here. If you’ve arrived here from a link please note that VfE no longer includes QuickTime as part of the fallback, but the code for that version is still available here. Hosting of the video generously provided by André M. Åslund of Vorwärts GmbH. Download Video: Closed Format: "MP4" Open Format: "OGG" / "WebM" Video is the first minute from the cc-by licenced “open movie” B

    stealthinu
    stealthinu 2011/08/17
    むー… FirefoxはHTML5+WEBM/OGGでMP4には非対応なのか…　逆にChromeで見れればiPhoneでも見れるってことだな。ここ表示させればなにで動画再生してるかがわかる。
    リンク

  • Video.js - Make your player yours

    Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 video and modern streaming formats, as well as YouTube and Vimeo. It supports video playback on desktop and mobile devices. The project was started mid 2010, and now has hundreds of contributors and is used on over 450,000 websites. Plays anythingPlays “traditional” file formats such as MP4 and WebM, but

    stealthinu
    stealthinu 2011/08/15
    HTML5で書かれたビデオプレーヤー。Flash使ってないからiPhone/iPadでも動く。
    リンク

  • TechCrunch

    When X (formerly Twitter) launched paid subscription verification, Mistress Rouge, a professional dominatrix, hoped that it would help her advertise to new clients. But paying for the service didn’t

    TechCrunch
    stealthinu
    stealthinu 2011/08/13
    オフライン機能が重要というのは、やっぱiPhoneとか携帯端末からの利用が増えているからということがベースにあるからなのだろうか。普段高速回線からしか使ってないといまいちピンとこない。
    リンク

  • HTML5という言葉に圧倒され気味の方への、HTML5入門 | Ext Japan Blog


    この記事は5/23に掲載された﹁AHTML5 Primer for the Overwhelmed﹂を訳したものです HTML5がグーグルやアップルにより、リッチインターネットアプリケーション︵RIA︶のためのソリューションとして強力にサポートされ始めた結果、HTML5という言葉がバスワード化しています︵特にGoogle I/O以降︶。そして、HTML5という言葉が広く流布するにしたがって、その言葉本来の意味とは違う意味で使われ始めていることも、驚きではなくなっています。﹁HTML5の経験があること﹂が採用条件となっているような採用情報も既に存在しますし、シンプルなJavaScriptアニメーションもCSS3によるアニメーションもひっくるめてHTML5のサンプルとして紹介されていたりします。 ちょうど00年代中頃に﹁次世代のWeb開発﹂を指すバズワードとして﹁AJAX﹂や﹁Web2.0﹂
    stealthinu
    stealthinu 2011/08/08
    HTML5と言われてるものはほとんどがCSS3のことを指してるように思ってたけど、実際はいろんな技術の複合体としての「HTML5」なんだな。web socketsもHTML5の範疇なのか。
    リンク
  • 前のページ 1 2 3 4 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.