創æ¥æ˜Žæ²»33å¹´ã®è¡£ï¦¾å¸å•å±‹ã‹ã‚™ï°€ アプリã¦ã‚™æŒ‘ã‚€ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³å¤‰é© ï°€ ～Monacaã¨mBaaSを活用ã—ãŸï°€ ビジãƒã‚¹ãƒãƒ£ãƒƒãƒˆã‚¢ãƒ•ã‚šãƒªã®ç´¹ä»‹ã€œ ï°€
Angularã¨Onsen UIã§ä½œã‚‹æœ€é«˜ã®HTML5ãƒã‚¤ãƒ–リッドアプリ
創æ¥æ˜Žæ²»33å¹´ã®è¡£ï¦¾å¸å•å±‹ã‹ã‚™ï°€ アプリã¦ã‚™æŒ‘ã‚€ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³å¤‰é© ï°€ ～Monacaã¨mBaaSを活用ã—ãŸï°€ ビジãƒã‚¹ãƒãƒ£ãƒƒãƒˆã‚¢ãƒ•ã‚šãƒªã®ç´¹ä»‹ã€œ ï°€
W3Cã€ãƒžã‚¦ã‚¹ã€ã‚¿ãƒƒãƒã€ãƒšãƒ³å…¥åŠ›ãªã©ã‚’åŒä¸€ã‚³ãƒ¼ãƒ‰ã§çµ±åˆçš„ã«æ‰±ãˆã‚‹ã€ŒPointer Eventã€ã‚’勧告ã«ã€‚ã—ã‹ã—Chromeã¯å®Ÿè£…ã—ãªã„æ–¹é‡
W3Cã€ãƒžã‚¦ã‚¹ã€ã‚¿ãƒƒãƒã€ãƒšãƒ³å…¥åŠ›ãªã©ã‚’åŒä¸€ã‚³ãƒ¼ãƒ‰ã§çµ±åˆçš„ã«æ‰±ãˆã‚‹ã€ŒPointer Eventã€ã‚’勧告ã«ã€‚ã—ã‹ã—Chromeã¯å®Ÿè£…ã—ãªã„æ–¹é‡ W3Cã¯2月24æ—¥ã€ãƒžã‚¦ã‚¹ã€ã‚¿ãƒƒãƒã€ãƒšãƒ³å…¥åŠ›ãªã©ã‚’çµ±åˆçš„ã«æ‰±ãˆã‚‹ã€ŒPointer Eventsã€ã‚’勧告ã«ã—ãŸã¨ç™ºè¡¨ã—ã¾ã—ãŸï¼ˆCSSã®pointer-eventsã¨ã¯åˆ¥ã®ã‚‚ã®ã§ã™ï¼‰ã€‚ Web標準ã§ã¯ã€ä»¥å‰ã‹ã‚‰ãƒžã‚¦ã‚¹ã‚’想定ã—ãŸã‚¤ãƒ™ãƒ³ãƒˆãŒç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€2013å¹´ã«ã¯ã‚¿ãƒƒãƒæ“作ã«ã‚ˆã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã‚’扱ã†ã€ŒTouch Eventã€ã®æ¨™æº–化も行ã‚ã‚Œã¾ã—ãŸã€‚ 入力手段ã¨ã—ã¦ã®ãƒžã‚¦ã‚¹ã‚„タッãƒã€ãƒšãƒ³ã«ã¯ãã‚Œãžã‚Œç•°ãªã‚‹ç‰¹æ€§ãŒã‚ã‚Šã¾ã™ã€‚マウスã®å ´åˆã«ã¯ã‚¯ãƒªãƒƒã‚¯ã‚„ダブルクリックãŒã‚ã‚Šã€ã‚¿ãƒƒãƒã§ã¯åŒæ™‚ã«è¤‡æ•°ã®æŒ‡ã«ã‚ˆã‚‹æ“作ãŒã‚ã‚Šã€ãƒšãƒ³ã§ã¯ç†åœ§ã®å±žæ€§ãŒã‚ã‚‹ã¨ã„ã£ãŸå…·åˆã§ã™ã€‚ Pointer Eventsã¯ã“ã†ã—ãŸãã‚Œãžã‚Œã®ç‰¹æ€§ã‚’æŒã¤å…¥åŠ›æ‰‹æ®µã‚’çµ±åˆçš„ã«æ‰±ãˆã‚‹ã‚ˆã†ã«ã—ãŸä»•æ§˜ã§ã™ã€‚ Inte
CSS3 Please! The Cross-Browser CSS3 Rule Generator
CSS3, please! This element will receive instant changes as you edit the CSS rules on the left. Enjoy! /* ------------------------------------------------------------- CSS3, Please! =================================================== Update: We recommend using Autoprefixer instead of CSS3Please. You can edit the underlined values in this css file, but don't worry about making sure the corresponding
最近ã®JavaScriptフレームワークã®è©•ä¾¡ã¨ã‹ - albatrosary's blog
最近JavaScriptフレームワークã«ã¤ã„ã¦è‰²ã€…指標ã®ã‚ˆã†ãªã‚‚ã®ã‚’æ示ã™ã‚‹ãƒ–ãƒã‚°ãŒæµè¡Œã£ã¦ã„るよã†ã 。é©æé©æ‰€ã®ã‚‚ã¨ã€ã“ã‚Œã¯å¤§è¦æ¨¡å‘ãã¨ã‹å°è¦æ¨¡å‘ãã¨ã‹æ—©ã„ã ã®é…ã„ã ã®ã€‚åŠ ãˆã€Œgitãªã‚“ã‹è¦šãˆãªããŸã£ã¦æ»ãªãªã„ã€ã¨ã‹ã€UXã†ãˆã„ï¼ã¿ãŸã„ãªè©±ã ã¨æ€ã„ãや内容ãŒUIã«é™ã£ãŸã“ã¨ã¨ã‹ã€‚ 一体最近ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã¯ã©ã†ãªã£ã¦ã‚‹ã‚“ã ？ã¨ã„ã†é›°å›²æ°—ã«ãªã£ã¦ãã¾ã—ãŸã®ã§ã€å°‘ã—メモ的ã«æ›¸ãã¾ã—ãŸã€‚ JavaScriptフレームワークã«ã¤ã„㦠JavaScriptフレームワークã®çŠ¶æ³ã‚’見るã¨ï¼ˆãƒ•ãƒ¬ãƒ¼ãƒ ワークã‹ãƒ©ã‚¤ãƒ–ラリã‹ã®è°è«–ã¯ç½®ã„ã¦ãŠã） DOM Web Components Virtual DOM ã«åˆ†ã‹ã‚Œã¾ã™ã€‚JavaScriptフレームワークåˆæœŸã®é ƒã¯DOMを直接æ“作ã™ã‚‹ã‚‚ã®ãŒå¤šã出ç¾ã—ã¦ãã¾ã—ãŸãŒã€ãƒ¬ã‚¹ãƒãƒ³ã‚¹ãªã©æ‰±ã„ã«é›£ã—ã„é¢ã‚‚ã‚ã‚Šã€ä»–ã®ã‚¢ãƒ—ãƒãƒ¼ãƒãŒè€ƒæ¡ˆã•ã‚Œã¾ã—ãŸã€‚ãã‚ŒãŒWeb Compoent
HTML5 Canvasã«JavaScriptã§ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã«å‹•ç”»ã‚’æ画。é€éŽãƒ¬ã‚¤ãƒ¤ã§å‹•ç”»ã®é‡ãåˆã‚ã›ãªã©ã€æ–°ãŸãªè¡¨ç¾ãŒå¯èƒ½ãªPCï¼ãƒ¢ãƒã‚¤ãƒ«å¯¾å¿œã‚³ãƒ¼ãƒ‡ãƒƒã‚¯ã€ŒH2MDã€ï¼»PRï¼½
Webã®è¡¨ç¾åŠ›ã¯ã€æ–‡å—ã®å¤§ãã•ã‚„色をä¸å¿ƒã«ä¿®é£¾ã—ã¦ã„ãŸæ™‚代ã‹ã‚‰ç¾Žã—ã„グラフィックやアニメーションã®æ´»ç”¨ã¸ã¨é€²ã¿ã€ã„ã¾ã§ã¯å¤§ããªå‹•ç”»ã‚‚ç©æ¥µçš„ã«å–り入れãŸã€è±Šã‹ãªè¡¨ç¾åŠ›ã¨æƒ…å ±é‡ã‚’å‚™ãˆã‚‹WebãŒæ•°å¤šã見られるよã†ã«ãªã‚Šã¾ã—ãŸã€‚ 最近ã§ã¯åºƒå‘Šã‚„解説動画ã¨ã„ã£ãŸä¾‹ã ã‘ã§ãªãã€èƒŒæ™¯ã„ã£ã±ã„ã«å‹•ç”»ã‚’使ã†ã¨ã„ã£ãŸä¾‹ã‚‚ã‚ã‚Šã¾ã™ã€‚モãƒã‚¤ãƒ«ã§ã‚‚ゲームやソーシャルメディアãªã©ã‚’ä¸å¿ƒã«ç©æ¥µçš„ã«å‹•ç”»ã‚’用ã„ãŸè¡¨ç¾ãŒå¢—ãˆã¦ã„ã¾ã™ã€‚ GIFã‚„H.264ã«è¶³ã‚Šãªã„ã‚‚ã® ã“ã†ã—ãŸå‹•ç”»è¡¨ç¾ã‚’実ç¾ã™ã‚‹æŠ€è¡“ã«ã¯è¤‡æ•°ã®é¸æŠžè‚¢ãŒã‚ã‚Šã¾ã™ãŒã€ãƒ¢ãƒã‚¤ãƒ«ã¨Webサイトã®ä¸¡æ–¹ã§ã®å¯¾å¿œã‚’考ãˆã‚‹ã¨ã€GIFアニメーションã‹H.264ã®ã„ãšã‚Œã‹ã‚’é¸æŠžã™ã‚‹ã®ãŒä¸€èˆ¬çš„ã§ã—ょã†ã€‚ã—ã‹ã—GIFアニメーションã¯è‰²æ•°ãŒ256色ã¨é™ã‚‰ã‚Œåœ§ç¸®çŽ‡ã‚‚低ã„ãŸã‚ã€å°ã•ãªã‚µã‚¤ã‚ºã§æ•°ç§’程度ã¨ã„ã£ãŸæœ€å°é™ã®å‹•ç”»å†ç”Ÿã«ã—ã‹å‘ãã¾ã›ã‚“ã—ã€éŸ³å£°ã¨ã®åŒæœŸã‚‚困難ã§ã™ã€‚一方ã€H.264ã¯é«˜ç²¾ç´°
HTML5 㨠SVG ã§è€ƒãˆã‚‹ã€ã“ã‚Œã‹ã‚‰ã®ç”»åƒã‚¢ã‚¯ã‚»ã‚·ãƒ“リティ
Bounce Tracking Protectionã«ãŠã‘ã‚‹Federationã¸ã®èª²é¡Œã¨æœ€æ–°å‹•å‘ #openid #technight
Node.js＋Socket.IOã§ä½œã‚‹ã€é€šä¿¡å¯¾æˆ¦ãŒã§ãã‚‹HTML5ゲームシステムã®ä½œã‚Šæ–¹
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10月1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ブãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEヤフー Tech Blog ã¯ã˜ã‚ã¾ã—ã¦ã€Yahoo!ãã£ãšé–‹ç™ºæ‹…当ã§ã™ã€‚ 昨年Yahoo!ãã£ãšã«ã¦ãƒ–ラウザオンラインゲーム「ãŠã—ゃã¹ã‚Šãƒªãƒãƒ¼ã‚·ã€ã‚’リリースã—ã¾ã—ãŸã€‚ ※ãŠã—ゃã¹ã‚Šãƒªãƒãƒ¼ã‚·ã¯2015å¹´10月をもã£ã¦ã‚µãƒ¼ãƒ“ス終了ã—ã¾ã—ãŸã€‚ã”利用ã„ãŸã ãã¾ã—ã¦ã€ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚ ã“ã®ã‚²ãƒ¼ãƒ ã¯ã€é€šä¿¡å¯¾æˆ¦éƒ¨åˆ†ã®é€šä¿¡ãƒ—ãƒãƒˆã‚³ãƒ«WebSocketを採用ã—ã€ã‚µãƒ¼ãƒãƒŸãƒ‰ãƒ«ã‚¦ã‚§ã‚¢ã«Node.js＋Socket.IOを採用ã—ã¾ã—ãŸã€‚ã“ã®çµæžœã€ãƒ–ラウザゲームã§ã‚ã‚ŠãªãŒã‚‰ãƒžãƒ«ãƒãƒ‡ãƒã‚¤ã‚¹ã§ã®å¯¾æˆ¦ã‚’実ç¾ã—ã¾ã—ãŸã€‚ 今回ã¯ã€Node.js＋Socket.IOã«ã‚ˆã‚‹WebSocketサーãƒã®ã‚·ã‚¹ãƒ†ãƒ 構築方法ã«ã¤ã„ã¦è€ƒæ…®ã™ã¹ããƒã‚¤ãƒ³ãƒˆã‚’ã€ã€ŒãŠã—ゃã¹ã‚Šãƒªãƒãƒ¼ã‚·ã€ã®å®Ÿä¾‹ã‚’紹介ã—ãªãŒã‚‰èª¬
Timesheet.js - Beautiful time tables with HTML, JavaScript and CSS …
Timesheet.jsVisualize your data and events with sexy HTML5 and CSS3. Create simple time sheets with sneaky JavaScript. Style them with CSS and have mobile fun as well … Just include Timesheet.js and configure your data. No external dependencies, no jQuery needed and of course no Angular.JS! Just a few lines JavaScript to generate a beautiful HTML5 layout and some really delicious CSS to be customi
第4回　HTML5を使ã£ãŸå®Ÿéš›ã®é–‹ç™ºã®é€²ã‚æ–¹
ã¿ãªã•ã‚“ã€ã“ã‚“ã«ã¡ã¯ã€‚hifive開発ãƒãƒ¼ãƒ ã®æ¨ªå±±ã§ã™ã€‚第2回ã¨ç¬¬3回ã§ã¯ã€HTML5ã§å®Ÿç¾å¯èƒ½ãªè¡¨ç¾ã‚„機能ã«ã¤ã„ã¦è©³ã—ã解説ã—ã¾ã—ãŸã€‚ã“れらを用ã„ã‚‹ã¨ã€æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã«å¾“æ¥ã®Webシステムã§ã¯å®Ÿç¾ã§ããªã„レベルã®é«˜ã„æ“作性をæŒãŸã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚直観的ã«æ“作ã§ãã‚‹UIã«ã‚ˆã‚Šèª¤æ“作を防æ¢ã—ã‚„ã™ããªã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼æ•™è‚²ã®ã‚³ã‚¹ãƒˆã‚‚減らã›ã‚‹ã®ã§ã¯ãªã„ã‹---。ãã‚“ãªæœŸå¾…ã‚’æŒã£ãŸäººã‚‚多ã„ã®ã§ã¯ãªã„ã§ã—ょã†ã‹ã€‚ ã—ã‹ã—ãªãŒã‚‰ã€ãã†ã—ãŸãƒªãƒƒãƒãªUIã‚’å‚™ãˆãŸæ¥å‹™ã‚·ã‚¹ãƒ†ãƒ ã®é–‹ç™ºã¯ã€å˜ç´”ãªç”»é¢é·ç§»ã‚’ç¹°ã‚Šè¿”ã™ã“ã¨ã§æ¥å‹™ã‚’進ã‚ã¦ã„ã従æ¥åž‹Webシステムã¨æ¯”ã¹ã¦ã€é–‹ç™ºãƒ—ãƒã‚»ã‚¹ã‚’é©åˆ‡ã«ç®¡ç†ã—ã€äºˆå®šé€šã‚Šã®å·¥æ•°ã§é–‹ç™ºã‚’進ã‚ã‚‹ã“ã¨ãŒé›£ã—ããªã‚ŠãŒã¡ã§ã™ã€‚ ãã“ã§ä»Šå›žã¯ã€HTML5を使ã£ã¦ãƒªãƒƒãƒãªUIã‚’æä¾›ã™ã‚‹æ¥å‹™ã‚·ã‚¹ãƒ†ãƒ を開発ã™ã‚‹éš›ã«å¿…è¦ã¨ãªã‚‹ã€ŒæˆåŠŸã•ã›ã‚‹ãŸã‚ã«è€ƒæ…®ã™ã¹ã点ã€ã‚„「失敗ã—ãªã„ãŸã‚ã®é–‹ç™ºã®é€²ã‚æ–¹ã€ã€Œå½¹ã«ç«‹ã¤ãƒ„ールや
第9回　Google Chromeæ‹¡å¼µã¨HTML5 #3 | gihyo.jp
ã“ã‚“ã«ã¡ã¯ã€å¤ªç”°ã§ã™ã€‚今回ã¯Google Chromeæ‹¡å¼µã«ä½¿ãˆã‚‹HTML5関連技術ã®3回目をãŠé€ã‚Šã—ã¾ã™ã€‚ å‰ã€…回ã¯canvasã€ãƒ‰ãƒ©ãƒƒã‚°ãƒ»ã‚¢ãƒ³ãƒ‰ãƒ»ãƒ‰ãƒãƒƒãƒ—ã€å‰å›žã¯ECMAScript5ã‚„CSS3ã®ä¸€éƒ¨ã‚’å–り上ã’ã¾ã—ãŸãŒã€ä»Šå›žã¯HTML5関連APIã®Web Storageã¨ã€HTML5ã¨ã¯å¤–ã‚Œã¾ã™ãŒã€Desktop Notificationsを紹介ã—ã¾ã™ã€‚Web Storageã¯HTML5関連ã®ä¸ã§ã‚‚IE8ã§ã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã‚‹ãªã©ã€å®Ÿè£…ãŒé€²ã‚“ã§ã„ã‚‹APIã®ä¸€ã¤ã§ã™ã€‚Desktop Notificationsã¯ã‚¦ã‚§ãƒ–ページや拡張ã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ç©æ¥µçš„ãªé€šçŸ¥ã‚’出ã™ã“ã¨ãŒã§ãã‚‹APIã§ã™ã€‚Macã§ã¯Growlã¨ã„ã†ã‚¢ãƒ—リケーションãŒæœ‰åã§ã™ãŒã€Growlã«ç›¸å½“ã™ã‚‹æ©Ÿèƒ½ã‚’ブラウザベースã§å®Ÿç¾ã—ã¦ã„ã¾ã™ã€‚ Web Storage Web Storageã¯ãƒ–ラウザ上ã§å‹•ä½œã™ã‚‹ã‚ーãƒãƒªãƒ¥ãƒ¼ã‚¹ãƒˆã‚¢ã§ã™ã€‚J
従æ¥ã® HTML ã¨ã®æ–‡æ³•ã®å·®é• - HTML5 - Wikipedia
HTML5（エイãƒãƒ†ã‚£ãƒ¼ã‚¨ãƒ エル・ファイブ）ã¯ã€World Wide Web Consortium（W3C）ãŒã‹ã¤ã¦ç–定ã—ã¦ã„ãŸHyperText Markup Languageã®5回目ã«å½“ãŸã‚‹å¤§å¹…ãªæ”¹å®šç‰ˆã§ã‚ã‚Šã€2021å¹´1月28æ—¥ã«å»ƒæ¢ã•ã‚ŒãŸã€‚ ç¾åœ¨ã¯HTML Living Standard（英語版）ã«ã‚ˆã£ã¦ç½®ãæ›ãˆã‚‰ã‚Œã¦ã„ã‚‹[1]。 Web Hypertext Application Technology Working Group（WHATWG）ã«ã‚ˆã£ã¦2004å¹´ã«å®šã‚られãŸWeb Applications 1.0ã«Web Forms 2.0ã‚’å–り入れãŸã‚‚ã®ã‚’ベースã¨ã—ã¦ã„る。W3Cã®å°‚門委員会ã«ã‚ˆã‚Š2008å¹´1月22æ—¥ã«ãƒ‰ãƒ©ãƒ•ãƒˆï¼ˆè‰æ¡ˆï¼‰ãŒç™ºè¡¨ã•ã‚Œã€2014å¹´10月28日㫠HTML5 ãŒå‹§å‘Šã•ã‚Œ[2]ã€2016å¹´11月1日㫠HTML 5.1 ãŒ[3]ã€2017å¹´12月14æ—¥ã«
HTML5ã¨CSS3ã§ä½•ãŒã§ãã‚‹ã‹ã‚’実際ã«å‹•ã‹ã—ã¦å¦ã¹ã‚‹ã€ŒThe Expressive Webã€
「HTML5ã€ã‚„「CSS3ã€ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã§ã€ã‚¦ã‚§ãƒ–サイトã®ä½œæˆã‚„ウェブデザインãŒã•ã‚‰ã«ä¾¿åˆ©ã«ãªã‚Šã¾ã™ã€‚ãã‚“ãªHTML5ã¨CSS3ã§è¿½åŠ ã•ã‚Œã¦ã„ã‚‹æ–°ã—ã„è¦ç´ ã§ã€Œä½•ãŒã§ãã‚‹ã®ã‹ï¼Ÿã€ã¨ã„ã†ã“ã¨ãŒã€å®Ÿéš›ã«è©¦ã—ãŸã‚Šå‹•ã‹ã—ãŸã‚Šã—ã¤ã¤å¦ã¹ã‚‹Adobeã®ã€ŒThe Expressive Webã€ã§ã™ã€‚ HTML5 and CSS3 - Adobe - The Expressive Web - Beta http://beta.theexpressiveweb.com/ 「The Expressive Webã€ã¯å·¦å´ã«å„コンテンツã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒã‚ã‚Šã€1ã¤ãšã¤è¦‹ã¦ã„ãã“ã¨ã§CSSã‚„HTML5ã®å‹•ä½œãŒåˆ†ã‹ã£ã¦ã„ãã¨ã„ã†ã‚¦ã‚§ãƒ–サイト。一番上ã®ã€ŒCSS3 Animationsã€ã‚’クリックã™ã‚‹ã¨ã€é’ã„ã‚ャラクターã¨èƒŒæ™¯ãŒCSS3アニメーションã§å‹•ã„ã¦ã„る様åを見るã“ã¨ãŒã§ãã¾ã™ã€‚CSS3アニメーションã¯HTMLã«ã‚ーフ
ã€å‹•ç”»ã€‘ 今日ã‹ã‚‰ä½¿ãˆã‚‹HTML5/CSS3/JSã®ã‚·ãƒ³ãƒ—ルテクニック15é¸ - Schoo（スクー）
オンラインã®ç„¡æ–™å‹•ç”»ã§å¦ã¼ã†ï¼å €å£ èª äººå…ˆç”Ÿ
Visual Studio“ã ã‘â€ã§iOSã¨AndroidアプリãŒä½œã‚Œã‚‹ã€ŒMonaca for Visual Studioã€
ã—ã‹ã—最近ã§ã¯ã€ã“ã®åˆ†é‡Žã«å¤§ããªå¤‰åŒ–ãŒèµ·ãã¦ã„ã¾ã™ã€‚ãã®ãã£ã‹ã‘ãŒã€ãƒžãƒ«ãƒãƒ—ラットフォーム開発をå¯èƒ½ã«ã™ã‚‹HTML5ãƒã‚¤ãƒ–リッドアプリã®ç™»å ´ã§ã™ã€‚HTML5ãƒã‚¤ãƒ–リッドアプリã¨ã¯Web技術ã§ã‚ã‚‹HTML5を用ã„ã¦ä½œã‚‰ã‚Œã‚‹ãƒã‚¤ãƒ†ã‚£ãƒ–アプリã§ã€ãƒ—ラットフォームã«ä¾å˜ã—ãªã„「クãƒã‚¹ãƒ—ラットフォームã€ã§ã‚ã‚‹ã“ã¨ãŒæœ€å¤§ã®ç‰¹å¾´ã§ã™ã€‚ Visual Studioã§ã‚‚ã€ã“ã®HTML5ãƒã‚¤ãƒ–リッドアプリã®é–‹ç™ºã®å¯¾å¿œãŒã©ã‚“ã©ã‚“進んã§ã„ã¾ã™ã€‚Visual Studioã®å„ªã‚ŒãŸé–‹ç™ºç’°å¢ƒã‚’使ã„ã€iOSã‚„Androidå‘ã‘ã®ãƒã‚¤ãƒ†ã‚£ãƒ–アプリãŒé–‹ç™ºã§ãã¾ã™ã€‚ãã“ã§æœ¬ç¨¿ã§ã¯ã€Visual Studio上ã§HTML5ãƒã‚¤ãƒ–リッドアプリ開発を実ç¾ã™ã‚‹ã€ŒMonaca for Visual Studioã€ã‚’紹介ã—ã€å®Ÿéš›ã«ã‚¢ãƒ—リ開発をã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ 対象èªè€… 今回ã®å¯¾è±¡èªè€…ã¯ã€ä»¥ä¸‹ã®ã¨ãŠã‚Šã§ã™ã€‚ JavaScriptã«ã‚ˆ
HTML5 Canvasã¨WebGLã®ä½¿ã„分ã‘―CreateJS勉強会/æ± ç”°ç™ºè¡¨è³‡æ–™ (å‰ç·¨) ― ICS LAB
2015å¹´2月10日（ç«ï¼‰ã€ã‚¢ãƒ‰ãƒ“ã‚·ã‚¹ãƒ†ãƒ ã‚ºæ ªå¼ä¼šç¤¾ã§CreateJS勉強会 (第5回)ãŒé–‹å‚¬ã•ã‚Œ30åを超ãˆã‚‹æ–¹ã€…ãŒæ¥å ´ã•ã‚Œã¾ã—ãŸã€‚勉強会ã®ãƒ•ã‚©ãƒãƒ¼ã‚¢ãƒƒãƒ—ã¨ã—ã¦ã€ç™ºè¡¨è³‡æ–™ã€ŒCreateJSã§åˆ¶ä½œã™ã‚‹ã‚¹ãƒšã‚·ãƒ£ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ブãƒã‚°è¨˜äº‹ã¨ã„ã†å½¢ã§å…¬é–‹ã—ã¾ã™ã€‚本記事ã§ã¯å£é ã§ç™ºè¡¨ã—ãŸå†…容もã§ãã‚‹é™ã‚Šè¨˜è¼‰ã—ã¾ã—ãŸã€‚ ãªãŠã€å‰ç·¨ï¼ˆCanvasã¨WebGLã®æ¯”較）ã¨å¾Œç·¨(WebGLã®æœ€é©åŒ–)ã®äºŒéƒ¨æ§‹æˆã«ã—ã¦ã„ã¾ã™ã€‚å‰ç·¨ã¨ãªã‚‹æœ¬è¨˜äº‹ã§ã¯ã‚¹ãƒšã‚·ãƒ£ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„制作ã«ã‚ãŸã‚Šèª¿æŸ»ã—ãŸHTML Canvasã¨WebGLã®åŒæ–¹ã®åˆ©ç‚¹ãƒ»æ¬ 点をã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ HTML Canvasã¨WebGL 今回ã®ãƒ†ãƒ¼ãƒžã¯ã€ŒHTML Canvasã¨WebGLã®ä½¿ã„分ã‘ã€ã§ã™ã€‚皆ã•ã‚“ã‚‚ã”å˜çŸ¥ã®é€šã‚Šã€HTML5ã®Canvasè¦ç´ (JavaScript ã§ã¯CanvasRenderingContext2Dオブジェクト）ã¯å¾“
第1回　クラウドã¨ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ Web | gihyo.jp
è¿‘å¹´ã€HTML5ã‚„JavaScriptを活用ã—ãŸWebアプリケーションãŒå¢—ãˆã‚‹ã®ã¨åŒæ™‚ã«ã€ä»Šã¾ã§ã¯ãƒã‚¤ãƒ†ã‚£ãƒ–ãªã‚¢ãƒ—リケーションãŒå¸¸è˜ã§ã‚ã£ãŸãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—アプリケーションã«ã‚‚HTML5ã®æ³¢ãŒã‚„ã£ã¦ãã¾ã—ãŸã€‚ 具体的ãªä¾‹ã¨ã—ã¦ã¯Windows 8ã§è¿½åŠ ã•ã‚ŒãŸWindowsストア アプリã§ã¯ã€HTML5ã¨JavaScriptを利用ã—ãŸã‚¢ãƒ—リケーションã®é–‹ç™ºãŒã‚µãƒãƒ¼ãƒˆã•ã‚Œã¦ã„ã¾ã™ã€‚ HTML5ã§é–‹ç™ºã§ãã‚‹é ˜åŸŸã¯åºƒãŒã£ã¦ã„ã¾ã™ãŒã€åˆ‡ã£ã¦ã‚‚切れãªã„関係ãªã®ãŒã‚µãƒ¼ãƒã¨ã®é€šä¿¡ã§ã™ã€‚ãã—ã¦ã€ãã®é€šä¿¡ã‚’見ã¦ã„ãã¨ã€æœ€è¿‘ã§ã¯ãƒ¦ãƒ¼ã‚¶ãŒèƒ½å‹•çš„ã«æƒ…å ±ã‚’å–ã‚Šã«è¡Œãスタイルã§ã¯ãªãã€Facebookã‚„Twitterã«è¦‹ã‚‰ã‚Œã‚‹ã‚ˆã†ãªã‚µãƒ¼ãƒ“スæä¾›å´ã‹ã‚‰æƒ…å ±ãŒãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã§é…ä¿¡ã•ã‚Œã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ãŒå¢—ãˆã¤ã¤ã‚ã‚Šã¾ã™ã€‚ 図1　Facebookメッセンジャーã®å…¥åŠ›ä¸è¡¨ç¤º ã“れらã®ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ 通信ã¯ã‚µãƒ¼ãƒã¨ã®æŽ¥ç¶šã‚’常時行ã£ã¦ãŠãå¿…è¦ãŒã‚ã‚‹
JavaScriptã ã‘ã§ãƒ•ã‚¡ã‚¤ãƒ«ã®ä¿å˜æ©Ÿèƒ½ã‚’実装ã™ã‚‹
ã“ã‚“ã°ã‚“ã¯ã€‚ファガイã§ã™ã€‚本日ã¯JavaScriptã ã‘ã§ãƒ–ラウザã®ã‚ã‚‹æƒ…å ±ã®ãƒ‡ãƒ¼ã‚¿ã‚’ä¿å˜ã™ã‚‹æ©Ÿèƒ½ã®å®Ÿè£…方法ã«ã¤ã„ã¦æ›¸ã“ã†ã¨æ€ã„ã¾ã™ã€‚ æ¦‚è¦ ãƒãƒ¼ã‚«ãƒ«ä¸Šã ã‘ã§ãƒ•ã‚¡ã‚¤ãƒ«ã®ä¿å˜ãŒã§ãるよã†ã«ãªã‚‹æ–¹æ³•ã«ãªã‚Šã¾ã™ã€‚ 自分ãŒä½œã£ã¦ã„ã‚‹Markdown-F Editorã¯ãã®æ©Ÿèƒ½ã‚’使ã£ã¦ä¿å˜ã‚’実装ã—ã¦ã„ã¾ã™ã€‚ 今回利用ã™ã‚‹æ©Ÿèƒ½ã¯HTML5ã®æ©Ÿèƒ½ãªã®ã§ã€ãƒ–ラウザã«ã‚ˆã£ã¦ã¯å®Ÿè£…ã•ã‚Œã¦ã„ãªã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã®ã§ã€æ³¨æ„。 確èªãƒ–ラウザ IE11 Firefox GoogleChrome ã«ã¦ç¢ºèªã‚’å–ã£ã¦ã¾ã™ã€‚IEã«é–¢ã—ã¦ã¯ç‹¬è‡ªé–¢æ•°ã‚’使ã£ã¦ã„ã‚‹ãŸã‚ã€å‰ã®ãƒ–ラウザã§ã¯å¯¾å¿œã•ã‚Œã¦ã„ãªã„å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚ ソースコード ソース自体ã¯çµæ§‹ç°¡å˜ã§ã™ã€‚ var text = "テã‚ストデータ"; var blob = new Blob([text], {type: "text/plain"}); // ãƒã‚¤ãƒŠãƒªãƒ‡ãƒ¼ã‚¿ã‚’作り
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Service worker ã‹ã‚™æ‹“ã mobile web ã®æ–°ã—ã„ã‹ãŸã¡
HTML5ã§éŸ³ã‚’扱ã†3ã¤ã®æ–¹æ³•
Amazon.co.jp: HTML5&API入門: 白石俊平 (è‘—), æ ªå¼ä¼šç¤¾ã‚ゆ㟠(監修), æ ªå¼ä¼šç¤¾ã‚ゆ㟠(èªã¿æ‰‹): 本
{{#tags}}- {{label}}
{{/tags}}