xChartsxCharts is a JavaScript library for building beautiful and custom data-driven chart visualizations for the web using D3.js. Using HTML, CSS, and SVG, xCharts are designed to be dynamic, fluid, and open to integrations and customization.
ãã®å ´ã§ç·¨é›†ã€‚Webベースã®ã‚¬ãƒ³ãƒˆãƒãƒ£ãƒ¼ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼Â·jQuery Gantt editor MOONGIFT
jQuery Gantt editorã¯jQuery製ã®ã‚¬ãƒ³ãƒˆãƒãƒ£ãƒ¼ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã§ã™ã€‚ãã®åã®é€šã‚Šã€ãã®å ´ã§ãƒ‡ãƒ¼ã‚¿ã®ç·¨é›†ãŒã§ãã¾ã™ã€‚ プãƒã‚¸ã‚§ã‚¯ãƒˆç®¡ç†ã«ãŠã„ã¦é€²æ—ã‚„å„人ã®ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ã«ã‚ˆã‚‹ä½œç”¨ã‚’判æ–ã™ã‚‹ã®ã«ä¾¿åˆ©ãªã‚¬ãƒ³ãƒˆãƒãƒ£ãƒ¼ãƒˆã€‚オンライン版も幾ã¤ã‹å‡ºã¦ã„ã¾ã™ãŒã€æ—¢å˜ã‚µã‚¤ãƒˆã«çµ„ã¿è¾¼ã¿ãŸã„ãªã‚‰jQuery Gantt editorを使ã£ã¦ã¿ã¾ã—ょã†ã€‚ãã®åã®é€šã‚Šã€jQueryベースã®ã‚¬ãƒ³ãƒˆãƒãƒ£ãƒ¼ãƒˆã‚¨ãƒ‡ã‚£ã‚¿ãƒ¼ã§ã™ã€‚ メイン画é¢ã§ã™ã€‚ã¾ã•ã«ã‚¬ãƒ³ãƒˆãƒãƒ£ãƒ¼ãƒˆã®ç”»é¢ã§ã™ã€‚ 日程や階層ã®æ·±ã•ã‚’編集ã§ãã¾ã™ã€‚ 詳細ãªæƒ…å ±ã‚‚å¤‰æ›´ã§ãã¾ã™ã€‚ タスクã®è¿½åŠ ã‚‚å¯èƒ½ã§ã™ã€‚ 人員ã®ã‚¢ã‚µã‚¤ãƒ³ã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ データã¯ãã®ã¾ã¾ä¿å˜ã—ãŸã‚Šã€JSONã¨ã—ã¦ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã§ãã¾ã™ã€‚従ã£ã¦JSONデータを使ãˆã°åŒã˜ç”»é¢ã‚’å†ç¾ã™ã‚‹ã®ã¯é›£ã—ãã‚ã‚Šã¾ã›ã‚“。Undo/Redoをサãƒãƒ¼ãƒˆã—ã€ã‚¯ãƒã‚¹ãƒ–ラウザã§å‹•ä½œã—ã¾ã™ã€‚閲覧ã ã‘ã§ãªãã€ç·¨é›†ã¾
jsPerf, JSPerfView を使ã£ãŸã€JavaScript コードã®ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯è¨ˆæ¸¬ã¨ãƒ–ãƒã‚°ãªã©ã§è¨ˆæ¸¬çµæžœã‚’利用ã™ã‚‹æ–¹æ³• : document
8月17 jsPerf, JSPerfView を使ã£ãŸã€JavaScript コードã®ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯è¨ˆæ¸¬ã¨ãƒ–ãƒã‚°ãªã©ã§è¨ˆæ¸¬çµæžœã‚’利用ã™ã‚‹æ–¹æ³• jsPerf ã¨ã¯ JavaScript ã®ã‚³ãƒ¼ãƒ‰ã‚¹ãƒ‹ãƒšãƒƒãƒˆã«å¯¾ã—ã¦ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ã‚’計測ã™ã‚‹ã‚µãƒ¼ãƒ“スã§ã™ã€‚ 一般的ã«ã€ã‚³ãƒ¼ãƒ‰ã®é€Ÿåº¦ã‚’計測ã™ã‚‹éš›ã¯ console.time, console.timeEnd を使ã†äº‹ãŒå¤šã„ã¨æ€ã„ã¾ã™ãŒã€ 実行ã™ã‚‹ãŸã³ã«çµæžœãŒãƒ–レãŸã‚Šã€çŸã„処ç†ã§ã¯æ£ç¢ºãªæ¯”較ãŒã§ããªã‹ã£ãŸã‚Šã—ã¾ã™ã€‚ jsPerf ã§ã¯ä½•åº¦ã‹åŒã˜å‡¦ç†ã‚’実行ã—ã¦æœ€çµ‚çš„ã«ä¸€ç§’é–“ã«ä½•å›žå®Ÿè¡Œã§ããŸã‹ã‚’スコアã«ã™ã‚‹ã®ã§ã€å®Ÿè¡Œæ™‚間㌠1ms よりå°ã•ã„処ç†ã§ã‚‚計測ã§ããŸã‚Šã€ãƒ–レãŒã‚ã£ã¦ã‚‚大体ã®ã‚¹ã‚³ã‚¢ãŒåˆ†ã‹ã£ãŸã‚Šã—ã¾ã™ã€‚ ã“ã®ã‚¹ã‚³ã‚¢ã‚’計算ã™ã‚‹éƒ¨åˆ†ã¯ Benchmark.js ã¨ã„ã†ãƒ©ã‚¤ãƒ–ラリã§æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã®ã§ã€ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã® JavaScript コードã®é€Ÿåº¦ã‚’計測ã™ã‚‹
Rubyã®ã‚¯ãƒ©ã‚¹ã®å¤ªã£ãŸäººãŸã¡
å‰å›žã®è¨˜äº‹ã€ŒRubyã€å›ã®ã‚ªãƒ–ジェクトã¯ãªã‚“ã¦å‘¼ã³å‡ºã›ã°ã„ã„ã®ï¼Ÿã€ã§ã€Rubyã«ã¯å¤§é‡ã®ãƒ¡ã‚½ãƒƒãƒ‰ãŒã‚ã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã—ãŸã€‚今回ã¯ãã®è£œè¶³ã¨ã—ã¦ã€å„クラスã”ã¨ã®ãƒ¡ã‚½ãƒƒãƒ‰æ•°ã‚’æ•°ãˆã¦ã‚°ãƒ©ãƒ•åŒ–ã—ã¦ã¿ã¾ã™ã€‚ インスタンスメソッドを数ãˆã‚‹ ã¾ãšã¯ã€ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ãƒ¡ã‚½ãƒƒãƒ‰ã‚’æ•°ãˆã¾ã—ょã†ã€‚グラフ化ã®å¯¾è±¡ã¯ã€10以上ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’æŒã¤ã‚¯ãƒ©ã‚¹ã§ã™ã€‚最åˆã«ã‚¯ãƒ©ã‚¹ã”ã¨ã®ãƒ¡ã‚½ãƒƒãƒ‰æ•°ã‚’リストアップã—ã¾ã™ã€‚ klasses = ObjectSpace.each_object(Module) def live(methods) methods.reject { |m| "#{m}".start_with? '_deprecated' } end methods = klasses.map do |k| [k, live(k.methods(false)).size, live(k.instance_methods(false
Javascriptã§æ‰±ãˆã‚‹ã‚«ãƒƒã‚³ã‚¤ã‚¤ã‚°ãƒ©ãƒ•ã®ã¾ã¨ã‚ - Qiita
##çµè«–:Highchart ccchart(canvasChart)ã¨æ‚©ã¿ã¾ã—ãŸãŒã€Highchartã‚’é¸ã‚“ã ç†ç”±ã¯ã€ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ 1.円グラフや棒グラフを組ã¿åˆã‚ã›ãŸè¤‡åˆçš„ãªã‚°ãƒ©ãƒ•ã®ã‚µãƒ³ãƒ—ルを載ã›ã¦ã„ã‚‹ 2.複åˆã‚°ãƒ©ãƒ•ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‹ã£ã“ã„ㄠ商用ライセンスãªã®ã§ã€ç„¡æ–™ã«ã“ã ã‚ã‚‹æ–¹ã¯ã€ccchart(canvasChart)ãŒãŠã™ã™ã‚ã§ã™ã€‚ ##Highchart http://www.highcharts.com/ 表ç¾åŠ›ã€å®Œæˆåº¦ã®ç‚¹ã§ã„ã¡ã°ã‚“ã ã¨æ€ã„ã¾ã™ã€‚商用ãªã®ã§ãŠé‡‘ã•ãˆã‚ã‚Œã°ã“ã‚ŒãŒã‚¤ãƒã‚ªã‚·ã€‚ ##ccchart(canvasChart) http://jsgt.org/c/ ç§ã®ã‚¤ãƒã‚ªã‚·ã¯ canvasChart ã§ã™ ライセンス㯠PUBLIC DOMAIN! ##raphael.js http://raphaeljs.com/ qiitaã®ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«ã®å††ã‚°ãƒ©ãƒ•ã§ä½¿
1
メンテナンス
ãŠçŸ¥ã‚‰ã›
障害
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}