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

sugyan id:sugyan

HTML5に関するsugyanのブックマーク (44)

スマホでもWebGLが快適に動く! HTML5で体験する3D表現の可能性 – ICS MEDIA
WebGLウェブ・ジーエルとはブラウザで3D表示するための標準仕様。いまやスマートフォンを含むすべてのブラウザでWebGLが動作します。WebGLを使えばGPUによって描画が高速化されるため高度なグラフィカル表現が可能になります。 WebGLを使えば主に次のようなコンテンツ開発に役立ちます。 3Dモデルの表示ゲームコンテンツデータビジュアライゼーションプログラミングアート魅力的で華やかな画面演出︵広告系サイトなど︶かつてはFlash PlayerやUnity Web Playerのようなブラウザ・プラグインを使わなければ3D表現はできませんでしたが、WebGLの登場によってプラグイン未搭載のスマートフォンのブラウザでも3D表現が実現可能になりました。本記事ではWebGL入門者にむけ、数秒で試せるオリジナルのWebGLのHTMLデモを多数掲載。どれもスマートフォンのブラウザでも利
sugyan 2015/02/05
WebGL

HTML5
リンク
HTML5 Conference 2015 講演資料まとめ #html5j
1月25日に開催された「HTML5 Conference 2015」の中継動画や講演資料をまとめました。 ※リンクミスや追加情報などありましたら、コメントまたは@unsoluble_sugarあてにお知らせいただけるとありがたいですオープニングセッション（10:00-10:50）基調講演
sugyan 2015/01/26
HTML5

event

まとめ
リンク
GitHub - JoshuaKGoldberg/Old-Deleted-FullScreenMario: An HTML5 remake of the original Super Mario Brothers - expanded for wide screens.
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
sugyan 2013/10/17
HTML5

JavaScript

mario
リンク
Site en construction
Site en construction Besoin d'assistance ou d'informations ?
sugyan 2013/10/17
すげぇぇぇ

HTML5

game

mario
リンク
Game Of Bombs
{{"or" | i18n}} {{"sign_in" | i18n}} {{"using_your_favourite_network" | i18n}}
sugyan 2013/02/27
すげぇ、、、

JavaScript

HTML5

game
リンク
humble software development - envision
Envision.js is a library for creating fast, dynamic and interactive HTML5 visualizations. TimeSeries template with real-time data. This demo features animation of the selection when new data arrives. The data itself is from a function but could be a callback to a remote data source. (click to code) HTML5 time series chart. This uses the TimeSeries template. Templates provide pre-built interactive
sugyan 2012/10/24
JavaScript

library

HTML5

graph

visualization
リンク
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記はてなグループ日記のエクスポートデータは2020年2月28
sugyan 2012/10/03
「バグ」の項目が結構致命的でワロタｗ

JavaScript

HTML5
リンク
HTML5でつくられた、ページ遷移・画面遷移のアイディアがすごい
HTMLファイ部のほんだです。シュッ﹁ページ遷移﹂、聞くだけでゾクゾクしませんか？僕は大好きです。 Web Creator's Contest Q︵HTML、CSS、JavaScript エンジニアのためのコンテストサイト︶では、ページ遷移・画面遷移をテーマにしたコンテストを開催中です。とても好評で、5回目となった当コンテスト。今回のテーマも、力の入ったコードがたくさん投稿されています！魅力的な画面遷移エフェクトのコード集！Cubic Transition ※﹁▶Play﹂ボタンをクリック！
sugyan 2012/09/12
HTML5
リンク
ジオプリ島とインクの妖精たち
このドメインはお名前.com から取得されました。お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。
sugyan 2012/08/28
あ、これFLASHじゃなくてJSで動いてるのか、すげぇ。そしてエビ中かわいい

ebichu

私立恵比寿中学

HTML5
リンク
WebSocket サーバの実装とプロトコル解説 - Block Rockin’ Codes
intro なんだかんだ WebSocket を使ってるのに、 WebSocket サーバを自分で書いたことが無かったので、RFC も落ち着いてきたここらで、仕様を読みながら実装してみようと思いました。 "WebSocket サーバ実装" とかでググると、 Socket.IO とか pywebsocket で WebSocket アプリ作って、﹁WebSocket サーバを実装﹂みたいなタイトルになってることが多いみたいですが、 (Apache に PHP で HelloWorld して、﹁HTTP サーバ実装しました﹂とは言わないよね。) この記事では、 WebSocket プロトコルをしゃべるサーバ自体を実装します。といっても、全部やるのはちょっと大変だったので、基本的なテキストメッセージのやりとりの部分だけやって、エコーサーバができるところまでやりました。完成版のソースは以下で
sugyan 2012/07/26
とても丁寧な解説記事！

HTML5

websocket

nodejs
リンク
livedoor Techブログ : 第2回NHNテクノロジーカンファレンス開催！
(※ 2012.7.27追記 :　講演5を追加しました) NHN技術部会、株式会社データホテルの伊勢幸一です。おまたせいたしました。お約束通り、来る8月18日（土)、第2回NHNテクノロジーカンファレンスを開催します！今回のテーマはこちら！「H （エッチ)」もともと本当は第2回テーマとして今流行のHTML5大特集を予定していたのですが、前回のカンファレンスでスピーカーをして頂いたGREEの藤本さんから、「LINEで使っているHBaseの話を聞きたい」という余計な突っ込みというか、プレッシャーを与えられまして、思わず、「じ・・・・次回に　・・・・」と言ってしまい(やっべー！次回はHTML5で行く予定だったんだけど)、HTML5とHBaseじゃ全くカテゴリーが違うし関連性も無いのでどうするか、何か共通性が無いか？と、悩んでおりましたところ、「あれ？両方とも頭文字が「H」
sugyan 2012/07/24
"「頭文字(イニシャル) H」的な感じで"

