[B! visualization] issmã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

issm id:issm

visualizationã«é–¢ã™ã‚‹issmã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (91)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£å›³ã€ã‚³ãƒ¼ãƒ‰ã§æ›¸ã“ã† - C4ãƒ¢ãƒ‡ãƒ«å…¥é–€
å¾Œç·¨ã¯ã“ã¡ã‚‰ï¼: ã€Œã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£å›³ã¯ã‚‚ã†è¦ã‚‰ãªã„ã€ã¯æœ¬å½“ã‹ï¼Ÿ â”€â”€ LLMæ™‚ä»£ã®C4ãƒ¢ãƒ‡ãƒ«å†è€ƒ ã€Œã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£å›³ã€ã®æ›–æ˜§ã• ã€Œã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£å›³ã€ã‚’ä½œæˆã™ã‚‹ã¨ãã€ã©ã®ã‚ˆã†ãªå›³ã‚’æãã‹ã¯ãƒãƒ¼ãƒ ã‚„å€‹äººã«ã‚ˆã£ã¦ç•°ãªã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ä¾‹ãˆã°ã€ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒç”»é¢ã‹ã‚‰å¸³ç¥¨ã‚’PDFå‡ºåŠ›ã§ãã€å‡ºåŠ›ã®çµæžœã‚’ãƒ¡ãƒ¼ãƒ«é€šçŸ¥ã™ã‚‹ã€ã‚ˆã†ãªã‚·ã‚¹ãƒ†ãƒ ã®å ´åˆã€ä»¥ä¸‹ã®ã‚ˆã†ãªå›³ãŒæã‹ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ ä¾‹1 - ã‚¹ãƒ©ã‚¤ãƒ‰ ä¾‹2 - draw.io ã©ã¡ã‚‰ã‚‚ã€Œã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£å›³ã€ã¨ã—ã¦æ£ã—ã„ã§ã™ã€‚ã—ã‹ã—ã€ã“ã®ã‚ˆã†ãªå›³ã‚’ç¶™ç¶šçš„ã«ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã—ã¦ã„ã“ã†ã¨ã™ã‚‹ã¨ã€ä»¥ä¸‹ã®ã‚ˆã†ãªèª²é¡Œã«ç›´é¢ã—ã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒžãƒƒãƒˆãŒãƒãƒ©ãƒãƒ© PowerPointã€Googleã‚¹ãƒ©ã‚¤ãƒ‰ã€draw.ioã€.. äººã«ã‚ˆã£ã¦ä½¿ã†ãƒ„ãƒ¼ãƒ«ãŒç•°ãªã‚Šã€ç·¨é›†ã§ãã‚‹äººãŒé™ã‚‰ã‚Œã‚‹ ç²’åº¦ãŒãƒãƒ©ãƒãƒ© ã‚ã‚‹äººã¯ä¾‹1ã®ã‚ˆã†ãªã‚·ãƒ³ãƒ—ãƒ«ãªå›³ã‚’æãã€åˆ¥ã®äººã¯ä¾‹2ã®ã‚ˆã†ãªè©³ç´°ãªå›³ã‚’æã ã€Œã©ã“
issm 2026/03/09
visualization
ãƒªãƒ³ã‚¯
ã€Œèªã¿ã‚„ã™ã„ã‚³ãƒ¼ãƒ‰ã€ã‚’ä¾å˜ã‚°ãƒ©ãƒ•ã§è€ƒãˆã‚‹
ã¯ã˜ã‚ã« ã“ã‚“ã«ã¡ã¯ã€ãƒ€ã‚¤ãƒ‹ãƒ¼ã® ogino ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ã‚³ãƒ¼ãƒ‰ã®èªã¿ã‚„ã™ã•ã‚’æ¯”è¼ƒåˆ¤æ–ã™ã‚‹ãŸã‚ã«å½¹ç«‹ã¤ãƒ¡ãƒ³ã‚¿ãƒ«ãƒ¢ãƒ‡ãƒ«ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æœ¬è¨˜äº‹ã‚’èªã‚€ã¨ã€ã€Œã“ã®ã‚³ãƒ¼ãƒ‰ã¯è‰¯ã„ / æ‚ªã„ã€ã¨ã„ã†æ„Ÿè¦šãŒèº«ã«ã¤ãã€ãã®ç†ç”±ã‚’è‡ªä¿¡ã‚’æŒã£ã¦èª¬æ˜Žã§ãã‚‹ã‚ˆã†ã«ãªã‚‹ã¯ãšã§ã™ã€‚ ã‚³ãƒ¼ãƒ‰ã®èªã¿ã‚„ã™ã•ã¨ã¯ä½•ã‹ ã‚³ãƒ¼ãƒ‰ã‚’èªã‚€æ™‚ã«ã¯å¤§æŠµã€ä½•ã‹ç‰¹å®šã®ç›®çš„ãŒã‚ã‚Šã¾ã™ã€‚ä¾‹ãˆã°ã€ API /foo ã«ãƒªã‚¯ã‚¨ã‚¹ãƒˆã—ãŸæ™‚ã®å‹•ä½œã‚’çŸ¥ã‚ŠãŸã„ã€ã‚ã‚‹ç”»é¢ã§ç™ºç”Ÿã—ã¦ã„ã‚‹ãƒã‚°ã®åŽŸå› ã‚’çŸ¥ã‚ŠãŸã„ã€ãªã©ã§ã™ã€‚ ã“ã®æ™‚ã€ã‚³ãƒ¼ãƒ‰ãƒ™ãƒ¼ã‚¹ã®éš…ã‹ã‚‰éš…ã¾ã§èªã¿å°½ãã™ã®ã§ã¯ãªãã€ç‰¹å®šã®ãƒã‚¤ãƒ³ãƒˆã‹ã‚‰å‡ºç™ºã—ã¦é–¢é€£ã™ã‚‹ç®‡æ‰€ã‚’èŠ‹è”“å¼ã«è¾¿ã‚ŠãªãŒã‚‰èªã‚€ã¯ãšã§ã™ã€‚ äººãŒä¸€åº¦ã«ç†è§£ã—ã¦è¦šãˆã¦ãŠã‘ã‚‹æƒ…å ±é‡ã«ã¯é™ç•ŒãŒã‚ã‚‹ã®ã§ã€è¾¿ã‚‰ãªã‘ã‚Œã°ã„ã‘ãªã„ã‚³ãƒ¼ãƒ‰é‡ãŒå°‘ãªã„ã»ã©å½“ç„¶èªã¿ã‚„ã™ããªã‚Šã¾ã™ã€‚ ã¤ã¾ã‚Šã€ã‚ã‚‹ç›®çš„ã«é–¢é€£ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã®ç®‡æ‰€ãŒå±€æ‰€çš„ã‹ã¤æ˜Žç¤ºçš„ã§ã‚ã‚‹ã»ã©ã‚³ãƒ¼ãƒ‰ã¯èªã¿ã‚„ã™ã„ã¨
issm 2025/03/11
graph

