HTMLè¦ç´ をグラフィカルã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŒ–ã§ãã‚‹JavaScriptライブラリ「Theatre.jsã€ã‚’使ã£ã¦ã¿ãŸï¼ - paiza timesã©ã†ã‚‚ã€ã¾ã•ã¨ã‚‰ã‚“（@0310lan）ã§ã™ï¼ 今回ã¯ã€HTMLè¦ç´ ã‚’ç°¡å˜ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŒ–ã§ãã‚‹JavaScriptライブラリをã”紹介ã—ã¾ã™ã€‚ åˆæœŸè¨å®šã¯JavaScriptã§æ›¸ãã¾ã™ãŒã€å®Ÿéš›ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ä½œã‚Šã«é–¢ã—ã¦ã¯ã‚¿ã‚¤ãƒ ラインエディタを利用ã—ãŸç›´æ„Ÿçš„ãªæ“作ã§å®Ÿç¾ã—ã¦ã„ã‚‹ã®ãŒå¤§ããªç‰¹å¾´ã§ã™ã€‚ã¡ã‚‡ã£ã¨ã—ãŸã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‹ã‚‰3Dアニメーションã¾ã§ã‚«ãƒãƒ¼ã§ãるライブラリãªã®ã§ã€ã”興味ã‚ã‚‹æ–¹ã¯ãœã²å‚考ã«ã—ã¦ãã ã•ã„ï¼ ã€ Theatre.js 】 ■「Theatre.jsã€ã®å°Žå…¥ã«ã¤ã„ã¦ï¼ ãã‚Œã§ã¯ã€ã€ŒTheatre.jsã€ã‚’ã©ã®ã‚ˆã†ã«ä½¿ãˆã°ã„ã„ã®ã‹è©³ã—ã見ã¦ã„ãã¾ã—ょã†ï¼ æ—¢å˜ã®Webサイトã¸ã€ŒTheatre.jsã€ã‚’å°Žå…¥ã™ã‚‹æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã‚‹ã®ã§ã™ãŒã€ä»Šå›žã¯ã‚‚ã£ã¨ã‚‚基本的ãªæ‰‹æ®µã¨ã—ã¦CDN経由ã§ãƒ©ã‚¤ãƒ–ラリをèªã¿è¾¼ã‚“ã§ã¿ã¾ã™ã€‚ã“ã‚Œã¯HTMLファイルãŒ1ã¤ã‚ã‚Œã°å®Œçµã™ã‚‹ã®ã§ã€ã¡ã‚‡ã£ã¨è©¦ã—ã¦
HTMLã®tableã«ã‚¯ãƒ©ã‚¹ã‚’åŠ ãˆã‚‹ã ã‘ã§ã€ã‚°ãƒ©ãƒ•ã‚„ãƒãƒ£ãƒ¼ãƒˆã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹CSSã®ãƒ•ãƒ¬ãƒ¼ãƒ ワーク -Charts.css
よã見ã‹ã‘るレイアウト・UIコンãƒãƒ¼ãƒãƒ³ãƒˆã€ãã‚Œã ã‘を実装ã™ã‚‹HTMLã¨CSSã®ã‚·ãƒ³ãƒ—ルãªã‚³ãƒ¼ãƒ‰ã®ã¾ã¨ã‚
HTML&CSS フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ 何度もèªã¿ç›´ã—ãŸã„資料・ツールã¾ã¨ã‚ - é…’ã¨æ³ªã¨Rubyã¨Railsã¨
{{#tags}}- {{label}}
{{/tags}}