æ¥ã ã®åºæ¥äºãã¡ã³ãã¼ã®åãæ§åãå£°ãæªæ¥ã¸ã®æ³ããªã©ãSupershipã®âBE SUPERâãªã¹ãã¼ãªã¼ãã·ã§ã¢ãã¦ãã¾ãã
注æâ»Twitterã®ãã¤ã¼ãæ°ã®åå¾ã®ã³ã¼ãã«ã¤ã㦠ãã®è¨äºã®ã³ã¼ãã§ã¯å¾æ¥ããã¤ã¼ãæ°ã®åå¾ãã§ããªããªãã¨ãææããã ãã¾ããã確èªããã¨ãã2013å¹´5æ7æ¥ã«è¡ãããTwitterã®ä»æ§å¤æ´ã«ãããã¤ã¼ãæ°ã®åå¾ãã§ããªããªã£ã¦ãã¾ãã¾ããï¼ããã«ã¤ãã¦ã®è¨äºï¼ãã®ä»ã¯ã¦ãããããæ°ã®ã³ã¼ãã«ã¤ãã¾ãã¦ã¯æ£å¸¸ã«åä½ãã¾ããåé¡ã®ã³ã¼ãã¯ãµã³ãã«ã¨ãã¦æ®ãã¦ããã¾ããããå©ç¨ã®éã¯ããããããæ³¨æãã ãããä»åã®ä»¶ã«ã¤ãã¦ãææãã ãã£ãæ¹ã ã«å¾¡ç¤¼ç³ãããã¾ããããã¦ããã¹ã¦ã®ã¦ã¼ã¶ã¼ã®æ¹ã ã«ä¸ç¢ºããªæ å ±ãæä¾ãã¦ãã¾ã£ããã¨ããè©«ã³ç³ãããã¾ãã ããã«è¿½è¨â»Twitter APIã®ä»æ§å¤æ´ã«ã¤ã㦠Twitter APIã®ä»æ§å¤æ´å¾ããã®ã³ã¼ãã§åä½ãç¶ãã¦ãã¾ãããã¨ãã¨APIã®ãªãã¡ã¬ã³ã¹ã«ãè¼ã£ã¦ãã¾ããããã¤ä»æ§ã夿´ãããããããã¾ããããå©ç¨ã®éã¯ãããããæ°ãã¤
ã©ããªã«æ å ±ãã¾ã¨ãã¦ãããããå¯è¦åãã¦è¦ã¦ãã人ã«ãã¾ãä¼ããã®ã¯è³é£ã®æã§ãããããªæã«ãã¼ã¿ãã¹ã¿ã¤ãªãã·ã¥ãã¤è¦ãããã°ã©ãã«ãã¦ãããã®ããæ§ã ãªãã¶ã¤ã³ã®Javascriptããã¦ã³ãã¼ãå¯è½ãªã©ã¤ãã©ãªãD3.jsãã§ãã D3.js - Data-Driven Documents http://d3js.org/ D3.jsã使ã£ã¦ä½ã£ãã°ã©ãã®äºä¾ãå ¬å¼ã®ã£ã©ãªã¼ããè¦ããã¨ãå¯è½ã§ããããã®ã°ã©ãã«ãã¨ã«ãªãç´ æ(ã¹ã¯ãªããã®ã½ã¼ã¹)ãGitHubã§å ¥æå¯è½ã§ãã Gallery · mbostock/d3 Wiki · GitHub ãã¶ã¤ã³ã®ä¸ä¾ã¯ä»¥ä¸ããã â:Bubble Chart 使ä¾ã«ãã£ã¦ã¯ããã¼ã¸ã«ç´æ¥ã³ã¼ããè¨è¼ããã¦ãããã®ãããã¾ãã â:Four Ways to Slice Obamaâs 2013 Budget Proposal - In
ãã¢ãã¼ã¸ï¼ã«ã¦ã³ãä»ãã§ç¸¦ä¸¦ã³ SocialCountã®ä½¿ãæ¹ ä½¿ãæ¹ã®ã¹ãããã¯ã2ã¤ã ãã以ä¸ãªããããã«ç°¡åã§ãã Step 1: å¤é¨ãã¡ã¤ã« ã¹ã¿ã¤ã«ã·ã¼ãã¨ã¹ã¯ãªãããå¤é¨ãã¡ã¤ã«ã¨ãã¦è¨ç½®ãã¾ãã ã¾ãã¯ãã¹ã¿ã¤ã«ã·ã¼ããheadå ã«ã <head> <link rel="stylesheet" href="../src/socialcount.css"> </head> ã¢ã¤ã³ã³ã使ç¨ããå ´åã¯ãããä¸ã¤å¤é¨ãã¡ã¤ã«ï¼socialcount-icons.cssï¼ãå ãã¾ãã ç¶ãã¦ãã¹ã¯ãªããããã¼ã¸ã®ä¸ã®</body>ã®ä¸ã«ã ... <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="../src/socialcount.js"></script> </bod
Facebookã®ãã¶ã¤ã³ã«ãè² ããªãè¶ ã«ãã³ããã¿ã¤ã ã©ã¤ã³ãä½ãJSã©ã¤ãã©ãªãTimelineã 2012å¹´04æ02æ¥- Timeline Facebookã®ãã¶ã¤ã³ã«ãè² ããªãè¶ ã«ãã³ããã¿ã¤ã ã©ã¤ã³ãä½ãJSã©ã¤ãã©ãªãTimelineãã ä¸è¦ã¹ã©ã¤ãã·ã§ã¼ã®ããã§ãããã¾ãããã¿ã¤ã ã©ã¤ã³ä»ãã®ã¹ã©ã¤ãã·ã§ã¼ã«ãªã£ã¦ãã¾ããä½ãã®æ´å²ãèªãæã«ã¯æ¯é使ãããã¨æã£ã¦ãã¾ãç¨ã®ã¯ãªãªãã£ã§ãã ã¹ã©ã¤ãã·ã§ã¼å ã«ã¯HTMLãªããªãã§ãåãè¾¼ããã¨ãããã¨ã§YoutubeãGoogleããããããæãã«ã¬ã¤ã¢ã¦ãããã¦è¡¨ç¤ºããã¦ãã¾ãã ã¹ã©ã¤ãã·ã§ã¼ã¨é£åãã¦ã¿ã¤ã ã©ã¤ã³ãã¢ãã¡ã¼ã·ã§ã³ãã¾ããã¿ã¤ã ã©ã¤ã³å´ãã¯ãªãã¯ãã¦ã¹ã©ã¤ãã·ã§ã¼ã®ä½ç½®ã鏿ãããã¨ãå¯è½ã ã¹ã©ã¤ãã·ã§ã¼é¨åã¯ãã©ãã°ï¼ããããã§ç§»åãããã¨ãã§ãã¾ã ã¿ã¤ã ã©ã¤ã³é¨åã®æ¡å¤§ããããç´ æ´ãããï¼ ãã®
2012å¹´ 6æ 13æ¥ æ°ãããµã¼ãã¼ã§ããã°ããªãã¥ã¼ã¢ã«ãã¦æ°ãã¤ãããSNSãã¿ã³ã®æç¡ã§ããªãèªã¿è¾¼ã¿é度ã«å·®ããããã¨ãã£ã¦ã2,3ç§ã»ã©ã§ãããããã¯çµæ§å½åãã ã£ãããã¾ãã ã¾ãç§ããããªã«è©³ããããã§ã¯ãªãã®ã§æè¨ã§ãã¾ãããã ã»è¨ªåè ã¯ãã®æ°ç§ã§ãµã¤ãããéãã ã»Googleã¯ãã®æ°ç§ãè©ä¾¡åºæºã«å ¥ãã ãããé å»¶ãã¼ã(Lazy Load)ã¨ãããæè¡ã§ããã ããã¨ããã¥ã©ã¼ãªã³ã¼ãã§ä½ã¨ããªã£ãã®ã§æ¸ãã¨ãã¾ãã ãã¥ã¢ãªJavaScriptã§ã¯ãªããjQuery使ãã¾ããã æ¹æ³ãã®ï¼ æéå¼èªã¿è¾¼ã¿ bodyéãã¿ã°ã®åãããã«æ¸ãã¾ãã . . . <div id="snsbox"></div> <script type="text/javascript"> var snscode = 'ããã«ãSNSã®ã³ã¼ããæ¸ã' + 'ä¸è¡ã§ã¤ãªãã¦ãè¯ããè¦ã«
ãªãªã¼ã¹ãé害æ å ±ãªã©ã®ãµã¼ãã¹ã®ãç¥ãã
ææ°ã®äººæ°ã¨ã³ããªã¼ã®é ä¿¡
å¦çãå®è¡ä¸ã§ã
j次ã®ããã¯ãã¼ã¯
kåã®ããã¯ãã¼ã¯
lãã¨ã§èªã
eã³ã¡ã³ãä¸è¦§ãéã
oãã¼ã¸ãéã
{{#tags}}- {{label}}
{{/tags}}