visualization
ãƒªãƒ³ã‚¯
GPTã¨ã¯ä½•ã‹ Transformerã®è¦–è¦šåŒ– | Chapter 5, Deep Learning
ã“ã®å‹•ç”»ã¯3Blue1Brownã®å‹•ç”»ã‚’ç¿»è¨³ãƒ»å†ç·¨é›†ã—å…¬å¼ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã®ã‚‚ã¨å…¬é–‹ã—ã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ ãƒãƒ£ãƒ³ãƒãƒ«ç™»éŒ²ã¨é«˜è©•ä¾¡ã‚’ã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ ç¿»è¨³: Ufolium ufolium.comã§ã¯ã€ç·šå½¢ä»£æ•°ã‚„åŸºç¤Žè§£æžã®ã‚·ãƒªãƒ¼ã‚ºã‚’ã¯ã˜ã‚æ§˜ã€…ãªãƒˆãƒ”ãƒƒã‚¯ã‚’è§£èª¬ã™ã‚‹ã€ä¸å¦ã‹ã‚‰å¤§å¦ã¾ã§ã®æ•°å¦ã®ã‚³ãƒ¼ã‚¹ã‚’æä¾›ã—ã¦ã„ã¾ã™ï¼ https://ufolium.com æ—¥æœ¬èªžç‰ˆTwitter https://twitter.com/3B1BJP å…ƒãƒãƒ£ãƒ³ãƒãƒ«ï¼ˆè‹±èªžï¼‰ https://www.youtube.com/c/3blue1brown å…ƒå‹•ç”»ï¼ˆè‹±èªžï¼‰ https://youtu.be/wjZofJX0v4M Richard Turner's introduction is one of the best starting places: https://arxiv.org/pdf/2304.10
issm 2024/05/12
ai

visualization
ãƒªãƒ³ã‚¯
git-sim: Visually simulate Git operations in your own repos
Table of Contents Introduction When --dry-runs aren't enough What is Git-Sim? Git-Sim Goals What Does Git Sim Do? Full list of Git-Sim supported commands Git-Sim features How to Install and Run Git-Sim How Does Git-Sim Work? Contributing to Git-Sim Summary Next Steps Introduction Despite its simple design under the hood, Git is a notoriously confusing tool for new devs to learn to use and understa
issm 2023/01/23
git

