JavaScriptMVCフレームワーク「Spine.jsã€ã‚’使ã£ã¦ã¿ã‚‹ - Taste of Tech Topics
むらãŸã§ã™ã€‚ 若手ã§ã¯ãªã„ã®ã§ã™ãŒã€ã“ã¡ã‚‰ã«å‡ºå¼µæŠ•ç¨¿ã—ã¾ã™ã€‚ Acroquestã§ã¯HTML5+CSS3+JavaScriptã«ã‚ˆã‚‹ã‚°ãƒ©ãƒ•ã‚£ã‚«ãƒ«ãªWebUIを開発ã™ã‚‹ãŸã‚ã®OSSã§ã‚ã‚‹WGPを開発ã—ã¦ã„ã¾ã™ã€‚ã“ã®WGPを利用ã™ã‚‹ä¸Šã§ã€JavaScriptMVCフレームワークを活用ã—ãŸã„ã¨è€ƒãˆã¦ãŠã‚Šã€ç§ã¯JavaScriptMVCフレームワークを調査ã—ã¦ã„ã¾ã™ã€‚ãã‚“ãªã‚ã‘ã§ã€Œã‚¹ãƒ†ãƒ¼ãƒˆãƒ•ãƒ«JavaScriptã€ã‚’èªã‚“ã§ãŠã‚Šã€Spine.jsを調査ã—ã¦ã„ã¾ã™ã€‚ Spine.jsã¯backbone.jsã«ã‚¤ãƒ³ã‚¹ãƒ‘イアã•ã‚Œã¦é–‹ç™ºã•ã‚ŒãŸCoffeeScriptã¨è¦ªå’Œæ€§ãŒé«˜ã„フレームワークã§ã‚ã‚Šã€CoffeeScript好ããªç§ã¨ã—ã¦ã¯backbone.jsã®å‰ã«ã“ã¡ã‚‰ã‚’調ã¹ã¦ã„ã¾ã™ã€‚今回ã¯Spine.jsã®Todoアプリケーションを作ã£ã¦ã¿ãŸã®ã§ã€ãã®å†…容をã¾ã¨ã‚ã¾ã—ãŸã€‚ Spine.jsã®Todoã‚¢
CSS： marginã®æ£ã—ã„ç†è§£ - kojika17
toggle()や変数ã€calcã€:matchãªã©ã€ä»Šã¾ã§ã«ãªã„CSSプãƒãƒ‘ティã€ã‚»ãƒ¬ã‚¯ã‚¿ãŒæ案・実装ã•ã‚Œã¦ã€CSS3, CSS4も楽ã—ããªã£ã¦ãã¦ã„ã¾ã™ã€‚ border-radiusã‚„ã€box-shadowãªã©ã‚‚ã€å¤ã„Androidブラウザ以外ãªã‚‰ã€prefixãªã—ã§ä½¿ãˆã‚‹çŠ¶æ³ã‚‚増ãˆã¦ãã¾ã—ãŸã€‚ 最新技術ã¯ã€ã“ã‚Œã‹ã‚‰å¿…è¦ã«ãªã£ã¦ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€åŸºæœ¬ã‚‚大切ã§ã™ã€‚ float ã‚„ position ãªã©ã€CSSコーディングを悩ã¾ã›ã‚‹ã‚¿ãƒã¯ã„ãã¤ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå›žã¯ãã®ä¸ã§ã‚‚ç§ãŒCSSã§ä¸€ç•ªé›£ã—ã„ã¨æ€ã† margin ã«ã¤ã„ã¦æ›¸ãã¾ã™ã€‚ 「marginã¯ãƒã‚°ãŒå¤šã„ã€ã¨ã„ã†å£°ã‚’ãŸã¾ã«èžãã¾ã™ã€‚ ã—ã‹ã—話をèžã„ã¦ã¿ã‚‹ã¨ã€æ£å¸¸ãªå‹•ä½œã‚’ãƒã‚°ã¨é–“é•ã£ã¦èªè˜ã—ã¦ã„るケースもã‚ã‚Šã¾ã™ã€‚ marginã‚’æ£ã—ãç†è§£ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€åŠ¹çŽ‡çš„ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’構築ã§ãã¾ã™ã®ã§ã€åŸºæœ¬çš„ãªå†…容ã§ã™ãŒã€èªã‚“ã§é ‚ã‘ã‚Œã°å¹¸
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
http://spinejs.com/pages/screencasts
{{#tags}}- {{label}}
{{/tags}}