Happy Elements Labs: Flash・HTML5を利用した携帯・スマホ向けアプリ開発(1)
はじめに はじめまして、用務員の板倉と申します。 HEKKでは、用務員業務の他に、女性向けアプリの開発・運営をおこなっています。 何回かに分けて、はじめようポケット・バーの携帯表示の仕組みやHTML5に対応したときの話を記載したいと思います。 はじめようポケット・バー はじめようポケット・バー(ポケバー)は、バー経営シュミレーションゲームです。最初にmixiでリリースしたのが2010年10月。その後GREE、モバゲーへと順次リリースをおこないました。mixiのリリースからもうまもなく2年経ちますが、今でも多数のユーザー様に遊んでいただいていますので、とても長く楽しめるアプリとなっています。 リリースした当初は、ポケバーはFlash Lite 1.1以上が動作するいわゆるガラケーのみの対応でしたが、スマホ対応の要望が増えてきた影響もあり、 2011年6月に
HTML5で未来を作ろう - Facebook開発者
Facebookは、友達や同僚、同級生、近所の人たちと交流を深めることのできるソーシャルユーティリティサイトです。Facebookを利用すれば、友達の近況をチェックしたり、写真をアップロードしたり(枚数は無制限)、リンクや動画を投稿したり、知り合いと連絡を取り合うことができます。Build the Future with HTML5With animation, offline capabilities, audio and more, HTML5 yields a new class of web standards enabling developers to build amazing products. Learn More
[HTML5]アウトラインで迷わない！ sectionと見出しについて
webcre8はHTML5を勉強中です(APIだとかCanvasだとかはまだです)。当ブログWEBCRE8.jpもHTML5を用いた自作テーマで作成されています。 皆さんもコーディングしていて「これはどう書くのがベストなんだ？」「これであってるのか？」と迷う事ってよくありますよね。 HTML5でコーディングしていて最近ホントにこれでいいのか？と迷っていたのはsectionと見出しについて。コーディングレベルのHTML5でよく取り沙汰されるアウトラインの話題ですね。 これについて何人かのweb制作者、特に@HissyNCさんと@kojika17さんと話をしてみたことも含めて、HTML5のアウトラインについて今までのwebcre8と同じように「…つまりどういうことだってばよ？」と混乱している人の為にわかりやすく整理してみようかなーと思います。 厳密な解説はこの記事を読まずとももっと信頼できる文
![[HTML5]アウトラインで迷わない！ sectionと見出しについて](https://cdn-ak-scissors.b.st-hatena.com/image/square/a579b466a9d9646edbe9cc1cec01abca7601b9fc/height=288;version=1;width=512/http%3A%2F%2Fwebcre8.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2011%2F09%2Fhtml5-section-outline-150x150.png)
見落としがちなHTML5で変更された要素いろいろ
2013年3月23日 HTML, Webサイト制作 HTML5を勉強していて、section, nav, header, footerなどの新しく追加された要素について説明している記事はよく見かけるのですが、HTML5で変更された要素について触れている記事が少ないように感じたので、よく使うものを中心にちょっとまとめてみます。既存のWebサイトをHTML5化する時は、コンテンツ内に変更された・または廃止された要素がないか確認することも大切ですね！ ↑私が10年以上利用している会計ソフト！ HTML5の基本はここからお勉強！ 「ところでHTML5ってなに？」という方は、まずは以下の記事を読んでみてください。このようにHTML5の基本について解説している記事はたくさんあるので、詳しい説明は今回は端折らせて頂きます。変更点のみに焦点を当てますよ！ Webの3つの問題を解決する「HTML5」とは何な
HTML5コンテンツ作成パッケージ
コンテンツを１つ作るだけで、iPad / iPhone / Android Devices (Tablet and Phone) のいずれでも対応させることができます。Flashを使用して作るようなしかけ絵本、動く電子書籍サウ ンドノベル、ゲームなどをつくることができます。店頭での販促用POPやパンフレットのようなアプリを作る のに適しています。 BPRはコンテンツの実装方法にHTML5及びJavaScriptを採用、iOSでもAndroidでも再生可能、プラットフォームを選ばない。 BPRの提供する機能にアクセスするためのJavaScriptライブラリが提供、すぐにコンテンツの作成を始めることが可能。 HypeなどのHTML5リッチコンテンツ作成ツールで作成されたコンテンツとも連携。 BPRクライアントの機能により、画面解像度が異なる複数のデバイスにおいてもコンテンツの大きさがフィットす
HTML5に50件のセキュリティ問題、欧州機関が修正を勧告
欧州連合（EU）のセキュリティ機関ENISAが次世代仕様のHTML5に50件のセキュリティ問題を発見し、W3Cに対応を勧告した。 欧州連合（EU）のセキュリティ機関ENISAは8月1日、次世代HTML標準仕様「HTML5」のセキュリティについて検証し、見つかった問題の修正をWorld Wide Web Consotium（W3C）に勧告したと発表した。 ENISAは、HTML5に使われている13種類の仕様について調べた結果、50件のセキュリティ問題を発見し、対処方法を提案した。 具体的には、重要な情報へのアクセスが保護されない問題、フォームに入力した内容が攻撃者に渡ってしまう問題、セキュリティポリシーの規定や強制にまつわる問題、OSのパーミッション管理との整合性に関する潜在的問題、ユーザーに危険なリンクをクリックさせる「クリックジャッキング」防止措置がかわされてしうまう問題などを挙げている
Swiffy: convert SWF files to HTML5
By Marcel Gordon, Product Manager, Swiffy Some Google projects really do start from one person hacking around. Last summer, an engineering intern named Pieter Senster joined the mobile advertising team to explore how we could display Flash animations on devices that don’t support Adobe Flash player. Pieter made such great progress that Google hired him full time and formed a team to work on the pr
HTML5 花火大会
HTML5の花火大会が始まりました。 JavaScriptやCSS3で書かれたコードが美しい花火となって 夏の夜空を鮮やかに彩ります。 START
W3C News Archive: 2011 W3C
First Drafts of Three Audio API Specifications Published 15 December 2011 The Audio Working Group has published three First Public Working Drafts to provide an advanced audio API for the Web: the Web Audio API and MediaStream Processing API specifications each define a different approach to process and synthesize audio streams directly in script. These APIs can be used for interactive applications
米IBM、HTML5/JavaScriptで実装されたHTML5対応UIオーサリングツール「Maquetta」をオープンソースで公開 | OSDN Magazine
米IBMは4月11日（米国時間）、HTML5対応オーサリングツール「Maquetta」を公開、非営利団体のDojo Foundationにオープンソースプロジェクトとして寄贈したことを発表した。HTML5を用いたデスクトップ/モバイル向けUIを作成できるオーサリングツールとなる。 Maquettaは、IBMが社内のユーザーエクスペリエンスデザイナー向けに開発したHTML5対応のUIオーサリングツール。MaquettaそのものがHTML5やCSS、JavaScriptで実装されており、HTML5対応Webブラウザで特定のプラグインなどを必要とせずに動作するという。 機能としては、WYSIWYGな編集が可能なUI作成用のビジュアルページエディタ、ドラッグ＆ドロップでのモバイルUIオーサリング、同時に編集が可能なデザインビューおよびソースビュー、フル機能のCSSパーサー/モデラーを用いた高度なC
HTML5 Form Validation Examples < HTML | The Art of Web
HTML: HTML5 Form Validation Examples Tweet44 Shares0 Tweets36 Comments The option of using pure HTML, sometimes with a touch of CSS, to complement JavaScript form validation was until recently unthinkable. Sure there have been all kinds of whacky plug-ins over the years aimed at achieving this, but never a single standard that we could work towards. For a more detailed introduction to HTML5 form v
Desarrollo de Sitios Web – Paginas Web, Sitios, Gr�fica y todo lo relacionado al Marketing Online
Desarrollo de Sitios Web Paginas Web, Sitios, Gr�fica y todo lo relacionado al Marketing Online Acampar es una de las cosas que m�s relaja y nos hace estar en paz con nosotros mismos y con nuestro externo, y es que la naturaleza nos regala paz y tranquilidad cuando solo al observamos o cuando la exploramos…. Seguir leyendo →
HTML Standard
7.4 Navigation and session history7.4.1 Session history7.4.1.1 Session history entries7.4.1.2 Document state7.4.1.3 Centralized modifications of session history7.4.1.4 Low-level operations on session history7.4.2 Navigation7.4.2.1 Supporting concepts7.4.2.2 Beginning navigation7.4.2.3 Ending navigation7.4.2.3.1 The usual cross-document navigation case7.4.2.3.2 The javascript: URL special case7.4.2
jQuery File Upload Demo
jQuery File Upload Demo File Upload widget with multiple file selection, drag&drop support, progress bars, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads and client-side image resizing. Works with any server-side platform (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.) that supports standard HTML form file uploads. Pintura
Dive Into HTML5
by Mark Pilgrim with contributions from the community Dive Into HTML5 elaborates on a hand-picked selection of features from the HTML5 specification and other fine standards. We encourage you to buy the printed work — Mark Pilgrim’s artfully titled “HTML5: Up & Running” — published on paper by O’Reilly, under the Google Press imprint. Your kind and sincere feedback is always welcome, and this work
Web Forms - Dive Into HTML5
You are here: Home Dive Into HTML5 A Form of Madness Diving In Everybody knows about web forms, right? Make a <form>, a few <input type="text"> elements, maybe an <input type="password">, finish it off with an <input type="submit"> button, and you’re done. You don’t know the half of it. HTML5 defines over a dozen new input types that you can use in your forms. And when I say “use,” I mean you can
W3C HTML5 Logo
An HTML5 Logo It stands strong and true, resilient and universal as the markup you write. It shines as bright and as bold as the forward-thinking, dedicated web developers you are. It's the standard's standard, a pennant for progress. And it certainly doesn't use tables for layout. We present an HTML5 logo. The Technology Imagination, meet implementation. HTML5 is the cornerstone of the W3C's ope
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YouTube人気急上昇
blueimp/jQuery-File-Upload: File Upload widget with multiple file selection, drag&drop support, progress bar, validation and preview images, audio and video for jQuery. Supports cross-domain, chunked and resumable file uploads. Works with any server-side
Google