visualization
ãƒªãƒ³ã‚¯
ã‚°ãƒ©ãƒ•ã‚’ä½œã£ã¦ãƒ‡ãƒ¼ã‚¿ã‚’å¯è¦–åŒ–ã™ã‚‹æ™‚ã«ã€Œè¦‹ã‚„ã™ã„è‰²ã€ã‚’é¸ã¶ã‚³ãƒ„ã¾ã¨ã‚
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦è‰²ã®é¸æŠžã¯éžå¸¸ã«é‡è¦ã‹ã¤é›£ã—ã„ä½œæ¥ã§ã™ãŒã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ãªãã¨ã‚‚ã‚°ãƒ©ãƒ•ã‚’ä½œã‚‹éš›ãªã©ã«è‰²ã®é¸æŠžã‚’ã™ã‚‹å¿…è¦ã«è¿«ã‚‰ã‚Œã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ãƒ‡ãƒ¼ã‚¿ã‚’åˆ†ã‹ã‚Šã‚„ã™ãå¯è¦–åŒ–ã™ã‚‹ãŸã‚ã«ã¯ã€ã©ã®ã‚ˆã†ãªè‰²ã®çµ„ã¿ã‚ã‚ã›ã‚’é¸æŠžã™ã¹ããªã®ã‹ã€ãƒ—ãƒã§ãªãã¨ã‚‚ãƒ—ãƒã®ã‚ˆã†ãªã‚°ãƒ©ãƒ•ã‚’ä½œã‚Œã‚‹ã‚ˆã†ã«ãªã‚‹ãƒã‚¤ãƒ³ãƒˆã‚’ã€ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å°‚é–€ã¨ã™ã‚‹Lisa Charlotte Rostã•ã‚“ãŒã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ How to pick more beautiful colors for your data visualizations | Charta ble https://blog.datawrapper.de/beautifulcolors/ â—†è‰²ç›¸ã‚’ã‚ã‚Œã“ã‚Œãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã—ã™ãŽãªã„ ã‚«ãƒ©ãƒ¼ãƒ›ã‚¤ãƒ¼ãƒ«ä¸Šã®è‰²ã‚’å¤§åˆ¥ã™ã‚‹ã¨ã€èµ¤ãƒ»ã‚ªãƒ¬ãƒ³ã‚¸ãƒ»é»„ãƒ»ç·‘ãƒ»é’ãƒ»ç´«ã®6ã¤ã®è‰²ç›¸ã¨ãªã‚Šã¾ã™ãŒã€ãƒ‡ãƒ¼ã‚¿ã‚’å¯è¦–åŒ–
issm 2020/09/10
color

graph

visualization
ãƒªãƒ³ã‚¯
æ—¥æœ¬ã®éƒ½å¸‚ã®äººå£æŽ¨ç§»(1873å¹´ï½ž2015å¹´)ã‚’å‹•ãã‚°ãƒ©ãƒ•ã«ã¾ã¨ã‚ãŸæ§˜åãŒã¨ã¦ã‚‚èˆˆå‘³æ·±ã„ã€Œé¦–éƒ½åœã®é›†ä¸ã‚¨ã‚°ã™ãŽã‚‹ã€ã€Œæ´å²ãŒè¦‹ãˆã¦ãã‚‹ã€
ãƒ ã‚®ã‚¿ãƒãƒ¼@çµŒæ¸ˆæœ¬ã‚’ç™ºå£²ä¸ï¼ï¼ @mugitaro_comics æ±å¤§ã®å‹äººãŒãƒ‡ãƒ¼ã‚¿ã‹ãé›†ã‚ã¦ä½œæˆã—ãŸ æ—¥æœ¬ã®éƒ½å¸‚ã®äººå£æŽ¨ç§»(1873-2015) ã§ã™ é¢ç™½ãˆâ€¦ è¿‘å¹´ã®é¦–éƒ½åœã®äººå£é›†ä¸ã‚¨ã‚°ã™ãŽã‚‹â€¦ æ—¥æœ¬å¤§ä¸ˆå¤«ã‹ã‚ˆâ€¦ pic.twitter.com/sKa532j3Td 2019-12-06 00:02:23
issm 2019/12/09
japan

history

visualization

togetter

twitter
ãƒªãƒ³ã‚¯
Goã§Flame Graphã‚’æã
ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹å•é¡Œã®è§£æ±ºã‚„ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã§å¤§åˆ‡ãªã®ã¯å•é¡Œã®ã‚³ã‚¢ã‚„ãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã«æœ€çŸãƒ‘ã‚¹ã§åˆ°é”ã™ã‚‹ã“ã¨ã§ã‚ã‚‹ï¼Ž åŸºæœ¬çš„ãªãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹åˆ†æžã®å…¥ã‚Šå£ã¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¹ãƒ¬ãƒƒãƒ‰ãŒon-CPUã§æ™‚é–“ã‚’æ¶ˆè²»ã—ã¦ã„ã‚‹ã‹off-CPUã§æ™‚é–“ã‚’æ¶ˆè²»ã—ã¦ã„ã‚‹ã‹ã‚’ç†è§£ã™ã‚‹ã¨ã“ã‚ã‹ã‚‰å§‹ã¾ã‚‹ï¼Žon-CPUã®å ´åˆã¯ãã‚ŒãŒuserãƒ¢ãƒ¼ãƒ‰ã‹kernelãƒ¢ãƒ¼ãƒ‰ã‹ã‚’ç‰¹å®šã—ï¼Œã•ã‚‰ã«CPUãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒªãƒ³ã‚°ã«ã‚ˆã£ã¦ã©ã®code pathãŒCPUã‚’æ¶ˆè²»ã—ã¦ã„ã‚‹ã®ã‹ã®åˆ†æžã«å‘ã‹ã†ï¼Žoff-CPUã®å ´åˆã¯I/Oã‚„Lockï¼Œpagingã¨ã„ã£ãŸå•é¡Œã®åˆ†æžã«å‘ã‹ã†ï¼Ž Flame Graphã¯on-CPUã§ã®ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã®å•é¡ŒãŒç™ºè¦šã—ãŸæ™‚ã«è¡Œã†CPUãƒ—ãƒãƒ•ã‚¡ã‚¤ãƒªãƒ³ã‚°ã‚’åŠ©ã‘ã‚‹ï¼Žã©ã®code pathãŒãƒœãƒˆãƒ«ãƒãƒƒã‚¯ã«ãªã£ã¦ã„ã‚‹ã®ã‹ã‚’1ã¤ã®ã‚°ãƒ©ãƒ•ä¸Šã§ç†è§£ã§ãã‚‹ï¼Žæœ¬è¨˜äº‹ã§ã¯Flame Graphã¨ã¯ä½•ã‹? ãªãœå¿…è¦ãªã®ã‹? ã‚’è§£
issm 2016/05/30
framegraph

