Yeomanã§ã¯ã˜ã‚る爆速webアプリ開発
2. HTML5-WEST.jp代表 / html5j マークアップ部 部長 / HTML5 Experts.jp メンãƒãƒ¼ GDG京都 / CSS Nite in OSAKA / 神戸ITフェスティãƒãƒ«å®Ÿè¡Œå§”å“¡ãªã© むらãŠã‹â€ƒã¾ã•ã‹ãš æ‘岡æ£å’Œ HTML5-WEST.jp Webアプリケーション開発 ITæ¥å‹™ã‚·ã‚¹ãƒ†ãƒ è¨è¨ˆ/開発 Webサービス導入/事æ¥æˆ¦ç•¥ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚° @bathtimeï¬sh
今ã‹ã‚‰ï¼“分ã§ï¼ŒHTML5ã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—API㨠File APIã‚’ç¿’å¾—ã—よã†ï¼ˆJSã®å®Ÿè£…サンプル付ã） - 主ã«è¨€èªžã¨ã‚·ã‚¹ãƒ†ãƒ 開発ã«é–¢ã—ã¦
JavaScriptプãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®TOP㸠今ã‹ã‚‰ï¼“分ã§ï¼ŒHTML5ã® JavaScript API ã®ä½¿ã„方を２ã¤è¦šãˆã‚ˆã†ã€‚ １：ドラッグ＆ドãƒãƒƒãƒ—API ç”»é¢ä¸Šã®è¦ç´ を。 ç”»é¢å¤–ã‹ã‚‰ã€‚ ２：File API èªã¿è¾¼ã¿ã€‚ 書ãè¾¼ã¿ã€€â€»ã“ã‚Œã¯è¦šãˆã‚‹å¿…è¦ã¯ãªã„。 シンプルãªã‚µãƒ³ãƒ—ルコード付ãã§ï¼Œã“れらã®å®Ÿè£…ã®æ–¹æ³•ã‚’ç´ æ—©ãå¦ç¿’ã™ã‚‹ã€‚ ※サンプルã¯ï¼ŒIE8ã®ã‚ˆã†ãªHTML5未サãƒãƒ¼ãƒˆã®å¤ã„ブラウザã§ã¯å‹•ã‹ãªã„ã®ã§æ³¨æ„。Firefoxã‚„Chromeを使ã†ã“ã¨ã€‚ ã§ã¯ï¼Œã“ã“ã‹ã‚‰ï¼“分ã®æ™‚é–“ã®ã‚«ã‚¦ãƒ³ãƒˆã‚’開始。集ä¸ã—ã¦èªã‚‚ã†ã€‚ （0：00〜å‰åŠã®ï¼‘分åŠï¼‰ ç”»é¢å†…ã§ã®ãƒ‰ãƒ©ãƒƒã‚°ãƒ»ãƒ‰ãƒãƒƒãƒ— （後åŠã®1：30〜3：00） ç”»é¢å¤–ã‹ã‚‰ã®ãƒ‰ãƒ©ãƒƒã‚°ãƒ»ãƒ‰ãƒãƒƒãƒ— å‚考資料 （0：00〜å‰åŠã®ï¼‘分åŠï¼‰ç”»é¢å†…ã§ã®ãƒ‰ãƒ©ãƒƒã‚°ãƒ»ãƒ‰ãƒãƒƒãƒ— ã¾ãšï¼Œå‹•ä½œä¾‹ã‚’見ã¦ã¿ã‚‹ã€‚「リンゴã€ã‚’ãƒã‚¹ã‚±ãƒƒãƒˆã«ãƒ‰ãƒãƒƒãƒ—ã—ã¦ã¿ã¦ã»ã—ã„。 動作サンプル１ ht
世ã®ä¸ã®HTML5アプリケーションãŒç³žã ã‹ã‚‰ã€ä¿ºãŒã€ŒåˆæœŸåŒ–ã€ã®ä½œã‚Šæ–¹ã‚’æ•™ãˆã¦ã‚„んよ - mizchi's blog
2chã¾ã¨ã‚ã¿ãŸã„ãªã‚¿ã‚¤ãƒˆãƒ«ã«ã—ã¦ã¿ãŸã€‚(ã—ã¦ã¿ãŸã‹ã£ãŸ) HTML5ã®ã‚¢ãƒ¼ã‚テクãƒãƒ£ã¨åˆæœŸåŒ–ã¨ã‚ャッシュã®è€ƒãˆæ–¹ãŒã€ã€Œã‚¦ã‚§ãƒ–エンジニアã€ã¯æœ¬å½“ã«å‡ºæ¥ã¦ãªã„。 ã¨ãã«ã‚½ã‚·ãƒ£ã‚²ã‚’ウェブビューã«è²¼ã£ã¦ã‚¹ãƒžãƒ›å¯¾å¿œã—ã¾ã—ãŸç³»ã€‚本当ã«ãƒ€ãƒ¡ã€‚ ã˜ã‚ƒã‚ã©ã†ã™ã‚‹ã‹ï¼ŸåŸºæœ¬çš„ã«ã€ŒåˆæœŸåŒ–ã€ã®è€ƒãˆæ–¹ã‚’ç›´ã›ã°ã©ã†ã«ã‹ãªã‚‹ã€‚ (ã“ã®è¨˜äº‹ã¯Backboneを使ã†ã¨ãã«è€ƒãˆã¦ã‚‹ã“ã¨ã ã‘ã©ã€ä»–ã§ã‚‚一緒ã ã¨æ€ã†) å‰æ シングルページアプリケーション セマンティクスやSEOã¯è€ƒæ…®ã—ãªã„ åŸºæœ¬å“²å¦ å…±é€šãƒ¢ãƒ‡ãƒ«ã®åˆæœŸåŒ–を徹底的ã«è¡Œã† サーãƒãƒ¼ã«ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’投ã’ã‚‹ã®ã¯æœ€å°é™ クライアントã§ã‚µãƒ¼ãƒãƒ¼ãƒ¢ãƒ‡ãƒ«ã®ã‚ャッシュを作りã€æ›´æ–°ãŒæœŸå¾…ã•ã‚Œã‚‹ã¾ã§å†å–å¾—ã—ãªã„ ç†ç”± ã„ãらDOMã®æœ€é©åŒ–ã—ãŸã¨ã“ã‚ã§UXã«å½±éŸ¿ãŒå¤§ãã„ã®ã¯ã‚µãƒ¼ãƒãƒ¼ãƒªã‚¯ã‚¨ã‚¹ãƒˆ(200~2000ms)ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ®µéšŽã§è¾›ã•ãŒã‚ã¤ã¾ã‚‹ã®ã¯éžåŒæœŸå‡¦ç†ã®éƒ¨åˆ†ã€‚ プãƒã‚°ãƒ©ãƒžã¨ã—
æ€’é¦–é ˜èœ‚å†ç¾ã‚’目標ã«ã—ãŸWebベースã®å¼¾å¹•STG·GL-Shooter2 MOONGIFT
GL-Shooter2ã¯HTML5/JavaScript製ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ï¼ˆã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ãŒãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯æ˜Žè¨˜ã•ã‚Œã¦ã„ã¾ã›ã‚“）ã§ã™ã€‚ HTML5ã§ä½œã‚‰ã‚Œã‚‹ã‚²ãƒ¼ãƒ ジャンルãŒå¤šå½©ã«ãªã£ã¦ã„ã¾ã™ã€‚今回ã¯å¼¾å¹•ã‚·ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚²ãƒ¼ãƒ ã‚’HTML5ã§å†ç¾ã—ãŸGL-Shooter2を紹介ã—ã¾ã™ã€‚コンセプトã¨ã—ã¦æ€’é¦–é ˜èœ‚ï¼ˆã©ã©ã‚“ã±ã¡ï¼‰å†ç¾ã‚’掲ã’ã¦ã„ã¾ã™ã€‚ ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã€‚ã™ãã«çµ‚ã‚ã‚Šã¾ã™ã€‚ ç«‹ã¡ä¸ŠãŒã‚Šã¾ã—ãŸã€‚奇麗ãªã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã§ã™ã€‚ スペースã‚ーã§ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’é¸æŠžã—ã¾ã™ã€‚ ã„ããªã‚Šå¼¾å¹•ã€‚今ã¯å¼¾ã«å½“ãŸã£ã¦ã‚‚æ»ã¬ã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã®ã§å®‰å¿ƒã§ã™ã€‚ ã“ã¡ã‚‰ã®ãƒŸã‚µã‚¤ãƒ«ã¯Cã‚ーã§ç™ºå°„ã—ã¾ã™ã€‚ Cã‚ーを押ã—続ã‘ã‚‹ã¨ãƒ“ームã«ãªã‚Šã¾ã™ã€‚ 今ã®ã¨ã“ã‚当ãŸã£ã¦ã‚‚æ»ãªãªã„ã®ã§Cã‚ーを押ã—ã¦ã©ã‚“ã©ã‚“敵を倒ã—ã¦ã„ã楽ã—ã•ã ã‘を味ã‚ãˆã¾ã™ã€‚エンジンã«tmlib.jsを使ã£ã¦ã„ã¾ã™ã€‚今後ã®é–‹ç™ºãŒæ¥½ã—ã¿ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã§ã™ã€‚ MOON
jsdo.it
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
Sencha Presents Sencha Touch
æ¥ç•Œåˆã®HTML5モãƒã‚¤ãƒ«ã‚¢ãƒ—リ用フレームワーク Sencha Touchを使ãˆã°ã‚¿ãƒƒãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚’装備ã—ãŸApple iOSã‚„ Android端末上ã§ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã®ã‚ˆã†ãªWebアプリãŒé–‹ç™ºå¯èƒ½ã§ã™ã€‚ Web標準技術ã«æº–æ‹ Sencha Touchã¯HTML5ã€CSS3ã€JavaScriptã«ç‰¹åŒ–ã—ãŸä¸–ç•Œåˆã®ã‚¢ãƒ—リケーションフレームワークã§ã™ã€‚SSencha Touchã¯ã“れらã®æŠ€è¡“ãŒæŒã¤åŠ›ã‚’最大é™ã«å¼•ã出ã—ã€ã‹ã¤æŸ”軟ã§æœ€é©åŒ–ã•ã‚ŒãŸã‚¢ãƒ—リケーション開発をå¯èƒ½ã«ã—ã¾ã™ã€‚Sencha Touchã§ã¯ã€éŸ³å£°ã‚„動画を組ã¿è¾¼ã‚€ç‚ºã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚„データをオフラインã§ã‚‚利用å¯èƒ½ã«ã™ã‚‹localStorageプãƒã‚シーãªã©ã§HTML5ã®æ©Ÿèƒ½ãŒåˆ©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ã¾ãŸSencha Touchã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã¯CSS3を最大é™æ´»ç”¨ã—ã¦ã¨ã¦ã‚‚å …ç‰¢ãªã‚¹ã‚¿ã‚¤ãƒªãƒ³ã‚°ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚’実ç¾ã—ã¦ã„ã¾ã™ã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ラリã¯ã
「HTML5ã¯å„ªå…ˆé †ä½ã‚’é–“é•ã£ãŸã€‚ã‚‚ã†ã„ã¡ã©ã‚»ã‚ュリティã®è¨è¨ˆã‹ã‚‰ã‚„ã‚Šç›´ã™ã¹ãã ã€ã¨èªžã‚‹JavaScript大家ã®Douglas Crockfordæ°
「HTML5ã¯å„ªå…ˆé †ä½ã‚’é–“é•ã£ãŸã€‚ã‚‚ã†ã„ã¡ã©ã‚»ã‚ュリティã®è¨è¨ˆã‹ã‚‰ã‚„ã‚Šç›´ã™ã¹ãã ã€ã¨èªžã‚‹JavaScript大家ã®Douglas Crockfordæ° ã€ŒHTML5ã®æœ€å¤§ã®å•é¡Œã¯ã€å„ªå…ˆé †ä½ã‚’é–“é•ã£ãŸã“ã¨ã 。機能ã«ã¤ã„ã¦è°è«–ã™ã‚‹å‰ã«ã€ã‚»ã‚ュリティã®æ‰±ã„ã«ã¤ã„ã¦æ¤œè¨Žã™ã¹ãã ã£ãŸã€ã“ã†èªžã‚‹ã®ã¯ã€JSONã®ç™ºæ˜Žè€…ã¨ã—ã¦çŸ¥ã‚‰ã‚Œã€Yahoo!ã®ã‚·ãƒ‹ã‚¢JavaScriptアーã‚テクトã§ã‚‚ã‚ã‚‹Douglas Crockfordæ°ã€‚5月4æ—¥ã«è¡Œã‚ã‚ŒãŸã‚ªãƒ©ã‚¤ãƒªãƒ¼ã®Web2.0 Expo 2010ã§ã®ã‚¤ãƒ³ã‚¿ãƒ“ューã§ã®ã“ã¨ã§ã™ã€‚ 「もã†ãれをè°è«–ã™ã‚‹ã«ã¯é…ã™ãŽã‚‹ã¨ã„ã†äººã‚‚ã„ã‚‹ãŒã€ãã†ã¯æ€ã‚ãªã„。æ£ã—ã„ã“ã¨ã‚’ã™ã‚‹ã®ã«é…ã™ãŽã‚‹ã“ã¨ã¯ãªã„ã®ã ã‹ã‚‰ã€ï¼ˆCrockfordæ°ï¼‰ Crockfordæ°ã¯HTML5ã¯æ©Ÿèƒ½ãŒé‡è¤‡ã—ã™ãŽã¦ã„ã‚‹ã“ã¨ã‚‚指摘ã—ã¦ã„ã¾ã™ã€‚「Local Storageã¨Local Databaseã®ä¸¡æ–¹ãŒæœ¬å½“
Flashã‹ã‚‰HTML5/JavaScriptã¸Â·Smokescreen MOONGIFT
Smokescreenã¯HTML5/JavaScript製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア（予定。ライセンスã¯æœªå®šï¼‰ã€‚Appleã®Flashæ‹’å¦ã®å‹•ãã¯æ¢ã¾ã‚‹ã“ã¨ãªãã€ä»–ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã¨ã®å¯¾ç«‹ãŒæ·±ã¾ã£ã¦ã„る。Flashã¯æ—¢ã«ä¸–ç•Œä¸ã§åˆ©ç”¨ã•ã‚Œã¦ãŠã‚Šã€ç„¡æ•°ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå˜åœ¨ã™ã‚‹ã®ãŒç†ç”±ã 。 広告デモ。上ãŒHTML5+JavaScriptã€ä¸‹ãŒFlash ã ã‹ã‚‰ã¨ã„ã£ã¦ã€ä»Šå¾Œæ°¸é ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå¢—ãˆç¶šã‘ã‚‹ã¨ã¯é™ã‚‰ãªã„。HTML5ã®ç™»å ´ã«ã‚ˆã£ã¦ã€Flashã«ã‚ˆã‚‰ãªã„アニメーションや多彩ãªè¡¨ç¾åŠ›ãŒHTML5ã§å®Ÿç¾ã™ã‚‹ã€‚æ—§æ¥ã®Flashã¨ä»Šå¾Œã®HTML5ã‚’ã¤ãªãã®ãŒSmokescreenã 。 Smokescreenã¯ä»¥å‰ç´¹ä»‹ã—ãŸGordonã¨åŒæ§˜ã«Flash（SWF）ファイルを解æžã—ã€HTML5/JavaScriptã«ã‚ˆã£ã¦å®Ÿè¡Œã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã 。広告ã®ãƒãƒŠãƒ¼ã‚„アニメーションã®ãƒ‡ãƒ¢ãŒã‚ã‚‹ãŒã€SWFã¨å¤‰ã‚ら
Akihabara
Credits for music artists are on staff rolls of each games and here. Feel brave? So you're ready for the Dark side of Akihabara with experimental material! Uh-uh-uh! HTML5 is my Arcade. Akihabara is a major Tokyo shopping area for electronic, computer, anime, and otaku goods. You can find any sort of old & new videogames, starting from the 8-bit era to modern motion-sensing videogames. But is also
HTML5ã§ä½•ãŒå¤‰ã‚る？ InfoTalk#17 フォトレãƒãƒ¼ãƒˆ ï¼ ï¼ ITè‡ªåˆ†æˆ¦ç•¥ç ”ç©¶æ‰€
第6回　HTML5ã§ä½•ãŒå¤‰ã‚る？ InfoTalk#17 フォトレãƒãƒ¼ãƒˆ å²‘åº·è²´ï¼ˆï¼ ITè‡ªåˆ†æˆ¦ç•¥ç ”ç©¶æ‰€ï¼‰ 2010/4/19 第17回 InfoTalk　2010å¹´4月16日（金）　産æ¥æŠ€è¡“大å¦é™¢å¤§å¦ä¸»å‚¬ã«ã‚ˆã‚‹ICT関連ã®å‹‰å¼·ä¼šã€‚åŒå¤§å¦ 教授ã®å°å±±è£•å¸æ°ãŒä¸å¿ƒã¨ãªã£ã¦é‹å–¶ã—ã¦ã„る。今回ã®ãƒ†ãƒ¼ãƒžã¯ã€ŒHTML5ã€ã€‚
1
ランã‚ング
ãŠçŸ¥ã‚‰ã›
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://jp.techcrunch.com/2010/04/02/20100401google-html5-quake/
{{#tags}}- {{label}}
{{/tags}}