All the tools, support and resources you need for designing, developing and publishing your Tizen application. Design: UX Guide Development: Download SDK Support: Forums
「HTMLファイ部」のほんだです(・Å・)∫ jsdo.it、nakamap、Paberish、HTML5実力テストといった自社運営Webサービスの HTML5エンジニアをやっているものです。 よろしくお願いします! 「HTMLファイ部」創立1周年! 非常に手前味噌ではございますが、 弊社HTMLファイ部が創立から1年になりましたっ!・u・ HTMLファイ部は、「HTML5」技術を軸に、様々な表現に挑戦していくエンジニアを集めた部署となっています。 今回の記事では、HTMLファイ部の一周年を勝手に記念して、 HTMLファイ部のメンバーからかき集めてきた、HTML5サイト制作ツールをまとめます! ツール系のサイト
2024-02 « 1234567891011121314151617181920212223242526272829 » 日本語の資料が少ないので書いてみます。 WebVTTとはHTML5のvideoタグで使える字幕フォーマットです。 先日行われたGoogle I/O のプレゼンで詳しく解説されている。12分30秒あたりから 簡単に言うと、DVDの字幕フォーマットであるsrt + HTMLのタグが使えるフォーマットという理解でよさそうだ。 CSSによる文字の装飾なども可能。 プレゼンではrubyタグを使った日本語のルビを振ることも出来るとしている。 ビデオそのものに字幕を埋めこまずに外部ファイルにする利点としては、 ・テキスト形式なので機械翻訳したり音声合成プログラムに渡すのが容易 ・複数の字幕ファイルを用意して多言語対応にする(日本語、英語、フランス語、ドイツ語...) などがあります
HTML5 Advent Calendarの16日目です。 Advent Calendarは、12月1日から25日までの間、毎日違う人が特定のテーマに沿ってブログ記事を書くというイベントです。 HTML5 Advent Calendarの場合はHTML5について毎日違う人がブログを書くことになります。 私はその12/16の分を担当しています。 ・HTML5 Advent Calendar 2011 : ATND html5-developers-jpのMLでも紹介されたWebVTTについて書いてみたいと思います。 WebVTT ファイルフォーマット 以前はWebSRTとして検討されていましたが、WebVTTとして独立したドラフトへとなりました。 拡張子は、「.vtt」となっており、videoタグの子としてのsrcで指定します。 例) <video id="main_movie" class
jQuery MobileなどのすぐれたJavaScriptフレームワークの登場で、HTML5とJavaScriptを組み合わせたWeb標準によるモバイルアプリケーション開発が普及し始めています。 この記事では、Web標準によるアプリケーション開発をさらに簡単にしてくれる、WebブラウザベースのjQuery Mobile対応モバイルアプリケーション開発環境「codiqa」と「Application Craft」の2つを紹介しましょう。 Codiqa~jQuery Mobileアプリのモックアップがすぐ作れる モバイルデバイス対応のアプリケーションを開発するときに手間がかかるのが、小さい画面でも使いやすいユーザーインターフェイスの構築です。モックアップを作り、使い勝手を試す必要があります。 先月公開が始まった「codiqa」は、そのモックアップを手軽に、Webブラウザ上でドラッグ&ドロップす
「王道」も「邪道」も使ってJavaScriptのメモリ消費を抑える また、紀平氏は、JavaScriptの速度の問題についても説明。JavaScriptが重い理由としては、主にアルゴリズム、JIT(Just In Time)、GC(ガベージコレクション)の3つがあるという。 アルゴリズムが重いのは設計が悪いということなので、黙って設計を直すしかない。次に、本来は速くするための技術であるはずのJITが重いという場合、考えられるのはevalを使ったり、クロージャを生成していることだ。毎回JITのコンパイルを呼び出すようなコードを書いてしまうと、こうした問題が起こり得る。ただし、これはツールを使って容易に検出できるし、直すのもそう難しくはない。 「アルゴリズムやJITが重いという状況は、それほど問題にはならない。もっとも厄介で、JavaScriptが重くなる最大の原因は、GCにある」(紀平氏)
米Senchaは3月6日、HTML5ベースのスマートフォン向けアプリケーションフレームワーク「Sencha 2.0」を発表した。アプリケーションの高速化に注力されており、起動時間の短縮やレンダリングの高速化、レスポンスの改善などが行われているという。 Sencha TouchはAndroid/iOSデバイス/BlackBerry向けのアプリケーション開発フレームワーク。HTML5をベースとし、MVCベースのアプリケーション開発をサポートする。ネイティブアプリケーションに近い操作感を持つWebアプリケーションを開発できるのが特徴という。 Sencha Touch 2.0では多くの改良が加えられており、特にパフォーマンスの向上が特長。アプリケーションの起動やレンダリングおよびレイアウト、操作に対するレスポンスなどが高速化されているという。「Sencha SDK Tools」を使ったネイティブア
[読了時間:2分] 「アプリやウェブサイトがどんな風にプログラムされているか知りたい」「プログラミングしてみたい」そう思う人がジワジワ増えている。TechWaveでは、そんな初心者の夢を実現するのに最適といえるUEI(ユビキタスエンターテインメント)の「enchant.js」に注目してきたが、そのバイブルとも言える教科書本「HTML5とJavaScriptでスマートフォンゲーム作成! ゼロからはじめるenchant.js入門【公式ガイド】」が遂に発売となった。 若干技術用語が入ってくるが、検索しながら、かつ投稿コンテストサイト「9leap」などで公開されている大量のサンプルコードを見ながら進めれば表題の通り3時間あれば誰でもゲームを作れてしまう良書だ。「またまた、マスダさん御冗談を」という人も是非書店で手に取って頂きたい。 プログラミングの興奮を全ての人に 実際、enchant.jsでは小
HTML5のCanvasをFlashライクに使えるようにするJavaScriptライブラリ「EaselJS」で流体パーティクルのデモを作ってみました。 demo source EaselJSを使えばFlashのようにHTML5 Canvasを使うことができるので、ActionScriptから概念だけではなくコードの再利用性が高まります。今回は流体パーティクルの表現を通して、EaselJSとCanvasのテクニックを紹介していきます。 デモの作り方 冒頭のデモですが、私が以前作成したFlashの作品「Flashの高速化を試す、BitmapDataを配列に格納することで2〜3倍の高速化」から移植したものです。 さて、このデモをHTML5 Canvasに展開するにあたり、特に抑えておきたいのは次の点だと思いました。 フォースマップの作成 パーティクル情報を付与した表示クラスの作成 フォースマップ
HP、オープンソース版webOSを9月にリリース - Enyoも無償提供 (ITmedia) モバイル向けHTML5ウェブアプリに適したJavaScriptフレームワーク「Enyo」が紹介されています。 HPが開発元ですが、WebOS専用という事はなくiOS/Androidでも動作するようです。 バーションが2.0になりオープンソース化されたようです。 ライセンスはApache License Version 2.0のようです。
「マイクロフォーマット(microformats)の蹉跌と希望」において、マイクロフォーマット(microformats)のデータモデルもマークアップも曖昧すぎて、どうもダメな感じだと指摘しました。しかしそれでも、次の点はマイクロフォーマットの優位点だと僕は思います: 今ある技術だけですぐさま出来る、新しいナニカを必要としない。 CSSデザインとの相性がよい。 hCard、hCalendarなどのスキーマが既に存在する。 特に最後の「スキーマのレパートリーがある」という点はとても大きな魅力です。もっとも、スキーマ記述言語がない(しいて言えば自然言語)ので、スキーマって概念も曖昧な状態ではありますが。 「マイクロフォーマット(microformats)の蹉跌と希望」のコメント欄にて、神崎正英さんより「microdataはどうか」というヒントをいただきました。Kuwataさんも「microda
Over the last few years there has been great collections of quality free HTML & CSS templates published on Noupe such as 50 Free High-Quality and “New” (X)HTML/CSS Templates (2009) and 40+ Elegant Free CSS/(X)HTML Templates (2010). There have been some great free templates released over the last year so we thought it would be appropriate to share some of these great new designs with you all. In we
Come creare il miglior gioco da casinò Quando si progetta un gioco da casinò, la prima cosa che devi considerare è che tipo di gioco sarà. Ci sono molti diversi tipi di giochi da casinò, dalle slot e video poker ai giochi da tavolo e giochi di carte. Dovrai decidere quale tipo di gioco si adatta meglio alle tue esigenze. Ogni tipo di gioco ha il proprio set di regole e regolamenti, quindi dovrai a
スマートフォンやタブレット、電子書籍やネットTVなど、マルチデバイス時代を迎え、どんな端末の上でも動くウエブ・アプリに関心が集まっている。それを作る次世代ウエブ技術「HTML5」は今後、新聞、雑誌、音楽、動画など、あらゆるコンテンツ産業に大きな影響を与えると見られるが、中でもいち早く、これを導入しているのがゲーム業界だ。最近のゲーム業界は、かつてのドラクエやF.F.のような大作ソフトから、スマートフォンなどモバイル端末上で動く手軽な「カジュアル・ゲーム(ソーシャル・ゲーム)」へと関心がシフトしている。 この種のゲームはこれまで「Adobe Flash」と呼ばれる、開発プラットフォームを使って製作されることが多かった。それがこの半年から1年ほどの間に、HTML5を使ってカジュアル・ゲームを開発する業者が目立って増えてきた。この傾向は特に米国で顕著(図1)だが、日本も例外ではない。東京都内にあ
あけましておめでとうございます。Sencha Japan(Ext Japan)/株式会社ゼノフィの小堤です。 今回は、スマートフォン向けのJavaScriptフレームワークであるjQtouch, jQuery Mobile, Sencha Touchを簡単に紹介した後に、昨年正式リリースされたSencha Touchを利用してスマートフォン向けのコンテンツまたはアプリケーション開発を行っていく上でのポイントを解説します。 2011年のスマートフォン事情とOSプラットフォーム iPhoneをもつユーザーはかなり増えた感じがしますし、特別な感じもないくらいiPhoneは普及してきた感じがします。それに加えて、昨年末から各キャリアから続々とAndroid端末が発売され、そのバージョンも2.1/2.2がほとんどです。 スマートフォン自体の機種が増え、開発者としてはテストを行う苦労が増えていきそうな
Sencha Touch Sencha Touch has been merged with Ext JS, which provides developers with everything they need to build data-intensive web apps. Learn More Sencha Touch Has Been Merged with Ext JS Sencha Touch is no longer supported. It’s core functionality for building mobile apps has been merged with Ext JS, which provides everything developers need to build data-intensive, cross-platform web and mo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く