performance

visualization

go
ãƒªãƒ³ã‚¯
Visualizing Concurrency in Go Â· divan's blog
If you prefer video over blog posts, here is my talk on this at GopherCon 2016: https://www.youtube.com/watch?v=KyuFeiG3Y60 One of the strongest sides of Go programming language is a built-in concurrency based on Tony Hoareâ€™s CSP paper. Go is designed with concurrency in mind and allows us to build complex concurrent pipelines. But have you ever wondered - how various concurrency patterns look lik
issm 2016/01/28
go

visualization
ãƒªãƒ³ã‚¯
The National Center for Public Policy and Higher Education
Ecobelli | à¸ªà¸¥à¹‡à¸à¸•à¹€à¸§à¹‡à¸šà¸•à¸£à¸‡ à¹€à¸§à¹‡à¸šà¸ªà¸¥à¹‡à¸à¸• à¸§à¸à¹€à¸¥à¸— à¸à¸±à¸™à¸”à¸±à¸š 1 à¹€à¸§à¹‡à¸šà¸•à¸£à¸‡ API à¹à¸—à¹‰ à¸ªà¸¥à¹‡à¸à¸•à¹€à¸§à¹‡à¸šà¸•à¸£à¸‡ Ecobelli.com à¸£à¸§à¸¡à¹€à¸à¸¡à¸ªà¸¥à¹‡à¸à¸• à¸¥à¸´à¸‚à¸ªà¸´à¸—à¸˜à¸´à¹Œà¹à¸—à¹‰ à¸£à¸°à¸šà¸š API à¹à¸—à¹‰ à¹€à¸¥à¹ˆà¸™à¸‡à¹ˆà¸²à¸¢ à¹‚à¸šà¸™à¸±à¸ªà¹€à¸žà¸µà¸¢à¸š à¹à¸•à¸à¸ˆà¸£à¸´à¸‡ 100% à¸—à¸¸à¸à¸¢à¸¹à¸ª à¸à¸²à¸à¸–à¸à¸™à¸§à¸à¹€à¸¥à¸— à¹„à¸¡à¹ˆà¸¡à¸µà¸‚à¸±à¹‰à¸™à¸•à¹ˆà¸³
issm 2015/01/08
network

webã‚µãƒ¼ãƒ“ã‚¹

map

visualization
ãƒªãƒ³ã‚¯
è¡—ä¸ã®Wi-Fiã‚’å¯è´éŸ³ã«å¤‰æ›ã™ã‚‹ã¨ã€ã¾ã‚‹ã§ãã“ã¯å®‡å®™ã ã£ãŸ | sign
ã‚‚ã—ç§ãŸã¡ãŒã€ã‚ã‚‹æ—¥ã‹ã‚‰è€³ãŒèžã“ãˆãªããªã£ãŸã‚Šã€ç›®ãŒè¦‹ãˆãªããªã£ãŸã‚Šã—ãŸã‚‰ï¼Ÿã€€ã“ã‚Œã¾ã§å½“ãŸã‚Šå‰ã«ã§ãã¦ã„ãŸã“ã¨ãŒã§ããªããªã‚‹ææ€–ã«ã¨ã‚‰ã‚ã‚Œã€ãŸã ãŸã é‹å‘½ã‚’å‘ªã„ã€æˆ‘ãŒèº«ã®ä¸å¹¸ã‚’å˜†ã„ã¦éŽã”ã™ã§ã—ã‚‡ã†ã‹ã€‚ãã‚Œã¨ã‚‚ã€é‹å‘½ã«ç«‹ã¡å‘ã‹ã„ã€å‰å‘ãã«ç”Ÿãã¦ã„ãã§ã—ã‚‡ã†ã‹ã€‚ãƒãƒ³ãƒ‰ãƒ³ã®ã‚µã‚¤ã‚¨ãƒ³ã‚¹ãƒ»ãƒ©ã‚¤ã‚¿ãƒ¼ã€ãƒ•ãƒ©ãƒ³ã‚¯ãƒ»ã‚¹ã‚¦ã‚§ã‚¤ãƒ³ã•ã‚“ã¯å¾Œè€…ã®ã‚¿ã‚¤ãƒ—ã§ã—ãŸã€‚ ãã£ã‹ã‘ã¯è£œè´å™¨ ã‚¹ã‚¦ã‚§ã‚¤ãƒ³ã•ã‚“ã¯20ä»£ã®æ™‚ã‹ã‚‰å¾ã€…ã«è€³ãŒèžã“ãˆãªããªã‚Šã€äºŒå¹´å‰ã‹ã‚‰è£œè´å™¨ã‚’ä½¿ã„å§‹ã‚ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ã¯ã˜ã‚ã¯å¤§ããªã‚·ãƒ§ãƒƒã‚¯ã‚’å—ã‘ã¾ã—ãŸãŒã€åŒæ™‚ã«ã€Žè´ã“ãˆã‚‹ã“ã¨ã€ã®é‡è¦ã•ã«ã¤ã„ã¦è€ƒãˆã‚‹ã‚ˆã†ã«ãªã‚Šã€æœ¬æ¥è´ã“ãˆãªã„ã‚‚ã®ã‚’è´ã“ãˆã‚‹ã‚ˆã†ã«ã™ã‚‹æ–°ã—ã„æŠ€è¡“ã‚’ä½œã‚Œãªã„ã‹ã¨è€ƒãˆå§‹ã‚ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ãã‚“ãªã‚¹ã‚¦ã‚§ã‚¤ãƒ³ã•ã‚“ãŒç›®ã‚’ã¤ã‘ãŸã®ãŒã€ŽWi-Fiã€ã§ã—ãŸã€‚å½¼ã¯ã€ã‚µã‚¦ãƒ³ãƒ‰ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãƒ€ãƒ‹ã‚¨ãƒ«ãƒ»ã‚¸ãƒ§ãƒ¼ãƒ³ã‚ºã•ã‚“ã¨ã‚¿ãƒƒã‚°ã‚’çµ„ã¿ã€è£œè´å™¨ã‚’é€šã—ã¦wi-fiãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯
issm 2014/12/06
network

