このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

web帳

HTML5

スクリーンショット 2013-09-15 20.59.35
iPhone5s、5c 共に発表されましたね! 今回からdocomoも参戦ということで、softbank、au、docomo3社とも9月20日に販売するって事で、いやーまた、MPBであっちやこっちやといくのでしょうかねぇ。 私はiPhone5を購入したので今回は特に購入する予定なし…

続きを読む

スクリーンショット 2013-02-26 0.46.12
History APIとは History APIはHTML5の機能のひとつとなります。Historyとは履歴のことで、historyという名前のオブジェクトで存在します。 ブラウザの戻る進むボタンのイベントを取得してページの内容を動的に変えることができるものです。 まず、his…

続きを読む

スクリーンショット 2013-02-11 15.17.14
前回の FlashをCanvas等に変換 gree/LWF(Lightweight SWF)を使ってみました。 の続きとなります。 前回ではlwfsを使いデモファイルを試すところまで行いました。今回は手元にあるswfファイルでテストしてみましょう。 以前、Flash作成を担当さ…

続きを読む

スクリーンショット 2013-02-11 14.24.23
 gree/LWF(Lightweight SWF)を使ってみました。 LWFとは、GREEエンジニアが開発したオープンソースで、独自ファイルフォーマットに基づくアニメーションエンジンで、Flashコンテンツから変換したアニメーションデータを、UnityとHTML5(Canvas…

続きを読む

前回の HTML5 Webストレージでデータを保存 その5(なんちゃってソーシャルゲーム・Lv、Gold編) の続きとなります。 今回はいよいよ本題へと。 その前に、現在、クリックするとクエスト進捗、exの値が10づつ増えていく固定の数値となっておりますのでこれを少しばらします。 …

続きを読む

前回の HTML5 Webストレージでデータを保存 その4(なんちゃってソーシャルゲーム・ゲージ) の続きとなります。 前回までは、以下のデモページの様に デモページ http://www.webcyou.com/?p=4233 クリックすると「Quest進捗」「Ex」「Gol…

続きを読む

スクリーンショット 2013-02-09 13.33.20
前回の HTML5 Webストレージでデータを保存 その3(クエスト進行CSS3アニメーション) の続きになります。 前回まではボタンをクリックすると背景画像がCSS3アニメーションし、歩いている感じまで作成しました。 今回は、ボタンをクリックすると「Quest進捗」「Ex」「…

続きを読む

前回の HTML5 Webストレージでデータを保存 その2(なんちゃってソーシャルゲーム作成) 続きになります。 今回は、画面仕様である「 背景が変化する。(進んでいる感のアニメ)」の作成を行いたいと思います。 CSS3を使うことによって色々な表現ができるようになりました。 …

続きを読む

スクリーンショット 2013-01-22 7.28.47
それでは前回の HTML5 Webストレージでデータを保存 の続きで、Webストレージを使って「なんちゃってソーシャルゲーム」を作ってみたいと思います! ワイヤーフレーム作成 まずは、ワイヤーフレーム作成。ワイヤーフレームは以下のサイトを利用して作りました。 とても扱いやすく、5…

続きを読む

スクリーンショット 2013-01-20 5.35.52
HTML5で利用可能となったAPIで「Web Storage(Webストレージ)」と呼ばれるものがあります。 Webストレージはクライアント側にデータを保存したり読み出しを出来るようにする仕組みとなっております。 保存期間の異なる2種類のWebストレージ Webストレージには以下…

続きを読む

今日、第二回全国統一 HTML5実技コンテストの 結果発表と共に、授賞式がありまして、先ほど終了致しました。 結果は…. て、タイトルで大バレですが、1位を頂きましたぁ〜〜〜〜!!!!!! http://jsdo.it/event/html5csc/vol2 てっぺんとったわ…

続きを読む

ども。お久しぶりです。 性懲りも無く、HTML5実技コンテストに参加しております。 仕事も忙しく、即席に作った感じになっていますが。。 できる限り調整を行って行ければと思っております。   フルスクリーンで確認して頂ければと思っております。 どうぞ、応援の程宜しく…

続きを読む

mm
昨今、ソーシャルゲームが大人気なのですが、そもそもソーシャルゲームとは何ぞや? ってとこですね。 今、人気のソーシャルゲームをざっと 拡散性ミリオンアーサー 販売元: SQUARE ENIX Co., Ltd. © 2012 SQUARE ENIX CO., LTD. Al…

続きを読む

スクリーンショット 2012-09-22 3.37.18
ども、僕です。 2012年9月現在、日本国内のFacebookユーザーも1500万人超えてきて、 何かと「いいねボタンを設置したい」「フィードに画像を流したい。」なんて要件も増えて来ている今日この頃です。 というわけで、何かと重要なOGP(Open Graph Protocol)…

続きを読む

2012.05.19

HTML5

HTML5 canvas

canvas
HTML5の新要素の一つ「canvas」要素の使用方法になります。 canvas要素の記述は以下のとおり HTML [code]<canvas id="canvas" width="100" height="10…

続きを読む

スクリーンショット(2012-01-12 12.47.30)
本来、iPhoneアプリを制作するとなると、objective-CやC言語も用いて制作するのですが、web制作言語のHTML5やCSS3、JavaScriptでスマートフォンネイティブアプリを制作可能と出来るのが「PhoneGap」となります。   アプリ制作の為、慣れない言語のobje…

続きを読む

2011.09.14

HTML5

HTML5.jsでIE対応

HTML5_Logo_128
HTML5で作成されているサイトも大分多くなってきている昨今。 サイトリニューアルに伴いHTML5にしようか迷っている方もいると思います。 現状、IEは対応しません。 HTML5.jsを使用することによってIEにも対応させることが可能となってきます。 HTML5 enabling scr…

続きを読む

HTML5 新要素 変更要素をざっと載せてみました。 HTML5 section要素 節や章の単位で使用 article要素 ブログの記事、ニュースサイトの記事のように、それ自身で独立したコンテンツ。 nav要素 ナビゲーションを形成するセクションを表す ページやサ…

続きを読む

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、港区六本木で活動中。

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。