HTML5とCanvasで作られたゲーム厳選18選 | Web活メモ帳
HTML5のゲーム HTML5とCanvasで作られたゲームもなんだか沢山出てきたように思います。 本日はHTML5のゲームをまとまた「Showcase of Games Developed Using HTML5 Canvas」というエントリーのご紹介。 いくつかご紹介 Sinuous プレイ 赤い点を避けて行く単純なゲームです。 iPhone・iPadでも遊べます。 Super Mario Kart プレイ 画面は小さいですが、まさにマリオカート！ HTML5のCanvasで作られています。 Pacman プレイ ChromeだとJavaScriptが高速に動作するので難易度は高めです。 ソースコードがgithubにて配布中 これとは別に、Googleがパックマン30周年を記念して作ったゲームもあります。 http://www.google.com/pacman/ JQuery Rac
MOONGIFT : Web上でiPhone/iPad/Androidアプリを開発する「appMobi」 オープンソース・ソフトウェア/フリーウェアを毎日紹介
appMobiはWebブラウザ上でスマートフォンアプリを実行、開発できるソフトウェア。 MOONGIFTはこう見る PhoneGapやTitaniumなど、JavaScriptを使ってiPhoneをはじめとする各種スマートフォン向けアプリを開発できる環境が整ってきている。共通言語が使える分、開発工数が減る他、どこかの陣営が崩れた時のリスクヘッジにも繋がるだろう。問題はAPIが共通化されることによる最大公約数的なアプリになってしまうことにある。 appMobiの場合も基本は同じだが、デモ実行環境をWeb上で使えるというのが利点になる。傾きやGPSを擬似的に実行できるのはユニークだ。またGoogle ChromeとJavaがあれば良いので、WIndows/Linuxでも開発できる利点もある。App Storeの場合はアプリ生成が有料になってしまうが、利用する価値は十分あると思われる。 appM
【デザイナー必見】iPhone/AndroidアプリをHTML+Javascriptで作成(PhoneGapのススメ)
こんにちは、鴨田です。 ＧＷまっただ中ですが、皆様いかがお過ごしでしょうか。 アシアルとしてはお休みを頂いておりますが、 わたくしは個人的に出社して、このブログを書いています。 さて、アシアルでは先日「iPhone/Androidアプリ制作セミナー」を開催するなど、 現在スマートフォンアプリ制作にも力を入れています。 その中でも、個人的に「PhoneGap」という ハイブリッドアプリ制作フレームワークがお気に入りで、 セミナーでも「PhoneGap」の使い方を中心に講演させていただきました。 今日は非エンジニアである自分がどのようにして、 「PhoneGap」を使うに至ったのか、その経緯を書いていきたいと思います。 ■そもそもハイブリッドアプリってなに？ HTML+Javascriptの技術を使って、iPhone/Androidのネイティブアプリケーションを開発する手法を一般的に「ハイブリ
iPhone Webアプリテンプレート（CSS Nite Vol.40 reprise） | Topics | DB - KAYAC Designer's Blog（カヤック デザイナーブログ）
こんにちは。意匠部ME課のtacamyです。 CSS Nite 4周年記念イベント（Vol.40 reprise）にてご紹介した iPhone Webアプリのテンプレートセットを配布します。 イベントの内容はこちらのエントリーをご覧ください。 ダウンロード iphone-tmpl.zip セット内容 index.html HTML5+iPhone用HTML css/iphone.css HTMLの新要素＋iPhone専用CSS js/iphone.js URL&検索バーを消す指定 js/lib/jquery.js jquery apple-touch-icon.png Webクリップアイコン cache.manifest マニフェストファイル .htaccess < dd style="margin-bottom:0.5em;">.manifestのMIMEタイプ設定 viewportにつ
HTML5だけでiPhoneアプリをつくる - EC studio デザインブログ
間が開いてしまいましたが、CSS Nite 4周年記念イベント（Vol.40 reprise）の続きです。HTML5のメリットを活かしたコンテンツアイデア」というテーマでお話されたのはKAYACの山田敬美さん。 HTM5を取り上げたブログ記事などを多く見るようになりましたが、その多くは新要素のマークアップについてが特に目立つ気がします。 そんな中、マークアップエンジンニアでもあり、KAYACのブッコミ11メンバーでもある山田さんはWebアプリケーションとしてのHTML5を生かしたアイデアをお話されていました。 iPhoneがHTMLで使える理由 HTML5といっても現状ブラウザごとで実装が異なり、実務として使うのは非常に難しい。でもそういったブラウザの種類に左右されないデバイスがある。 それがiPhoneだということです。iPhone SafariのWebkitはHTML5を要素のいくつか
Flash→HTML5移植は本当か？ ハンゲームの事例
「HTML5でFlashが不要になる」――。次世代Web標準規格「HTML5」でよく聞くのがこんなフレーズだ。ところが、実際にFlashで作ったコンテンツをHTML5（+JavaScript）で置き換えた、なんて話は（少なくとも日本では）ほとんど聞かない。本当にFlashコンテンツをHTML5で（しかも商用レベルで）置き換えられるのだろうか？ そう思っていたら、あの「ハンゲーム」を手掛けるNHN JapanがモバイルゲームのHTML5化を着々と進めていると聞き、同社の「HTML5勉強会」（2月25日開催）に行ってみた。勉強会では同社のエンジニアが、HTML5/CSS3によるオンラインゲームの開発事例について語った。
WEB初心者奮闘記「ここまでできました！」
先日、お台場のトイザらスに行った時に買ってたレゴブロックを、３歳の息子と作ってみました。 これは３種類の作れるレゴクリエイターの3in1で、大好きな消防車があるので作るのが楽しみだったようです。 パーツ一覧 このレゴブロックは、パーツが通常よりも小さいタイプなのでなくさないようにカッターマットの上で作りました。 組み立て ３歳の息子も一生懸命作ってます。 まあほとんどは私が作っていますが...(^▽^;) ファイヤーオフロード ミニファイヤートラック ファイヤーヘリコプター 作った感想は、パーツ点数もそんなに多くないので、一つを作るのに10分とかからず、子どもでも楽しめるのではないでしょうか。 まあ対象年齢が６歳からなので、３歳の息子はまだひとりでは作れませんが...^^; 大人でも楽しめ、何よりこれで定価840円（税込み）なのでお財布にもやさしいかな。（‐＾▽＾‐） 「ここでき！」 何か
HTML5で進化したフォーム機能 ここが違う！サンプルで見るHTML5（5）
はじめに この連載では、今日のウェブ業界の流行語となっている「HTML5」をとりあげ、全6回に分けて、これまでの技術とどのような違いがあるのか、具体的にサンプルのコードを示しながら解説していきます。 過去の連載も読む 第1回：HTML5が注目を浴びる理由とは？ 第2回：HTML4から変化したHTML5のマークアップ 第3回：HTML5で再定義された要素と属性 第4回：HTML5で実現できるマルチメディア系機能 新たに導入されたフォームコントロール これまでウェブにおける入力フォームコントロールは、非常に限られたものしかありませんでした。皆さんがよくご存じのテキスト（パスワード）入力フィールド、ラジオボタン、チェックボックス、セレクトメニュー、テキストエリア、ファイル選択です。お問い合わせフォームであれば、ほとんどのシーンで十分といえるでしょうが、ウェブアプリケーションにおいては、不足してい
HTML5でつまずきやすいasideとsectionの使い方
HTML5分かりにくいですよね。 初めまして。11月からME課で働いている久保田(@ta2_o2p)です。よろしくお願いします！ 自分の仕事としては、携帯サイト中心にコーディングを行っているのですが、BMKidsの縁起物と笑い袋の紹介ページのコーディングを行ったり、他にも色々とPCサイトのコーディングをしています。 さて、実はカヤックで働き始めてHTML5を本格的に触ったのですが、触れていくうちに「HTML5はややこしい所があるなー」と思い、この記事を書きました。 そういう訳で、HTML5でコーディングするに当たって間違いやすいポイントについて、書いていきたいと思います。 まずその前に 本題とは反れますが、HTML5でコーディングするにあたって、押さえておきたいポイントを2つ書きます。 文字コードの指定はmeta要素のcharset属性で 今までは以下のようにmeta要素の中に長々と属性を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Pocket Money Note