wifi

sound

visualization
ãƒªãƒ³ã‚¯
æ£è¦è¡¨ç¾ã‚’è§£æžã—ã¦å¯è¦–åŒ–ã—ã¦ãã‚Œã‚‹ã‚µã‚¤ãƒˆãŒå‡„ã™ãŽã‚‹ä»¶
ã‚ã‚‹æ£è¦è¡¨ç¾ã«å¯¾ã—ã¦ã€ç‰¹å®šã®æ–‡å—åˆ—ãŒãƒžãƒƒãƒã™ã‚‹ã‹ã©ã†ã‹ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ãƒ„ãƒ¼ãƒ«ã‚„ã‚µã‚¤ãƒˆã¯æ²¢å±±ã‚ã‚Šã¾ã™ãŒã€æ£è¦è¡¨ç¾ãã®ã‚‚ã®ãŒä½•ã‚’æ„å‘³ã—ã¦ã„ã‚‹ã®ã‹ã€ã©ã‚“ãªæ–‡å—åˆ—ã‚’æœŸå¾…ã—ã¦ã„ã‚‹ã®ã‹ã‚’è§£æžãƒ»è§£èªãƒ»èª¬æ˜Žã—ã¦ãã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ã‚„ã‚µã‚¤ãƒˆã£ã¦ãªã‹ãªã‹è¦‹ãªã„æ°—ãŒã—ã¾ã™ã€‚ ä»–äººã®æ›¸ã„ãŸæ£è¦è¡¨ç¾ã‚’è¦‹ã¦ã€ã€Œã‚“ï¼Ÿã€ã£ã¦ãªã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ä¾‹ãˆã°ã“ã‚Œã€‚ 1 ^[a-zA-Z0-9-_.]@([a-zA-Z0-9_-]+\.)+[a-zA-Z]{2,4}$ ã“ã‚Œãã‚‰ã„ãªã‚‰åˆ†ã‹ã‚Šã¾ã™ãŒã€è¤‡é›‘ã«ãªã£ã¦ãã‚‹ã¨ã¤ã‚‰ã„â€¦ ã„ã¤ã‹ã¯ãƒžã‚¹ã‚¿ãƒ¼ã—ãŸã„ã‘ã©â€¦ä»Šã¯æ¥½ã—ãŸã„ã€‚ ãã†æ€ã£ã¦ã‚°ã‚°ã£ã¦ã¿ã‚‹ã¨â€¦ã‚ã‚Šã¾ã—ãŸï¼ ãã‚ŒãŒã“ã¡ã‚‰ã€‚ Regexper http://www.regexper.com/ æ£è¦è¡¨ç¾ã‚’å…¥åŠ›ã—ã¦ Display ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€ãã®æ£è¦è¡¨ç¾ãŒè¡¨ã™å†…å®¹ã‚’å›³ã«ã—ã¦è¡¨ç¤ºã—ã¦ãã‚Œã¾ã™ã€‚ ä¾‹ãˆã°å…ˆç¨‹ã®æ£è¦è¡¨ç¾ã¯ã€å½“è¨˜äº‹ã®ä¸€ç•ªä¸Šã®
issm 2014/10/19
regexp

webã‚µãƒ¼ãƒ“ã‚¹

visualization
ãƒªãƒ³ã‚¯
Loading...
issm 2014/10/16
vmstat

gnuplot

graph

