歌舞伎座 tech で発表した資料です。 https://kbkz.connpass.com/event/61583/ HTML5 でニコニコ動画を作成した時の話です。(エンジニア向け) 苦労した面もあり、今も苦労しながら開発していて、これからどんどん良くしていきたい気持ちで書きました。
![HTML5 nicovideo by あいうえおかきくけこさしすせそた さん - niconare](https://cdn-ak-scissors.b.st-hatena.com/image/square/cf0197d263b44824a2102d076f6602f9a9bd396a/height=288;version=1;width=512/https%3A%2F%2Fcdn.fccc.info%2Fthumbnails%2F640x480%2Fc04e9059fdb7cd6abebf7a7b7e308fe0%2FYmAt%2Fknowledge%2Fb5b47d8458ea1aaed0711576ad3cfc60%2F1.jpg)
2016年10月27日(木)13時より一部のプレミアム会員を対象に、 新しい動画視聴ページである「動画視聴ページ HTML5版(β)」 (以後、 「HTML5版」と記載)の提供を開始いたしました。 「HTML5版」では、動画再生可能となるまでの速度が、 従来の「動画視聴ページ Flash版」(以後、「Flash版」と記載)と比較して 高速化しており、より快適に動画をご視聴いただけます。 しかしながら「Flash版」で提供中の"シークバー上のサムネイル表示"や"コメントのNG追加"などの一部機能や導入を計画中の新規機能につきましては、追っての提供予定となるため、今回、β版での提供とさせていただいております。 β版提供期間中は、「HTML5版」と「Flash版」の新旧動画視聴ページを 自由に御切り替えいただけます。 ▼【対象ユーザー】 一部のプレミアム会員ユーザー (対象ユーザーは順次増加し、
swfのバイナリをJavaScriptで読み込んでバイナリ分解してcanvasに出力したい。 完成品 ienaga/swf2js SWF仕様書 SWFの仕様書が公開されているので仕様書を見ながら分解する。 SWF File Format Specification SWF Investigator 分解された状態を確認できる。便利。 Adobe SWF Investigator swfを読み込む var xmlHttpRequest = new XMLHttpRequest(); xmlHttpRequest.open('GET', url); // XMLHttpRequest2が使えるなら使う isXHR2 = typeof xmlHttpRequest.responseType != 'undefined'; if (isXHR2) { xmlHttpRequest.response
2015/05/21 ■ THETAの360度写真を人に渡そう!「人に渡せる」ポータブル・パノラマプレイヤーを作った 「360度写真」が一発で撮れる不思議デジカメRICOH THETA。以前のレビューにも書きましたが、「その場の雰囲気を残す」家族スナップのためのカメラとしてとても優秀で、その後も普通に使っています。 …が、THETAを使っていろいろ写真を撮っていると… 「すごい!この写真私にも送って!」 「印刷したいんだけどどうすればいいの?」 よく言われるんです。そして、そういうときにはたと困ってしまう。 「写真送りますが、まずこのプレイヤーをインストールして…」 いや、そんなことなかなか言えないですよね… というわけで、そんなこと言わずに人に渡せる(そして写真をローカルに保存してもらえる!)ポータブル・パノラマプレイヤーというものをつくってみました。 ポータブル・パノラマプレイヤーとは
cocos2dっていうiPhoneでは有名なゲームエンジンがあるんだけど、それのHTML5版でcocos2d-html5ってのがある。 http://www.cocos2d-x.org/projects/cocos2d-x/wiki/Cocos2d-html5 これ、ちょっとまともに調べてみたけどかなり凄い。 凄いんだけどいまいちZyngaの日本での頑張りが足らないのか記事が少ないので、ちょっと紹介する。 ダウンロードとか とりあえず自分で触ってみるわって人は、上のリンクからCocos2d-html5-v何がしの最新版リンクをクリックしてダウンロードすればいい。 この記事時点ではCocos2d-html5-v2.1.4が最新。 サンプルゲームはpixi.js辺りに比べるといまいちだけど、個別の機能を確認するのはcocos2d-html5のテストプログラムが使える。 http://www.c
HTML5 ブラウザ仕様確認ツール 当ウェブサイトでは、JavaScriptを使用しています。 ご使用のブラウザ設定でJavaScriptを有効にしていただけますようお願いいたします。
思ったより指はじっとしていない。タッチUIの特徴と癖を分析して、タッチUXを実現する7つのポイントを紹介する。 普及してきたタッチデバイス 現在、スマートフォンやタブレット端末がすさまじい勢いで普及してきています。iPhone/iPadは新製品が出るたびに販売記録を塗り替え、Androidのスマートフォンやタブレットも各社からさまざまな端末が発売されています。今秋にはMicrosoftからWindows 8/RTも発売され、いよいよタブレットが本格的な普及期に入ります。 これらはすべてタッチUIで操作する、ということがこれまでのPCと大きく異なります。 直感的で分かりやすいタッチUIはあっという間に市場に受け入れられました。ユーザーは新しい体験を期待と興奮で歓迎しました。今やスライドしてページスクロールは当たり前で、スワイプでページをめくることに迷う人はいません。 同時に、そのような端末で
タグ名がそのままタグの意味になっているものは抜いてあります。ここにあるのは108つあるHTML5タグのうち49個。 付け加えておきますと、この表はタグの英語での意味ではなく、単純にタグの名前になった元の単語を示しただけです。それでもどうしても分かりにくそうなものは熟語として加えてあります。 一応分かりにくいものだけ補足 hrタグについて よく昔hairline(細い線)と説明されているのを見かけましたが、正しくは水平方向の罫線と言う意味です。 dlタグ、dtタグ、ddタグについて dlはdescription listです。HTML4まで、dlは定義リスト、つまりdefinition listという意味でした。しかしHTML5からしれっとdescription list、つまり記述リストと言う意味に変わっており、用途も単に定義の言葉とその対応を示すもの、というものからターム(専門語と言うよ
\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n Html5勉強会 — Presentation Transcript HTML5を取り巻くマルチプラットフォーム の神話とその未来 提供元Corona Evangelist木村圭佑 提供 あなたの家を守る仕事、自宅警備員 提供 iPhone/Androidエンジニア@Corosuke_k 見事にすべりましたね (
Mozillaは3月27日(現地時間)、HTML5の性能を紹介する目的で開発したMMORPG(多人数同時参加型オンラインロールプレイングゲーム)「BrowserQuest」を公開したと発表した。Firefoxや米AppleのSafari(iOS版を含む)、米GoogleのChromeなど、HTML5をサポートするWebブラウザで楽しめる。 BrowserQuestは、Mozillaがフランスのゲーム開発メーカーLittle Workshopと共同で開発したMMORG。好きな名前を付けたキャラクタで村の中を動き回り、村人と会話したり敵キャラを倒してアイテムを獲得したりして先に進む伝統的なロールプレイングゲームになっている。本稿執筆段階でMac版Safariで参加したところ、74人のプレーヤーが同時に参加していた。プレーヤー同士はテキストチャットで交流することもできる。 このゲームは、HTML
“HTML5アプリ作ろうぜ!”連載がスタートしました! デジタルハリウッドの現役アプリクリクリエイター専攻講師が、最近はやりの「HTML5・JavaScriptライブラリ・CSS3・API」の紹介、またそれらを組み合わせた「sampleアプリケーションの紹介と解説」を厳選し執筆していきます。 最近、セミナーでこの「impress.js」を利用する機会が多いのですが、その際に参加者から評判が良いので、まずはこれを紹介します。 impress.jsとは? CSS3を活用したオープンソース(ライセンスMIT)のプレゼンテーションJavaScriptライブラリです。 対象ブラウザ Safariブラウザが現状では最もスムーズに動作します。一応、Chromeも推奨ブラウザです。 特徴 【1】ド派手なスライド動作 最大の特徴は派手でイケイケなスライド。始めてみた人は必ず見入ること間違いありません。シンプ
AndroidブラウザのFlashPlayerの開発が終了したり、HTML5製の3Dコンテンツが出てきたりで、「Flash終わったの?」とか、「これからはFlashじゃなくて全部HTML5で作った方がいいの?」とか聞かれる事が増えてきたので、ちょっとまめとめてみました。 同じような境遇の方も少くないと思うので、参考程度にどうぞ。 AndroidブラウザFlashPlayerの開発終了について 残念なことにAndroidブラウザのFlashPlayerはバージョン11.1を最後に開発は終了することが発表されました。これについて「AdobeがFlashよりHTML5の方が優秀だと認めた」や「HTML5を推奨していたジョブズの完全勝利!」と考えている方もいるかと思いますが、実際のところどうなのでしょうか。 記事を参考に、開発終了の理由についてまとめてみました。 【参考記事】 ・ Clarific
こんにちは、鴨田です。 個人的に仕事の大半はスマートフォン関連なので、 最近のマークアップはほとんど全てHTML5+CSS3で行っています。 とはいえ、PC向けのサイトではまだまだHTML4.01、XHTML1.0、CSS2.1を使用している場合が多いと思います。 ですので、今回はHTML5+CSS3を導入するにあたって、役立つと思う7つの設定について、書きたいと思います。 1.HTML5の初期テンプレート案 <!DOCTYPE html> <html> <head> <meta charset=utf-8 /> <title>HTML5 初期テンプレート</title> <!-- reset.cssの設定 --> <link rel="stylesheet" media="screen" href="reset.css" /> <!-- Viewportの設定 --> <meta nam
HTML5 旋風、吹き荒れてますね!(^0^)/ さて、ものすごく突然で恐縮ですが、この度「HTMLファイ部」、設立しました! 株式会社カヤック(本社:神奈川県鎌倉市、 代表取締役CEO:柳澤大輔、http://www.kayac.com以下「カヤック」)は、HTML+CSSコーディング、JavaScript プログラムを担当する職種が所属する「HTMLファイ部」を発足いたします。 これまでHTMLおよびCSS、JavaScriptの担当者は、プログラマが所属する技術部、デザイナが所属する意匠部ME課(MEはMarkup Engineerの略)に分かれて所属していましたが、昨今のHTML5の進化と普及を受けて、HTML、CSS、JavaScriptの担当者は「HTMLファイ部」にて活動をスタートします。 そんなHTMLファイ部員が今回お送りさせていただくのは、 HTML5 について基礎から
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く