enchant.jsã§æ‡ã‹ã—ã®ã‚¤ãƒ³ãƒ™ãƒ¼ãƒ€ãƒ¼ã‚²ãƒ¼ãƒ を作ã‚ㆠ(1/4)
インベーダーゲームã¯ã€ç”»é¢ã®ä¸Šéƒ¨ã‹ã‚‰è¿«ã£ã¦ãる多数ã®æ•µã‚ャラクター（インベーダー）を打ã¡å€’ã™ã‚²ãƒ¼ãƒ ã§ã™ã€‚敵を全滅ã•ã›ã‚‹ã¨ã‚²ãƒ¼ãƒ クリアã«ãªã‚Šã€é€†ã«ã€æ•µãŒç”»é¢ä¸‹ã¾ã§åˆ°é”ã™ã‚‹ã‹ã€è‡ªæ©ŸãŒæ’ƒãŸã‚Œã‚‹ã¨ã‚²ãƒ¼ãƒ オーãƒãƒ¼ã«ãªã‚Šã¾ã™ã€‚インベーダーゲームã®æˆåŠŸã‚’å—ã‘ã¦ã€ãƒŠãƒ コã®ã€Œã‚®ãƒ£ãƒ©ã‚¯ã‚·ã‚¢ãƒ³ã€ã€Œã‚®ãƒ£ãƒ©ã‚¬ã€ã€Œã‚®ãƒ£ãƒ—ラスã€ãªã©ã€ã‚¤ãƒ³ãƒ™ãƒ¼ãƒ€ãƒ¼ã‚²ãƒ¼ãƒ をベースã«ã—ãŸã‚²ãƒ¼ãƒ ãŒæ•°å¤šãç™»å ´ã—ã¾ã—ãŸã€‚インベーダーゲームã®æˆåŠŸã«ã‚ˆã‚Šã€ä»Šæ—¥ã®ã‚²ãƒ¼ãƒ ã®åŸºç¤ŽãŒç¯‰ã‹ã‚ŒãŸã¨ã„ã£ã¦ã‚‚よã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 今回ã®JavaScriptラボã¯ã€å‰å›žã«å¼•ã続ã「enchant.jsã€ã‚’使ã£ã¦ã€ã‚¤ãƒ³ãƒ™ãƒ¼ãƒ€ãƒ¼ã‚¿ã‚¤ãƒ—ã®ã‚²ãƒ¼ãƒ を作りã¾ã™ã€‚インベーダーã¨åŒã˜ã‚ˆã†ã«æœ€åˆã«ã™ã¹ã¦ã®æ•µãŒç”»é¢ã«è¡¨ç¤ºã•ã‚Œã€æ•µã‚’ã™ã¹ã¦æ’ƒã¦ã°ã‚¯ãƒªã‚¢ã«ãªã‚Šã¾ã™ã€‚クリアã™ã‚‹ã¨å†åº¦æ•µãŒå‡ºç¾ã—ã€è‡ªæ©ŸãŒæ’ƒãŸã‚Œã‚‹ã¾ã§å»¶ã€…ã¨ã‚²ãƒ¼ãƒ ã‚’ç¹°ã‚Šè¿”ã—ã¾ã™ã€‚ ブãƒãƒƒã‚¯å´©ã—ã‹ã‚‰ã‚¤ãƒ³ãƒ™ãƒ¼ãƒ€ãƒ¼ã‚²ãƒ¼ãƒ 㸠インベーダーゲー
シューティングゲームãªã©ã«ä½¿ãˆã‚‹HTML5ゲームフレームワーク·Chem MOONGIFT
Chemã¯HTML5製ã®ã‚²ãƒ¼ãƒ を開発ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ オープンソース界隈ã§ã¯HTML5ã§ã‚²ãƒ¼ãƒ 作æˆã‚’è¡Œã†ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚今後FacebookãŒã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«æœ¬æ°—ã«ãªã‚Œã°ã€ã‚ˆã‚Šãã®æµã‚ŒãŒå¼·ã¾ã‚‹ã§ã—ょã†ã€‚ãã“ã§ä»Šå›žã¯Chemを紹介ã—ã¾ã™ã€‚JavaScript/HTML5を使ã£ãŸã‚²ãƒ¼ãƒ を開発ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã™ã€‚ ã“ã¡ã‚‰ã¯chemを使ã£ãŸãƒ‡ãƒ¢ã€‚上下左å³ã¸ã®å‹•ãã¨ã‚¹ãƒšãƒ¼ã‚¹ã‚ーã«ã‚ˆã‚‹è‡ªçˆ†ãŒå®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ デモã®ã‚²ãƒ¼ãƒ ã§ã™ã€‚上下左å³ã«å‹•ã„ã¦éš•çŸ³ã‚’é¿ã‘ã¾ã™ã€‚ çµæ§‹å½“ãŸã‚Šåˆ¤å®šãŒç´°ã‹ã„ã®ãŒé›£ã—ã„所。 最高得点ã¯1,194点。 Chemã¯npmã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã™ã‚‹ã‚³ãƒžãƒ³ãƒ‰ã§ã‚ã‚Šã€ä½œæˆã—ãŸJavaScript（CoffeeScriptã‚„LiveScriptã€Cocoも利用å¯èƒ½ï¼‰ãƒ•ã‚¡ã‚¤ãƒ«ã‚’Webベースã§å‹•ãよã†ã«å¤‰æ›ã—ã¦ãã‚Œã¾ã™ã€‚一定ã®ä½œæ³•ã‚’覚ãˆã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ãŒã€ä¸€æ—¦è¦šãˆ
作ã‚ã†ï¼HTML5用Webアプリケーションフレームワーク·Brunch MOONGIFT
Brunchã¯HTML5ã«ã‚ˆã‚‹Webアプリケーション開発を支æ´ã™ã‚‹node.jsフレームワークã§ã™ã€‚ HTML5をビジãƒã‚¹å‘ã‘ã«çŽ‡å…ˆã—ã¦ä½¿ã£ã¦ã„ãã®ã¯é›£ã—ã„ã¨æ€ã„ã¾ã™ãŒã€ãã‚Œã§ã‚‚試ã—ã¦ã¿ãŸã„ã¨è€ƒãˆã¦ã„る人ã¯å¤šã„ã¯ãšã§ã™ã€‚ãã“ã§Brunchを活用ã—ã¦ã¿ã‚‹ã¨è‰¯ã„ã§ã—ょã†ã€‚HTML5ベースã®Webアプリケーションを開発ã™ã‚‹ãŸã‚ã®ä»•çµ„ã¿ã‚’ã¾ã¨ã‚ã¦æä¾›ã—ã¦ãã‚Œã¾ã™ã€‚ Twitterã®ãƒ‡ãƒ¢ã‚¢ãƒ—リã§ã™ã€‚ Todoアプリã®ãƒ‡ãƒ¢ã§ã™ã€‚ コードã®è¨˜è¿°ã«éš›ã—ã¦ã¯JavaScript/CoffeeScript/IcedCoffeeScript/RoyãŒä½¿ãˆã¾ã™ã€‚CSSã¯Sassã‚„LESSを使ã†ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ベースを作ã£ã¦ãれるコマンドãŒã‚ã‚‹ã®ã§ã€ãれを使ã„ã¤ã¤å¾Œã¯æ—¢å˜ã®ãƒ‡ãƒ¢ã‚¢ãƒ—リをå‚考ã«ä½œã£ã¦ã„ãã¨Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç´ æ—©ã作るã“ã¨ãŒã§ãã¾ã™ã€‚ Brunchã¯node.js/JavaScript製ã€MIT
ãŠæ‰‹è»½ã«ãŠçµµã‹ãアプリãŒä½œã‚Œã‚‹jQueryプラグイン「wPaintã€:phpspot開発日誌
Websanova - wPaint jQuery Plugin ãŠæ‰‹è»½ã«ãŠçµµã‹ãアプリãŒä½œã‚Œã‚‹jQueryプラグイン「wPaint〠div id="container" ã®è¦ç´ ãŒã‚ã£ãŸã¨ã—ã¦ã€var wp = $("#container").wPaint([options]); ã¨ã™ã‚Œã°ç°¡å˜ã«HTML5ã‚ャンãƒã‚¹ã‚’使ã£ãŸãŠçµµã‹ãウィジェットãŒä½œã‚Œã¾ã™ã€‚ 知è˜ã‚¼ãƒã§ã“ã†ã—ãŸã‚‚ã®ã‚’作るã¨ãªã‚‹ã¨ã‹ãªã‚Šå¤§å¤‰ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ãŒã€ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã¨ã„ã†ã®ã¯ã‚ˆã„ã§ã™ã ãŠçµµã‹ãã¨ã„ã†ã®ã¯æ˜”ã‹ã‚‰äººæ°—ã®é¢ç™½ã„コンテンツã§ã‚ã‚‹ã‚ã‘ã§ã™ãŒã€å®Ÿè£…ã—ãŸã„ã£ã¦ãªã£ãŸæ™‚ã«æ‰‹è»½ã«å‚考ã«ã§ããã†ã§ã™ 関連エントリ リアルãªãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ãŒå®Ÿç¾ã§ãã‚‹jQueryプラグイン「pep.jquery.js〠高機能ãªã‚«ãƒ«ãƒ¼ã‚»ãƒ«ã‚’実装ã™ã‚‹jQueryプラグイン５ï¼ã¾ã¨ã‚ コンテンツã®æŠ˜ã‚ŠãŸãŸã¿ã‚’楽々実装ã§ãã‚‹jQueryプラ
表ç¾åŠ›ã®é«˜ã•ã«é©šã。HTML5/Canvasグラフライブラリ·Flotr2 MOONGIFT
Flotr2ã¯HTML5/Canvasを使ã£ãŸã‚°ãƒ©ãƒ•æ画ライブラリã§ã™ã€‚ ã“ã‚Œã¾ã§ã‚°ãƒ©ãƒ•ã¨è¨€ãˆã°Flashã‚„ç”»åƒå‡ºåŠ›ãŒå¤šã‹ã£ãŸã§ã™ãŒã€HTML5ãŒä½¿ã‚れるよã†ã«ãªã£ãŸã“ã¨ã§ãã£ã¨è¡¨ç¾åŠ›ã®é«˜ã„グラフをWeb標準ã®æŠ€è¡“ã§å®Ÿè£…ã§ãるよã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ãã®è¡¨ç¾åŠ›ã‚’知るã®ã«ãŠå‹§ã‚ã—ãŸã„ã®ãŒFlotr2ã§ã™ã€‚ ãŸãã•ã‚“ã®ã‚µãƒ³ãƒ—ルãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚一気ã«ç´¹ä»‹ã—ã¾ã™ã€‚ 線グラフã§ã™ã€‚ 途ä¸ã§é€”切れãŸæ›²ç·šã®ã‚°ãƒ©ãƒ•ã‚‚æã‘ã¾ã™ã€‚ 棒グラフã§ã™ã€‚ マウスオーãƒãƒ¼ã§å€¤ã‚’表示ã§ãã¾ã™ã€‚ ç©ã¿ä¸Šã’グラフã§ã™ã€‚ 円グラフã§ã™ã€‚ レーダーãƒãƒ£ãƒ¼ãƒˆã€‚ 範囲グラフ。 ãƒãƒ¼ã‚½ã‚¯ãƒãƒ£ãƒ¼ãƒˆã§ã™ã€‚ 滑らã‹ãªæ›²ç·šã®ã‚°ãƒ©ãƒ•ã§ã™ã€‚ マウスオーãƒãƒ¼ã§ã‚°ãƒªãƒƒãƒ‰ãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ マウスズームã®ãƒ‡ãƒ¢ã§ã™ã€‚ マウスã§ä¸€éƒ¨ã®ç¯„囲を指定ã§ãã¾ã™ã€‚ 折れ線グラフã§ã™ã€‚ マイナスã®å€¤ã«ã‚‚対応。 クリックã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«ã‚°ãƒ©ãƒ•ã‚’æãã¾ã™ã€‚ ç”»åƒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰
複数ファイルã®ä¸€æ‹¬é¸æŠžOKãªãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ä»˜ãアップãƒãƒ¼ãƒ€å®Ÿè£…jQueryプラグイン「jQuery File Uploadã€:phpspot開発日誌
複数ファイルã®ä¸€æ‹¬é¸æŠžOKãªãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ä»˜ãアップãƒãƒ¼ãƒ€å®Ÿè£…jQueryプラグイン「jQuery File Upload〠2011å¹´01月25æ—¥- jQuery File Upload Demo 複数ファイルã®ä¸€æ‹¬é¸æŠžOKãªãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ä»˜ãアップãƒãƒ¼ãƒ€å®Ÿè£…jQueryプラグイン「jQuery File Uploadã€ã€‚ 「Upload filesã€ãƒœã‚¿ãƒ³ã‚’é¸æŠžã™ã‚‹ã¨ãƒ€ã‚¤ã‚¢ãƒã‚°ãŒé–‹ãã€è¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã‚’一括ã—ã¦é¸æŠžã€‚ãã®å¾Œã™ãアップãƒãƒ¼ãƒ‰ãŒå§‹ã¾ã‚Šã€ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã‚’通ã—ã¦é€²æ—を表示ã€ã‚¢ãƒƒãƒ—ã•ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚µãƒ ãƒã‚¤ãƒ«ã‚‚次ã®ã‚ˆã†ã«è¡¨ç¤ºã—ã¦ãれるã¨ã„ã†ã€ãƒ•ã‚¡ã‚¤ãƒ«ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã®ãƒ•ãƒ«ã‚»ãƒƒãƒˆã‚’æä¾›ã—ã¦ãã‚Œã¾ã™ã€‚ アップã•ã‚ŒãŸãƒ•ã‚¡ã‚¤ãƒ«ã®æ¨ªã«è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã”ã¿ç®±ã‚¢ã‚¤ã‚³ãƒ³ã‚’クリックã™ã‚Œã°ã™ãã•ã¾å‰Šé™¤ã‚‚å¯èƒ½ã€‚ HTML5ベースãªãƒ—ラグインãªã®ã§Flashã‚‚ä¸è¦ã§ã™ã€‚ アップãƒãƒ¼ãƒ‰ã®å—ã‘å£ã¨ã—ã¦phpã®ã‚½ãƒ¼ã‚¹ã‚‚åŒ
HTML5ã¨JSã§WEB上ã«ç¶ºéº—ãªæ¥½èœãŒæ›¸ã‘るライブラリ「VexFlowã€:phpspot開発日誌
VexFlow - HTML5 Music Engraving HTML5ã¨JSã§WEB上ã«ç¶ºéº—ãªæ¥½èœãŒæ›¸ã‘るライブラリ「VexFlowã€ã€‚ Canvas+SVGã§æç”»ã•ã‚Œã€æ¬¡ã®ã‚ˆã†ã«ç¶ºéº—ã«æç”»ã§ãã¾ã™ã€‚ ãŸã¨ãˆã°ã€æ¬¡ã®ã‚ˆã†ã«ãƒ†ã‚ストã§è¡¨ç¾ã—ã¾ã™ã€‚ tabstave notation=true notes 4-5-6/3 10/4 次ã®ã‚ˆã†ã«æç”»ã•ã‚Œã¾ã™ã€‚ ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’ã¿ã‚‹ã¨çµæ§‹è¤‡é›‘ãªã‚‚ã®ã‚‚æç”»ã§ãã‚‹ã¿ãŸã„ã§ã™ã€‚ ç§è‡ªèº«ã€æ¥½èœã¯å…¨ãèªã‚ã¾ã›ã‚“ãŒã€é¢ç™½ã„ライブラリã§ã™ã。
HTML5ベースを使ã£ãŸé›»å書ç±ãƒ•ãƒ¬ãƒ¼ãƒ ワーク·Baker MOONGIFT
Bakerã¯HTMLファイルを使ã£ãŸé›»å書ç±ã‚¢ãƒ—リフレームワーク。 [/s2If] Bakerã¯iPad用ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。電å書ç±ã®å¸‚å ´ãŒç†±ã„。多数ã®é…信プラットフォームã€å°‚用アプリã€å¯¾å¿œãƒ‡ãƒã‚¤ã‚¹ãŒæƒã£ã¦ã„る。特ã«Appleã€AmazonãŒåŠ›ã‚’入れã¦ã„る。日本ã«ãŠã„ã¦ã‚‚独自ã®ãƒ‘ッケージ展開ãŒå‡ºã¦ãã¦ã„る。 é›»å書ç±ãŒç°¡å˜ã« é›»å書ç±ã‚¢ãƒ—リを作æˆã—ã€è²©å£²ã™ã‚‹ã®ã¯ä¼æ¥ã ã‘ã¨ãŠæ€ã„ã ã‚ã†ã‹ã€‚ã„ã‚„ã€ãã‚“ãªã“ã¨ã¯ãªã„。手軽ã«é›»å書ç±ã‚’作æˆã—ã€è²©å£²ã§ãるフレームワークãŒå˜åœ¨ã™ã‚‹ã®ã 。ãã‚ŒãŒBakerã 。 BakerãŒä½¿ã£ã¦ã„ã‚‹ã®ã¯HPubã¨å‘¼ã¶ã€HTML5ベースã®HTMLファイルã 。HTMLãªã®ã§ã€ç”»åƒã‚’埋ã‚込むã“ã¨ã‚‚å¯èƒ½ã§ã€ãã®ãŸã‚ã®ãƒ†ãƒ³ãƒ—レート（幅768px）も用æ„ã•ã‚Œã¦ã„る。ã“れを使ãˆã°è‡ªç”±ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã—ãŸæ–‡æ›¸ãŒã§ãã‚ãŒã‚‹ã€‚ 元文書 ãã—ã¦HTMLファイルをbookディレクトリã«
WebSocketã§Webã¯å¤‰ã‚る？ 大胆予想ï¼
WebSocketアプリã®äº‹ä¾‹ ã“ã“ã¾ã§ã“ã®é€£è¼‰ã‚’èªã‚“ã§ãã ã•ã£ãŸèªè€…ã®çš†ã•ã‚“ã¯ã€ã™ã§ã«WebSocketã‚’ã©ã†åˆ©ç”¨ã™ã‚Œã°ã„ã„ã‹ã®å分ãªçŸ¥è˜ã‚’å¾—ãŸã“ã¨ã¨æ€ã„ã¾ã™ã€‚世ã®ä¸ã«ã¯ã™ã§ã«WebSocketを用ã„ãŸæ§˜ã€…ãªã‚¢ãƒ—リãŒå‡ºã¦ãã¦ã„ã¾ã™ã€‚ã“ã“ã§ã¯ãã®ä¸ã®ã„ãã¤ã‹ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã“ã§ç´¹ä»‹ã™ã‚‹äº‹ä¾‹ã¯ã€ã™ã¹ã¦ã‚ªãƒ¼ãƒ—ンソースã§ã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯GitHub上ã«ã‚ã‚Šã¾ã™ã€‚試ã—ã«è§¦ã‚Œã¦ã¿ã‚‹ã ã‘ã§ãªãã€å®Ÿéš›ã«ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã‚“ã§ã¿ã‚‹ã®ã‚‚良ã„勉強ã«ãªã‚‹ã§ã—ょã†ã€‚
canvasè¦ç´ + Javascriptã§ä½œã‚‹ã€å‹•çš„コンテンツ
HTML 5 + Javascriptã§ä½œã‚‹å‹•çš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ å‰å›žã®æŽˆæ¥ã§ã¯ã€HTML 5ã«ã¤ã„ã¦ã€ãã®æˆã‚Šç«‹ã¡ã‚„特徴を解説ã—ãŸä¸Šã§ã€æ–°ã—ã„æ§‹é€ åŒ–ã®ãŸã‚ã®è¦ç´ ã«ã¤ã„ã¦è§£èª¬ã—ã¾ã—ãŸã€‚ã¾ãŸã€ã‚ã‚ã›ã¦CSS3ã«ã‚ˆã£ã¦æ ¼æ®µã«é€²æ©ã—ãŸè¡¨ç¾åŠ›ã«ã¤ã„ã¦å®Ÿéš›ã«ã‚µãƒ³ãƒ—ルページを作りãªãŒã‚‰è§£èª¬ã—ã¾ã—ãŸã€‚ 今ã¾ã§ã¯ã€Webページã§å‹•çš„ã«å›³ã‚„ç”»åƒã‚„アニメーションをæç”»ã™ã‚‹ã«ã¯FlashãŒä»£è¡¨çš„ãªé¸æŠžè‚¢ã§ã—ãŸã€‚ã—ã‹ã—ã€ã“ã“æ•°å¹´ã§ãã®çŠ¶æ³ãŒå¤§ããå‹•ãã¤ã¤ã‚ã‚Šã¾ã™ã€‚Flashã«ä»£è¡¨ã•ã‚Œã‚‹ã‚ˆã†ãªå‹•çš„ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒã€å°‚用ã®ãƒ—ラグイン無ã—ã«ã€HTMLã®è¦ç´ ã¨ãã‚Œã¨é€£æºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—トã ã‘ã§å®Ÿç¾ã§ãるよã†ã«ãªã‚Šã¤ã¤ã‚ã‚‹ã®ã§ã™ã€‚ã“ã†ã—ãŸæŠ€è¡“ã¯ã€ä»Šå¾Œã®Webã®å‹•å‘を大ãã変ãˆã‚‹å¯èƒ½æ€§ã‚’秘ã‚ãŸæŠ€è¡“ã¨ã—ã¦è„šå…‰ã‚’æµ´ã³ã¦ã„ã¾ã™ã€‚ HTML 5ã§å‹•çš„ã«ç”»åƒã‚„アニメーションを生æˆã™ã‚‹ãŸã‚ã«ã¯ã€canvasè¦ç´ ã¨ã„ã†æ–°è¦ã«å°Žå…¥ã•ã‚ŒãŸè¦ç´ ã¨ã€can
Canvasを活用ã™ã‚‹JavaScriptライブラリ·LibCanvas MOONGIFT
LibCanvasã¯JavaScript製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。JavaScriptã¯é€Ÿåº¦ã€æ©Ÿèƒ½ã¨ã‚‚ã«é€²åŒ–ã—ã¦ã„る。メールやカレンダーã®ã‚ˆã†ãªã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã¨ã®è¦ªå’Œæ€§ã®é«˜ã„ã‚‚ã®ã¯ã‚‚ã¡ã‚ã‚“ã€ç”»åƒç·¨é›†ã‚’ã¯ã˜ã‚様々ãªã‚¢ãƒ—リケーションãŒWeb化ã—ã¦ã„る。 ソリティアデモ 今後スマートフォンãªã©ã§HTML5ãŒç©æ¥µçš„ã«å–り入れられã¦ãã‚Œã°ã€JavaScriptã®åˆ©ç”¨æ©Ÿä¼šã¯ã•ã‚‰ã«å¢—ãˆã‚‹ã¯ãšã 。ãã‚“ãªæ™‚ã«ã¯ä¸€ã‹ã‚‰JavaScriptを組むã®ã§ã¯ãªãã€å¤šæ§˜ãªãƒ©ã‚¤ãƒ–ラリを使ã†ã“ã¨ã«ãªã‚‹ã ã‚ã†ã€‚ãã“ã§è¦šãˆã¦ãŠããŸã„ã®ãŒLibCanvasã 。 LibCanvasã¯Canvasタグを使ã†ã“ã¨ã§è¡¨ç¾åŠ›ã‚’å‘上ã™ã‚‹JavaScriptライブラリã 。MooToolsをベースã«é–‹ç™ºã•ã‚Œã¦ã„る。デモã®ä¸ã«ã¯ç‰©ç†ã‚¨ãƒ³ã‚¸ãƒ³ã®ã‚ˆã†ã«å¤šæ•°ã®ã‚ªãƒ–ジェクトãŒé–¢é€£ã—ã¦å‹•ä½œã™ã‚‹ã‚‚ã®ã‚„ã€ã‚«ãƒ¼ãƒ‰ã‚²ãƒ¼ãƒ ã®ãƒ‡ãƒ¢ã‚‚ã‚る。 アステãƒã‚¤ãƒ‰ã®ãƒ‡ãƒ¢ ソリ
HTML5対応ã®ãƒ¢ãƒã‚¤ãƒ«å‘ã‘Webアプリケーションを構築ã™ã‚‹ãªã‚‰Â·Sencha Touch MOONGIFT
Sencha Touchã¯JavaScript製/HTML5対応ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。iPhoneã‚„Androidã¯ãƒã‚¤ãƒ†ã‚£ãƒ–アプリãŒé…力ã®ä¸€ã¤ã ãŒã€WebKitã«ã‚ˆã‚‹HTML5ã®é«˜æ€§èƒ½åŒ–ã«ã‚ˆã£ã¦Webアプリケーションも見逃ã›ãªã„å˜åœ¨ã«ãªã£ã¦ã„る。 多数ã®ã‚µãƒ³ãƒ—ルãŒç”¨æ„ã•ã‚Œã¦ã„ã‚‹ ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã¯ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã•ãˆã•ã‚Œã‚Œã°ã‚¢ã‚¯ã‚»ã‚¹ãŒéžå¸¸ã«å®¹æ˜“ã«ãªã‚‹ã®ãŒãƒ¡ãƒªãƒƒãƒˆã ãŒã€ãã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã¾ã§ã¯å£ãŒé«˜ã„。サイトã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã«ã‚ˆã£ã¦ã‚‚é•ã†ãŒã€ãƒã‚¤ãƒ†ã‚£ãƒ–アプリよりモãƒã‚¤ãƒ«æœ€é©åŒ–サイトã®æ–¹ãŒãƒ¡ãƒªãƒƒãƒˆãŒé«˜ã„ã¨åˆ¤æ–ã—ãŸã‚‰Sencha Touchを使ã£ã¦ã¿ã‚ˆã†ã€‚ Sencha Touchã¯ã‹ã¤ã¦Ext JSã¨å‘¼ã°ã‚ŒãŸWebアプリケーションフレームワークãŒSencha（煎茶）ã¨ãƒãƒ¼ãƒŸãƒ³ã‚°ã‚’変ãˆã€ãã®ãƒ¢ãƒã‚¤ãƒ«å‘ã‘ã«æä¾›ã•ã‚Œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークã 。Webアプリケーション用ãªã®ã§æœ€é©åŒ–ã•ã‚ŒãŸHTMLデザインã ã‘
iPhoneå‘ã‘Webサイトを作るã®ã«æœ€é©ãªãƒ†ãƒ³ãƒ—レート&JavaScript·moobile MOONGIFT
moobileã¯HTML/JavaScript製ã®ãƒ•ãƒªãƒ¼ã‚¦ã‚§ã‚¢ï¼ˆã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯å…¬é–‹ã•ã‚Œã¦ã„る）。iPhone/Androidã‚’ä¸å¿ƒã¨ã™ã‚‹ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ã‚·ã‚§ã‚¢æ‹¡å¤§ã¯ç•™ã¾ã‚‹ã“ã¨ã‚’知らãªã„。モãƒã‚¤ãƒ«ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ãŒç™ºå±•ã—ã¦ã„ã‚‹é™ã‚Šã€ã“ã®æµã‚Œã¯æ¢ã¾ã‚‹ã“ã¨ã¯ãªã„ã ã‚ã†ã€‚Webサイトをæä¾›ã™ã‚‹ä¸Šã§ã‚‚スマートフォンã¯æ¬ ã‹ã›ãªã„å˜åœ¨ã«ãªã‚‹ã€‚ ボタンãƒãƒ¼ ãƒã‚¤ãƒ†ã‚£ãƒ–アプリをæä¾›ã™ã‚‹æ‰‹ã‚‚ã‚ã‚‹ãŒã€ã‚‚ã£ã¨å®¹æ˜“ãªã®ãŒæœ€é©åŒ–ã•ã‚ŒãŸWebサイトをæä¾›ã™ã‚‹ã“ã¨ã 。ãã‚‚ãã‚‚ãƒã‚¤ãƒ†ã‚£ãƒ–アプリをæä¾›ã™ã‚‹ã»ã©ã®ãƒ‹ãƒ¼ã‚ºãŒãªã„サービスもã‚ã‚‹ã¯ãšã 。ãã“ã§ä½¿ãˆã‚‹ã®ãŒmoobileã«ãªã‚‹ã€‚ moobileã¯iPhoneã‚„Androidã¨ã„ã£ãŸWebKitベースã«å¯¾å¿œã—ãŸWebサイトフレームワークã 。HTML5ã§ä½œæˆã•ã‚Œã¦ã„ã‚‹ã®ãŒç‰¹å¾´ã 。フォームやボタンã€ãƒœã‚¿ãƒ³ãƒãƒ¼ãªã©ã®UIをテンプレート化ã—ã¦ã„る。ã“れを使ãˆã°æœ€é©åŒ–ã•ã‚ŒãŸWebサイトãŒ
IEã«ã‚‚対応ï¼ãƒ–ラウザ上ã§ãƒãƒ¼ã‚«ãƒ«ã«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã‚’作るJavaScriptライブラリ「jStorageã€:phpspot開発日誌
IEã«ã‚‚対応ï¼ãƒ–ラウザ上ã§ãƒãƒ¼ã‚«ãƒ«ã«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã‚’作るJavaScriptライブラリ「jStorage〠2010å¹´05月25æ—¥- jStorage - simple JavaScript plugin to store data locally IEã«ã‚‚対応ï¼ãƒ–ラウザ上ã§ãƒãƒ¼ã‚«ãƒ«ã«ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã‚’作るJavaScriptライブラリ「jStorageã€ã€‚ 基本ã¯HTML5ã®ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã‚’使ã„ã¾ã™ãŒã€å¯¾å¿œã—ã¦ã„ãªã„ブラウザã¯ã€ä¾‹ãˆã°IEã§ã¯userDataを使ã£ã¦ãƒ‡ãƒ¼ã‚¿ã‚’æ ¼ç´ã—ã¾ã™ã€‚ ライブラリ内ã§ã‚¯ãƒã‚¹ãƒ–ラウザ対応ã¯ã—ã¦ãれるã®ã§ã€åˆ©ç”¨è€…ã¯ãŸã jStorageã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’呼ã³å‡ºã™ã ã‘ã§ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã‚’利用ã§ãã¾ã™ã€‚ ブラウザã”ã¨ã®ã‚µãƒãƒ¼ãƒˆã¨ã€ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¸ã‚µã‚¤ã‚ºã¯ä»¥ä¸‹ã€‚IE6,7 ㌠128KBã¨ã€æ¯”較的å°ã•ã„ã§ã™ãŒã€ãã‚Œãªã‚Šã«å¤§ããªãƒ‡ãƒ¼ã‚¿ã‚’ä¿æŒã§ãã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ 基本ã¨ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ワークライブラ
HTML5ã¨CSS3を使用ã—ãŸã€ãƒã‚¤ã‚¯ã‚ªãƒªãƒ†ã‚£ãªç„¡æ–™ã®ãƒ†ãƒ³ãƒ—レート集
ã»ã¨ã‚“ã©ã®ã‚µã‚¤ãƒˆã§ä½¿ç”¨ã™ã‚‹æ§‹æˆã ã‘ã®ã‚·ãƒ³ãƒ—ルãªã‚‚ã®ã‚„CSS3ã‚’ãµã‚“ã ã‚“ã«ä½¿ç”¨ã—ãŸã‚‚ã®ãªã©ã€ãƒ“ジãƒã‚¹å‘ã‘ã‹ã‚‰å€‹äººå‘ã‘ã‚„WordPressãªã©ã®ãƒ–ãƒã‚°ç”¨ã¾ã§HTML5ã¨CSS3を使用ã—ãŸãƒ†ãƒ³ãƒ—レート集をDevSnippetsã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ 12 Elegant, Free & High Quality HTML5+CSS3 Templates ※元サイトã§ä¸€éƒ¨URLãŒé–“é•ã£ã¦ã„ãŸã®ã§ã€æ£ã—ã„ã¨æ€ã‚れるもã®ã«ç›´ã—ã¦ã„ã¾ã™ã€‚
HTML5/JavaScriptã®éŠã¹ã‚‹ã‚²ãƒ¼ãƒ ライブラリ「Akihabaraã€ã€iPhone/Androidã«ã‚‚対応
HTML5/JavaScriptã®éŠã¹ã‚‹ã‚²ãƒ¼ãƒ ライブラリ「Akihabaraã€ã€iPhone/Androidã«ã‚‚対応 「Akihabaraã€ã¨å付ã‘られãŸWebサイトã§ã€HTML5ã®Canvasã‚¿ã‚°ã¨JavaScriptを用ã„ã¦é–‹ç™ºã•ã‚ŒãŸã‚²ãƒ¼ãƒ 用ライブラリã¨ã€ãã‚Œã«ã‚ˆã£ã¦é–‹ç™ºã•ã‚ŒãŸã‚²ãƒ¼ãƒ ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚特ã«ã‚²ãƒ¼ãƒ ã¯æ˜”ã®ã‚¢ãƒ¼ã‚±ãƒ¼ãƒ‰ã‚²ãƒ¼ãƒ ã‚’å†ç¾ã—ãŸã‚ˆã†ãªã‚‚ã®ã°ã‹ã‚Šã§æ¥½ã—ã‚ã¾ã™ã€‚ 開発ã—ãŸã®ã¯KesieVã¨å乗る人物。主ã«ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ©ã‚¤ãƒ–ラリã‹ã‚‰æ§‹æˆã•ã‚Œã¦ã„ã¾ã™ã€‚ Gamebox åŒæ™‚ã«å‹•ã複数ã®ã‚ªãƒ–ジェクトグループを扱ã†ãƒ©ã‚¤ãƒ–ライリ。ã‚ーボードã€ãƒ€ãƒ–ルãƒãƒƒãƒ•ã‚¡ãƒªãƒ³ã‚°ãªã©ã‚‚扱ã†ã€‚ç¾æ™‚点ã§éŸ³å£°ã«ã¯æœªå¯¾å¿œã€‚ Gamecycle オープニングã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã€ã‚¹ãƒ†ãƒ¼ã‚¸é–“ã®ã‚¯ãƒã‚¹ãƒ•ã‚§ãƒ¼ãƒ‰ãªã©ã®ã‚µã‚¤ã‚¯ãƒ«æ©Ÿèƒ½ã‚’æ供。 Toys シューティングゲームやãƒãƒ¼ãƒ«ãƒ—レイングゲームã§ã‚ˆã使ã†ã€ç”»é¢ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„ヘッド
HTML5.JP - 次世代HTML標準 HTML5æƒ…å ±ã‚µã‚¤ãƒˆ
HTML5.JP ã¯ã€HTML5 ã®å›½å†…ã§ã®æ™®åŠã‚’目指ã—ã€2007 å¹´ã«å€‹äººãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦é‹å–¶ãŒé–‹å§‹ã•ã‚Œã¾ã—ãŸã€‚2019 å¹´ç¾åœ¨ã€ã™ã§ã« HTML5 ã¯å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«æ´»ç”¨ã•ã‚Œã€å¤šãã®æƒ…å ±ãŒãƒãƒƒãƒˆã‹ã‚‰å…¥æ‰‹ã™ã‚‹ã“ã¨ãŒã§ãるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ 当サイトã®å½¹å‰²ã¯çµ‚ãˆãŸã“ã¨ã«åŠ ãˆã€å½“サイトã®æ›´æ–°ã‚‚ã¾ã¾ãªã‚‰ãšæƒ…å ±ã‚‚å¤ã„ã¾ã¾ã§ã‚ã£ãŸã“ã¨ã‹ã‚‰ã€å½“サイトを閉鎖ã™ã‚‹ã“ã¨ã«ã„ãŸã—ã¾ã—ãŸã€‚ã“ã‚Œã¾ã§å½“サイトをã”支æ´é ‚ãã¾ã—ãŸçš†æ§˜ã«ã¯å¿ƒã‚ˆã‚Šå¾¡ç¤¼ç”³ã—上ã’ã¾ã™ã€‚ 2019 å¹´ 8 月 15 æ—¥ 管ç†äººã‚ˆã‚Š
iPhoneå‘ã‘サイト構築 基礎文法最速マスター - EC studio デザインブãƒã‚°
弊社代表ã®è‘—書ã€ã€ŒiPhoneã¨ãƒ„イッターã§ä¼šç¤¾ã¯å„²ã‹ã‚‹ã€ã®å‡ºç‰ˆè¨˜å¿µã¨ã€å··ã§è©±é¡Œã®ã€ŒåŸºç¤Žæ–‡æ³•æœ€é€Ÿãƒžã‚¹ã‚¿ãƒ¼ã€ãƒ–ームã«ä¾¿ä¹—ã—ã¦ã€iPhone（iPod Touch）å‘ã‘サイト構築ã«ãŠã‘る基礎ã¨ãƒ—ラス応用ã®ãƒã‚¿ã¨ã€å‚考ã«ãªã‚‹ãƒªãƒ³ã‚¯é›†ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ 2010/11/18追記： iPhoneå‘ã‘サイト制作ã®æ›¸ç±ã‚’執ç†ã—ã¾ã—ãŸï¼ æ—¢å˜ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—å‘ã‘サイトをモデルã«ã—㟠iPhoneã«æœ€é©åŒ–ã—ãŸã‚µãƒ³ãƒ—ルサイトã®ç´¹ä»‹ã¨ コードã®è§£èª¬ã‚’ã—ã¦ã„ã¾ã™ã€‚ iPhoneå‘ã‘サイト制作ã®å…¥é–€æ›¸ã«æœ€é©ã§ã™ã€‚ 「HTML5＋CSS3ã§ä½œã‚‹ é…ã›ã‚‹iPhoneサイト〠基礎編 対象ブラウザã¯MobileSafariã§ã™ レンダリングエンジンã¯Safariã¨åŒã˜webkitã§ã™ãŒã€MobileSafariã®æ–¹ã«ã¯iPhoneå‘ã‘ã®ä¸€éƒ¨ç‹¬è‡ªæ‹¡å¼µï¼ˆCSS）ãŒã‚ã‚Šã¾ã™ã€‚検証ã®éš›ã¯ã€é€šå¸¸ã®Safariã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚µã‚¤ã‚ºã‚’ç‹ãã—
先進的。HTML5/CSS3対応ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ワーク·52Framework MOONGIFT
52Frameworkã¯HTML/JavaScript/CSS製ã®ã‚ªãƒ¼ãƒ—ンソース・ソフトウェア。ã“ã‚Œã¾ã§ã®WebデザインãŒä»Šå¾Œã€å¤§ãã変ã‚ã£ã¦ã„ãå¯èƒ½æ€§ã‚’秘ã‚ã¦ã„ã‚‹ã®ãŒHTML5ã‚„CSS3ã 。ã¾ã 実験段階ã¨ã„ã†ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒå¼·ã„ãŒã€Googleã‚„Youtubeã‚’ã¯ã˜ã‚ã¨ã™ã‚‹å¤§æ‰‹ã‚µã‚¤ãƒˆã§ã‚‚å–り入れられ始ã‚ã¦ã„る。 Safari4ã§ã®è¡¨ç¤º 最大シェアをæŒã¤IEã®å¯¾å¿œãŒã„ã¾ã„ã¡ãªãŸã‚ã€ç©æ¥µçš„ã«å–り入れã¦ã„ãã®ã¯é›£ã—ã„ã¨æ„Ÿã˜ã¦ã„ã‚‹ã‹ã‚‚知れãªã„。ã—ã‹ã—時代ã¯é€²ã‚“ã§ã„る。ã¤ã„ã«HTML5/CSS3をターゲットã«ã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ•ãƒ¬ãƒ¼ãƒ ワークãŒç™»å ´ã—ãŸã€‚ãã‚ŒãŒ52frameworkã 。 52frameworkã¯HTML5ã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã•ã‚Œã€CSS3を使ã£ãŸè§’丸やテã‚ストã®å½±ã€ãƒœãƒƒã‚¯ã‚¹ã®å½±ã€ã‚°ãƒªãƒƒãƒ‰è¡¨ç¤ºã€CSSリセットãªã©ã‚’è¡Œã£ã¦ã„る。グリッドã¯ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‚’16ã®ãƒ–ãƒãƒƒã‚¯ã«åˆ†å‰²ã™ã‚‹ã€‚一ã¤ã®ãƒ–ãƒãƒƒã‚¯ã¯ãƒ•ãƒ¬ãƒ¼ãƒ ワーク
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Cache Manifestを無効ã«ã™ã‚‹æ–¹æ³•
{{#tags}}- {{label}}
{{/tags}}