visualization
ãƒªãƒ³ã‚¯
ã‚¨ãƒã‚²ãƒ¼ãƒžãƒ¼ã¯ã‚¨ãƒã‚²ã®ã‚¨ãƒã‚·ãƒ¼ãƒ³ã§ãƒŠãƒ‹ã‚’è¦‹ã¦ã„ã‚‹ã®ã‹ï¼Ÿ - strangelet
issm 2014/03/29
game

neta

visualization
ãƒªãƒ³ã‚¯
2æ™‚é–“ç¸›ã‚Šã§d3.jsæŒ‘æˆ¦ã—ã¦ã¿ãŸ - mizchi's blog
ä½•ã“ã®è¨˜äº‹ ã‚ã‚“ã¡ã¹ã¨ã„ã†äººã‹ã‚‰ç„¡èŒ¶ã¶ã‚ŠãŒããŸã®ã§å¯¾å¿œã—ãŸ mizchiã€d3ãƒ–ãƒã‚°æ›¸ã„ã¦ãã‚ŒãŸå‘‘ã‚€â€” 3Då††ã‚°ãƒ©ãƒ•çš†æ®ºã— (@AntiBayesian) 2014, 3æœˆ 2 @AntiBayesian D3ã¾ã æ¥µã‚ã¦ãªã„ã§ã™â€” é«˜æ„è˜ã‚¨ãƒãƒ«ã‚®ãƒ¼ (@mizchi) 2014, 3æœˆ 2 @mizchi 2æ™‚é–“ã‚„ã‚ã†ã€æ—©ãæ¥µã‚ãŸã¾ãˆâ€” 3Då††ã‚°ãƒ©ãƒ•çš†æ®ºã— (@AntiBayesian) 2014, 3æœˆ 2 @AntiBayesian ãŠã£ã—ã‚ƒå¾…ã£ã¦ã‚â€” é«˜æ„è˜ã‚¨ãƒãƒ«ã‚®ãƒ¼ (@mizchi) 2014, 3æœˆ 2 å‰æ ã‚ˆãèª¤è§£ã•ã‚Œã‚‹ã‚“ã§ã™ãŒã€D3.jsã¯ã‚°ãƒ©ãƒ•æç”»ãƒ„ãƒ¼ãƒ«ã§ã¯ãªãã€JavaScriptã§SVGã‚’ç”Ÿæˆã™ã‚‹ãŸã‚ã®jQueryé¢¨DSLã§ã€DSLã¨ã¯ã„ãˆã‹ãªã‚Šãƒãƒ¼ãƒ¬ãƒ™ãƒ«ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚SVGã¯ãƒ™ã‚¯ã‚¿ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ç”Ÿæˆã™ã‚‹è¦æ ¼ã€‚ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã®SVGã¯ã€å›³å½¢ã‚’æ›¸ã‘ã‚‹DOMã§ã‚ã‚Šã€ä»–
issm 2014/03/02
d3.js

visualization

svg
ãƒªãƒ³ã‚¯
Dygraphsâ€Šâ€”â€Šmain page
âš Please visit the official Dygraphs homepage https://dygraphs.com/ instead. You are reading this on a mirror, which may have outdated, incomplete and/or locally patched information, or as part of the Debian package; links may not work. dygraphs is a fast, flexible open source JavaScript charting library. It allows users to explore and interpret dense data sets. Here's how it works: This JavaScrip
issm 2014/02/27
HRForecast ãŒä½¿ã£ã¦ã„ã‚‹ã‚°ãƒ©ãƒ•æç”»ãƒ©ã‚¤ãƒ–ãƒ©ãƒªï¼Ž

dygraph

javascript

library

graph