nhn

nhntech

conference

event

hbase

hadoop

HTML5
リンク
謎のゲーム「HTML5杯」にかける開発者の想いが熱すぎる | ライフハッカー・ジャパン
先日リリースされた﹁HTML5杯﹂は、なんとも不思議なウェブコンテンツです。﹁100m連打﹂と銘打たれたゲームをはじめ9つのミニゲームを楽しめます。タイトルを見ればHTML5を活用していることが分かります。ドット絵が動き回るのも、見ていて郷愁を誘います。ただ、ひとつの想いがふつふつと胸に湧き上がります。なんなんだ、これは。分からないことは抱え込まずに人に聞きなさいという言葉もあります。そこで、先人の教えを守り、直接聞いてみることにしました。問い合わせたのは、開発を手掛けたカヤック。質問に対しすぐさま返ってきた答えは熱く、熱く、熱い開発者の想いでした。以下、それぞれのゲームに対するコメントです。 ■キーボードを連打してライバルと競う﹁100m連打﹂には、漢︵おとこ︶のロマンがあるらしい終わった後に息切れしてしまう。そんな競技となることを目指して、ライバル走者のレベル調整を何度も繰り
sugyan 2012/07/11
web

HTML5

kayac
リンク
http://www.dzyngiri.com/?p=752
sugyan 2012/05/16
mobile

web

HTML5

jqtouch

jQueryMobile

SenchaTouch

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

nodejs

JavaScript

HTML5

websocket
リンク
おHTML5｜2012年ブラウザで祝うお正月
ブラウザから新年のご挨拶！お正月気分を味わえる、ちょっと贅沢なコンテンツ集。ブラウザ凧揚げブラウザをドラッグして上手に凧を上げてみよう。リズム餅つきアドレス欄を流れる □と■が合わさったらタイミングを合わせてクリックしよう！ローディング初日の出いつもの見慣れたローディングが、初日の出になりました。ラジオだるまだるまの目がラジオボタンに。目に墨を入れて、願掛けしよう。スクロールやぶさめスクロールで弓を引き、一等真ん中を射ぬいてみよう。世界のあけおめ世界のみんなに新年のご挨拶を。書き初めの窓新年の抱負を、ブラウザにしたためよう。反転おみくじ画面をドラッグ・反転させて、今年の運勢を占おう。初夢スロット一富士二鷹三茄子。初夢スロットで、年の初めの運試し。ポップアップ駅伝マウスをクリックしてカチカチ走ろう。チェックボックスに龍
sugyan 2012/01/01
すごいｗよく考えたなぁ

kayac

HTML5

ネタ
リンク
HTML5のclient-side form validationで書かれたattributeからvalidation rulesを抽出し、client/serverでルールを共通化するモジュールを書いた - Kentaro Kuribayashi's blog
Validation Ruleの記述ってけっこう面倒で、うまい方法を思いつけないのでいたのですが、今日、なんとなくHTML5にclient-side form validation specなんてものがあるんだから、それを使ったらいいんじゃないかと思って、ちょっと実装してみました。 http://prepan.org/module/3Yz7PYrBGs https://github.com/kentaro/HTML-ValidationRules 以下のようなメリットがあるのではないかと思っています。 client-side form validationを使いつつ、server-sideでも同じルールを別の形式で書くのは無駄感。 HTML5が、validation rulesをHTMLというフォーマットによって定めているとみなせば、client-side/server-side両方でそれ
sugyan 2011/11/02
perl

HTML5

validation
リンク
無効なURLです
無効なURLです。プログラム設定の反映待ちである可能性があります。しばらく時間をおいて再度アクセスをお試しください。
sugyan 2011/10/31
なにこれすげぇ

HTML5
リンク
Sticky Thing
sugyan 2011/10/31
HTML5

JavaScript
リンク
SmartPhone development guide with CoffeeScript + Node + HTML5 Technology, for Perl Programmers
SmartPhone development guide with CoffeeScript + Node + HTML5 Techno logy, for Perl Programmers
sugyan 2011/10/15
yapcasia

yapcasia2011

nodejs

coffeescript

HTML5

presentation
リンク
第21回 HTML5とか勉強会「HTML5+ゲーム」 - 車輪を再発明 / koba04の日記
http://atnd.org/events/20007 という面白そうな勉強会があり、Canvas以外での実装方法やフレームワークについても知っておきたかったので参加してきました。 CanvasでFlashゲームを移植してみた経験から、これはフレームワーク化して面倒なところを吸収しないとツラいなぁと思っていて、他の会社ではどんな方法を使っているのかを知りたいというのもあって、、 Smartphone 向け HTML5ゲームの作り方 @sou さん DeNAでの既存タイトルのスマートフォン対応についての話でした。その方法としてDeNAでは、﹁HTML5+CSS3﹂、﹁Canvas﹂、﹁ExGameを使ったSWF->HTML5への変換﹂の3つあるとのことでした。今回はその中でもHTML5+CSS3についてが中心の発表でした。 Canvasについては先日のJavaScript勉強会では公開
sugyan 2011/09/28
HTML5

JavaScript

game
リンク
1 2 3 次のページ