visualization
ãƒªãƒ³ã‚¯
Oops... sorry. This site is optimized to Safari | NIPPON COLORS - æ—¥æœ¬ã®ä¼çµ±è‰²
Notice: Undefined index: HTTP_ACCEPT_LANGUAGE in /home/users/0/onotakehiko/web/nipponcolors/index.php on line 13 Warning: Cannot modify header information - headers already sent by (output started at /home/users/0/onotakehiko/web/nipponcolors/index.php:13) in /home/users/0/onotakehiko/web/nipponcolors/index.php on line 82 Warning: Cannot modify header information - headers already sent by (output
issm 2014/02/20
color

japan

design

visualization
ãƒªãƒ³ã‚¯
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ãŸã‚ã®ãƒ‡ãƒ¼ã‚¿å¯è¦–åŒ–å®Ÿè·µå…¥é–€ã¨ã„ã†æœ¬ã‚’æ›¸ã„ãŸ - ã‚ã‚“ã¡ã¹ï¼
2014/10/14 è¿½è¨˜ æœ¬æ›¸87ãƒšãƒ¼ã‚¸ã«ã€Œæ¯æ•°ã€ã¨ã„ã†å˜èªžãŒè¤‡æ•°å›žå‡ºã¦ãã¾ã™ãŒã€ ã“ã‚Œã¯å…¨ã¦ã€Œåˆ†æ¯ã€ã¨ã™ã¹ãã§ã—ãŸã€‚*1 é€šå¸¸ã€çµ±è¨ˆå¦ã®æ–‡è„ˆã§ã¯ã€æ¯æ•°ã¯å„ç¢ºçŽ‡åˆ†å¸ƒã‚’ç‰¹å¾´ä»˜ã‘ã‚‹å¤‰æ•°ã‚’æŒ‡ã™å˜èªžã§ã‚ã‚Šã€ ä¾‹ãˆã°æ£è¦åˆ†å¸ƒã¯å¹³å‡ã¨åˆ†æ•£ã¨ã„ã†äºŒã¤ã®æ¯æ•°ã«ã‚ˆã£ã¦å½¢çŠ¶ãŒæ±ºå®šã•ã‚Œã¾ã™ã€‚ æ±ºã—ã¦æ¯æ•°ã¨åˆ†æ¯ï¼ˆã‚ã‚‹ã„ã¯å…¨æ•°ï¼‰ã¨èª¤è§£ã—ã¦ã¯ãªã‚Šã¾ã›ã‚“ã€‚ ã—ã‹ã—æ¯æ•°ã¨åˆ†æ¯ã‚’æ··åŒã™ã‚‹ã“ã¨ã¯æœ¬å½“ã«ã‚ˆãã‚ã‚‹ã“ã¨ã§ã€ æœ¬æ›¸ã¯ã“ã®ã‚ˆã†ãªé »å‡ºã™ã‚‹èª¤è§£ã‚’è¨‚æ£ã—ã€ çš†æ§˜ãŒçµ±è¨ˆã‚’ç”¨ã„ã‚‹éš›ã®å¤±æ•—ã‚’ä¸€ã¤ã§ã‚‚æ¸›ã‚‰ã™ ã¨ã„ã†ç›®çš„ã§åŸ·ç†ã«è‡³ã£ãŸã«ã‚‚æ‹˜ã‚‰ãšã€ ã¾ã•ã‹æœ¬æ›¸ã§ã“ã®ã‚ˆã†ãªé‡å¤§ãªå¤±æ•—ã‚’ã—ã¦ã—ã¾ã£ãŸã“ã¨ã«å¯¾ã— å¿ƒã‹ã‚‰ãŠè©«ã³ç”³ã—ä¸Šã’è¨‚æ£ã•ã›ã¦é ‚ãã¾ã™ã€‚ ãªãŠã€å•é¡Œå€‹æ‰€ã®è¨˜è¿°ã¯å…±è‘—è€…ã®æ£®è—¤æ°ã§ã¯ãªã ç§ãŒè¨˜è¿°ã—ãŸã‚‚ã®ã§ã‚ã‚Šã€å…¨è²¬ä»»ã¯ç§ã«ã‚ã‚Šã¾ã™ã€‚ æœ¬ã‚’æ›¸ãã«å½“ãŸã‚Šã€èª¤å—è„±å—ã‚„è¨€ã„å›žã—ã®ä¸å‚™ã¯å‡ºæ¥ã‚‹é™ã‚Šç„¡ãã™ã¹ãã§ã™ãŒã€ äººé–“ã§ã‚ã‚‹ãŸã‚ãƒŸã‚¹ã‚’ã™
issm 2014/02/17
book

visualization

d3.js
ãƒªãƒ³ã‚¯
DNSå•ã„åˆã‚ã›ã®å¯è¦–åŒ– | ã‚ã‚‹ç ”ç©¶è€…ã®æ‰‹è¨˜
DNSå•ã„åˆã‚ã›ã®å¯è¦–åŒ– æœ€è¿‘ã€ãƒ‡ãƒ¼ã‚¿ã‚’ã¾ã¨ã‚ãŸã‚Šå¯è¦–åŒ–ã—ãŸã‚Šã—ã¦ãã®æ€§è³ªã‚’èª¿ã¹ã‚‹æŽ¢ç´¢çš„ãƒ‡ãƒ¼ã‚¿åˆ†æž(ä¾‹)ã«ã¯ã¾ã£ã¦ã„ã¾ã™ã€‚ã¨ã€åŒæ™‚ã«ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯åˆ†æžã«ã‚‚ã¡ã‚‡ã£ã¨æ‰‹ã‚’å‡ºã—ã¦ãŠã‚Šã€ãã®2ã¤ã®æ´¾ç”Ÿç‰©ã¨ã—ã¦ãƒ‰ãƒ¡ã‚¤ãƒ³åå•ã„åˆã‚ã›ã®çµæžœã‚’å¯è¦–åŒ–ã—ã¦ã¿ã¾ã—ãŸã€‚ ã“ã‚Œã‚’èªã‚“ã§ã„ã‚‹äººã«ã¯ã‚‚ã¯ã‚„èª¬æ˜Žã®å¿…è¦ã¯ãªã„ã¨æ€ã„ã¾ã™ãŒã€ä¸€å¿œæ›¸ã„ã¦ãŠãã¨ã€ä¸–ã®ä¸ã®www.google.comã‚„www.amazon.co.jpã®ã‚ˆã†ãªãƒ‰ãƒ¡ã‚¤ãƒ³åã¯ã‚µãƒ¼ãƒã®å ´æ‰€ã‚’ç›´æŽ¥ç¤ºã—ã¦ã„ã‚‹ã‚ã‘ã§ã¯ãªãã€ã€Œã“ã®åå‰ã‚’æŒã£ã¦ã„ã‚‹ã‚µãƒ¼ãƒã®IPã‚¢ãƒ‰ãƒ¬ã‚¹ã¯ãªã‚“ã§ã™ã‹ï¼Ÿã€ã¨ã„ã†ã®ã‚’DNSã‚µãƒ¼ãƒã¨ã„ã†åˆ¥ã®ã‚µãƒ¼ãƒã«å•ã„åˆã‚ã›ã‚‹ã“ã¨ã§ç›®çš„ã®ã‚µãƒ¼ãƒã®IPã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’æ•™ãˆã¦ã‚‚ã‚‰ã„ã€ãã®å¾Œç›®çš„ã®ã‚µãƒ¼ãƒã¸æŽ¥ç¶šã—ã¾ã™ã€‚ä»¥å‰ã¯æ£å¼•ãï¼ˆãƒ‰ãƒ¡ã‚¤ãƒ³åã‹ã‚‰IPã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’å•ã„åˆã‚ã›ã‚‹ï¼‰ã¨é€†å¼•ãï¼ˆIPã‚¢ãƒ‰ãƒ¬ã‚¹ã‹ã‚‰ãƒ‰ãƒ¡ã‚¤ãƒ³åã‚’å•ã„åˆã‚ã›ã‚‹ï¼‰ãŒå¯¾ç§°æ§‹é€ ã«ãªã‚‹ã‚ˆã†ã«è¨å®šã™ã‚‹ã®ãŒä¸»æµã§ã—ãŸãŒ
issm 2014/02/10
dns

network

visualization
ãƒªãƒ³ã‚¯
d3.js Advent Calendar 2013 - Adventar
d3.js ã¨ ASP.NET MVC ã‚’çµ„ã¿åˆã‚ã›ã¦ã€ELBã®ã‚¢ã‚¯ã‚»ã‚¹æ•°ã‚’HeatMapã§è¡¨ç¤ºã™ã‚‹ - éŠ€ã®å…‰ã¨ç¢§ã„ç©º
issm 2013/12/09
d3.js

adventcalendar

visualization

javascript
ãƒªãƒ³ã‚¯
MySQLã§Visual Explain
MySQL Workbenchã®æ¬¡æœŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã‚ã‚‹6.0ã®ãƒ™ãƒ¼ã‚¿ç‰ˆãŒå…¬é–‹ã•ã‚ŒãŸã€‚ä¾‹ã«ã‚ˆã£ã¦MySQLã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚µã‚¤ãƒˆã§å…¬é–‹ã•ã‚Œã¦ã„ã‚‹ã®ã§ã€æ–°æ©Ÿèƒ½ãŒæ°—ã«ãªã‚‹äººã¯ã‚²ãƒƒãƒˆã—ã¦è©¦ã—ã¦ã¿ã¦é ‚ããŸã„ã€‚è¦‹ãŸç›®ãŒè‹¥å¹²ä»Šæµè¡Œã‚Šã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã£ã½ããªã£ã¦ã‚·ãƒ£ãƒ¬ã‚ªãƒ„ï¼ˆç¬‘ï¼‰ãªæ„Ÿã˜ã«ä»•ä¸ŠãŒã£ã¦ã‚‹ã€‚ ãƒ™ãƒ¼ã‚¿ç‰ˆãŒå…¬é–‹ã•ã‚ŒãŸã®ã‚’è¨˜å¿µã—ã¦ã€Workbenchã«æè¼‰ã•ã‚Œã¦ã„ã‚‹ãƒŠã‚¤ã‚¹ãªæ©Ÿèƒ½ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„ã€‚ãã†ã€Visual Explainã ã€‚Visual Explainã¨ã¯èªã‚“ã§å—ã®ã”ã¨ãã€SQLã®å®Ÿè¡Œè¨ˆç”»ã‚’è¦–è¦šçš„ã«è¡¨ç¾ã—ãŸã‚‚ã®ã ã€‚SQLãŒè¤‡é›‘ã«ãªã‚‹ã¨ã€ãã®å®Ÿè¡Œè¨ˆç”»ã¯ç†è§£ã—è¾›ã„ã‚‚ã®ã¨ãªã‚‹ã€‚ ä»Šæ—¥ã¯Visual ExplainåŸºæœ¬çš„ãªä½¿ã„æ–¹ã¨ã€ãã‚ŒãŒã©ã®ã‚ˆã†ã«è¦‹ãˆã‚‹ã‹ã‚’ç´¹ä»‹ã—ã‚ˆã†ã¨æ€ã†ã€‚ Visual Explainã‚’ä½¿ç”¨ã™ã‚‹ã«ã¯ã€å¯¾è±¡ã®MySQLã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒ5.6ä»¥ä¸Šã§ã‚ã‚Šã€ãªãŠã‹ã¤Workbenchã®ãƒãƒ¼ã‚¸ãƒ§
issm 2013/06/27
mysql

mysqlworkbench

visualization
ãƒªãƒ³ã‚¯
1 2 3 4 5 æ¬¡ã®ãƒšãƒ¼ã‚¸