Skip to content

Instantly share code, notes, and snippets.

@takoika

takoika/.block

Last active February 15, 2016 13:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save takoika/389e45f19688416a6c42 to your computer and use it in GitHub Desktop.
Save takoika/389e45f19688416a6c42 to your computer and use it in GitHub Desktop.
Download ZIP
Qiita tag visualization.
Raw
.block
scrolling: yes
height: 800
Raw
index.html
<!DOCTYPE html>
<style>
body { font: 12px Arial;}
path.active {
stroke: orangered;
stroke-width: 2;
fill: none;
}
path {
stroke: steelblue;
stroke-width: 2;
fill: none;
}
.axis path, .axis line {
fill: none;
stroke: grey;
stroke-width: 0;
shape-rendering:
crispEdges;
}
span#tooltip{
position: absolute;
z-index: 10;
visibility: hidden;
padding: 0 5px;
border: 1px solid #000;
border-radius: 3px;
background-color: #333;
color: #fff;
font-size: 11px;
opacity: 0.8;
}
div.jumbotron{
margin-top: 20px;
padding-top: 15px;
}
</style>
<head>
<meta charset="utf-8">
<title>
Qiita Tags.
</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" integrity="sha256-7s5uDGW3AHqw6xtJmNNtr+OBRJUlgkNJEo78P4b0yRw= sha512-nNo+yCHEyn0smMxSswnf/OnX6/KwJuZTlNZBjauKhTK0c+zT+q5JOCx0UFhXQ6rJR9jg6Es8gPuD2uZcYDLqSw==" crossorigin="anonymous">
<!-- <link href="css/bootstrap.min.css" rel="stylesheet"> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.15/d3.min.js"></script>
<!-- <script src="js/d3.min.js"></script> -->
<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
<!-- <script src="js/jquery-1.12.0.min.js"></script> -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<!-- <script src="js/bootstrap.min.js"></script> -->
</head>
<html>
<body>
<span id="tooltip"></span>
<div class="container">
<div class="jumbotron">
<h1>Qiita Tags.</h1>
<a href="https://qiita.com">Qiita</a> is a Japanese document sharing service specifying information technology. The figure displayed below shows statistics of tags which are attached documents to identify topics. The data is obtained by using <a href="https://qiita.com/api/v2/docs">Qiita API</a>.
</div>
<div class="dropdown">
<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown"> Displayed number of tags.
<span class="caret"></span></button>
<ul class="dropdown-menu">
<li><a href="?N=10">10</a></li>
<li><a href="?N=20">20</a></li>
<li><a href="?N=50">50</a></li>
<li><a href="?N=100">100</a></li>
</ul>
</div>
</div>
<script src="qiitaVis.js"></script>
</body>
</html>
Raw
qiitaVis.js
var query = getQuery();
var data;
var color = d3.scale.category10();
var n_fields = ["items_count",
"followers_count",
"items_followers_ratio"
//,"stockers_count"
//,"items_stockers_ratio"
];
var fields = ["id"].concat(n_fields);
var fieldToLabel = {"id" : "Name",
"items_count" : "#documents",
"followers_count" : "#followers",
"items_followers_ratio" : "#followers/#documents"
//,"stockers_count" : "#stockers/#documents"
//,"items_stockers_ratio" : "#followers/#documents"
};
var fieldToLongLabel = {"id" : "Name of the tag. Ordered by numbers of documents.",
"items_count" : "Numbers of documents which have the tag. The value is counted as of Nov 2015.",
"followers_count" : "Numbers of followers to the tag. The value is counted as of Nov 2015.",
"items_followers_ratio" : "Number of followers par documents."
//,"stockers_count" : "Sum of stocked to documents which have the tag."
//,"items_stockers_ratio" : "Total stockerd with the tag par documents.
};
d3.json("tags.json", function(error,d){
if( "N" in query )
data = d.slice(0,query["N"]);
else
data = d.slice(0,10);
data.forEach( function(d,index,dt) {
dt[index]["items_followers_ratio"] = Math.round(100*d["followers_count"]/d["items_count"])/100;
// dt[index]["items_stockers_ratio"] = Math.round(100*d["stockers_count"]/d["items_count"])/100;
});
var left_padding = 50;
var top_padding = 50;
var bottom_padding = 50;
var right_padding = 50;
var width = 1000;
var height = 500;
var svg = d3.select('div')
.append('svg')
.attr({ width : width+left_padding+right_padding,
height : height+top_padding+bottom_padding})
.append("g")
.attr("transform", "translate("+left_padding+","+top_padding+")");
var x_scale = d3.scale.ordinal().domain(fields).rangeBands([0,width]);
var y_scale = {};
var r_scale = {};
var names = data.map(function(d,i) {return d.id;});
y_scale["id"] = d3.scale.ordinal().domain(names).rangeBands([0,height]);
n_fields.forEach( function(tag,tindex,ar) {
var v = data.map(function(d,i) {return d[tag];});
v.sort(d3.descending);
y_scale[tag] = d3.scale.ordinal()
.domain(v)
.rangeBands([0,height]);
r_scale[tag] = d3.scale.linear()
.domain([d3.min(v),d3.max(v)])
.range([0,y_scale["id"].rangeBand()/2]);
});
var xAxis = d3.svg.axis()
.scale(x_scale)
.orient("top")
.innerTickSize(0)
.outerTickSize(0)
.ticks(fields.length)
.tickFormat(function(d) {return fieldToLabel[d];});
var txt = svg.selectAll('.text').data(data).enter().append("text")
.attr("x",function(d) {return x_scale("id");})
.attr("y",function(d) {return y_scale["id"](d.id);})
.attr("class",function(d){return d.id;})
.text(function (d) {return d.id;})
.on("mouseover", function(d,i){ mouseover(i);})
.on("mouseout", function(d,i){ mouseout(i);});
n_fields.forEach( function(tag,tindex,ar){
var cs = svg.selectAll('.'+tag).data(data).enter().append("circle")
.attr({ cx : function(d) {return x_scale(tag);},
cy : function(d) {return y_scale[tag](d[tag]);},
fill : function(d) {return color(tindex);},
r : function(d) {return r_scale[tag](d[tag]);},
id : function(d) {return tag+'-'+d.id;},
class : function(d) {return tag+' '+d.id;}})
.on("mouseover", function(d,i){ mouseover(i);})
.on("mouseout", function(d,i){ mouseout(i);});
});
var line = d3.svg.line()
.x(function(d) {return x_scale(d.key);})
.y(function(d) {return y_scale[d.key](d['val']);});
Object.keys(data).forEach( function(i) {
var line_d = fields.map(function(tag) {return {key: tag, val:data[i][tag]};});
svg.append("path").datum(line_d)
.attr({d : line,
fill : "none" })
.classed( data[i]["id"],true)
.classed( "active" , false)
.on("mouseover", function(d){ mouseover(i);})
.on("mouseout", function(d){ mouseout(i);});
});
svg.append("g")
.attr("class", "x axis")
.attr("transform", "translate("+ -x_scale.rangeBand()/2+",-30)")
.call(xAxis);
svg.selectAll(".tick")
.on("mouseover", function(l){ mouseover_lab(l);})
.on("mouseout", function(l){ mouseout_lab(l);})
svg.selectAll("circle").moveToFront();
svg.selectAll("text").moveToFront();
});
function mouseover_lab(l) {
d3.select("#tooltip")
.style("visibility", "visible")
.style("top", (d3.event.pageY-10)+"px")
.style("left",(d3.event.pageX+10)+"px")
.text( fieldToLongLabel[l] );
};
function mouseout_lab(l) {
d3.select("#tooltip")
.style("visibility", "hidden");
};
function mouseover(i) {
d3.select("#tooltip")
.style("visibility", "visible")
.style("top", (d3.event.pageY-10)+"px")
.style("left",(d3.event.pageX+10)+"px")
.text( data[i]["id"]+" "+n_fields.map( function(f) {return fieldToLabel[f]+": "+data[i][f]}).join(", "));
d3.selectAll("path."+data[i]["id"]).classed("active",true);
n_fields.forEach( function(tag,ind) {
var c = d3.selectAll("circle."+tag)
.attr({"fill":function (d) {return d3.rgb(color(ind)).darker();}});
});
n_fields.forEach( function(tag,ind) {
var c = d3.selectAll("circle."+data[i]["id"]+"."+tag)
.attr({"fill":function (d) {return d3.rgb(color(ind)).brighter();}});
});
};
function mouseout(i) {
d3.selectAll("path."+data[i]["id"]).classed("active",false);
n_fields.forEach( function(tag,ind) {
var c = d3.selectAll("circle."+tag)
.attr({"fill":function (d) {return color(ind);}});
});
d3.select("#tooltip")
.style("visibility", "hidden");
};
function getQuery() {
var query = {};
var url = window.location.href;
url = url.substring(url.lastIndexOf("?")+1);
x = url.split("&");
x.forEach( function(d) {
var tele = d.split("=");
query[tele[0]]=tele[1];
});
return query;
};
d3.selection.prototype.moveToFront = function() {
return this.each(function(){
this.parentNode.appendChild(this);
});
};
function selectorEscape(val){
return val.replace(/[ !"#$%&'()*+,.\/:;<=>?@\[\\\]^`{|}~]/g, '\\$&');
};
Raw
tags.json
[{"items_count": 9092, "followers_count": 14049, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/0337fbcbff62fb8fa5d0b8be5c3b47d1115d91fc/medium.jpg?1418548649", "id": "Ruby"}, {"items_count": 8106, "followers_count": 23521, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/58f69837141ae3efa0c530ed53de128cacb49b66/medium.jpg?1421232838", "id": "JavaScript"}, {"items_count": 5829, "followers_count": 9174, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/4c8c922bed70465054a5f81e24f3c4e03b7cd6b5/medium.jpg?1436171080", "id": "iOS"}, {"items_count": 5723, "followers_count": 6283, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/5310a6d3a8555d87a7060deec2c9e128bf3b3372/medium.jpg?1364838150", "id": "Rails"}, {"items_count": 5474, "followers_count": 15005, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/bea656787429d261e190cef347af9879ffd98343/medium.jpg?1387912718", "id": "PHP"}, {"items_count": 4879, "followers_count": 10713, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/28fd3d6b220c89e6197fd82c02fd2fcd2bb66d81/medium.jpg?1383884245", "id": "Python"}, {"items_count": 4548, "followers_count": 14783, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/0062451c92bb932b6bb257a40a35eee709b5597c/medium.jpg?1403644757", "id": "Android"}, {"items_count": 3713, "followers_count": 13876, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/1bfaf60121121d7dec866c83d4c4453347ec93e2/medium.jpg?1436171387", "id": "Java"}, {"items_count": 3562, "followers_count": 3560, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/8924010780db484a83145542a3e49c6c2084ecb7/medium.jpg?1401738498", "id": "Swift"}, {"items_count": 3242, "followers_count": 9658, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/ae420e8f134ac99c9f691b907029ae347d42c4fc/medium.jpg?1364838323", "id": "Linux"}, {"items_count": 3163, "followers_count": 10146, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/9a7e96bf051980ee623096f070b71bb3b21f8704/medium.jpg?1389670184", "id": "Objective-C"}, {"items_count": 3038, "followers_count": 11118, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/5d9ff7508a0c2d5bfa9536b6a0fe1864c11cee89/medium.jpg?1387912380", "id": "Git"}, {"items_count": 2794, "followers_count": 1383, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/a211885e3e124918c76cbe93264f8dcc750aa693/medium.jpg?1395745862", "id": "AWS"}, {"items_count": 2767, "followers_count": 8481, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/0cbda729ead4559760ec64ae744a5aef937e0b08/medium.jpg?1403645170", "id": "Mac"}, {"items_count": 2443, "followers_count": 7144, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/99671b12d7d2688f35c262552f16c7cc9d10b873/medium.jpg?1390767445", "id": "Node.js"}, {"items_count": 2182, "followers_count": 7233, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/cfd750c29b80301e5979124db930d303143c5529/medium.jpg?1436113213", "id": "Xcode"}, {"items_count": 2000, "followers_count": 1509, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/5dd175e323bc9dac09e906b515d54316d527890f/medium.jpg?1379804192", "id": "docker"}, {"items_count": 1928, "followers_count": 8093, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/40df0bc9694a8fee7f36324f121044124f12688c/medium.jpg?1436171273", "id": "MySQL"}, {"items_count": 1877, "followers_count": 5567, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/e4868efd52d968390d2fba99ac5da996a3aa02ea/medium.jpg?1445616574", "id": "CentOS"}, {"items_count": 1867, "followers_count": 5280, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/56621c239d6d51d9b6ceda3850a0d97e23c92319/medium.jpg?1364839171", "id": "C#"}, {"items_count": 1862, "followers_count": 8147, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/2f1bca4f52b2c48a0282062eff2db8323fcddc2a/medium.jpg?1364837801", "id": "C++"}, {"items_count": 1727, "followers_count": 1024, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/894dfb593318a0ff9aa160c87fe75b920cafb662/medium.jpg?1398263728", "id": "vagrant"}, {"items_count": 1673, "followers_count": 1426, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/52d8b32911f5e71b421e2cd751b48425c29fab11/medium.jpg?1366622944", "id": "Go"}, {"items_count": 1630, "followers_count": 10869, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/798b52773f9b91f4ffbf5a2e9d1ed6c4f91c88f4/medium.jpg?1364837741", "id": "Vim"}, {"items_count": 1584, "followers_count": 431, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/a9ad076b2063a3ffdae6d3d1ff23eb702662bd6e/medium.jpg?1395329690", "id": "Windows"}, {"items_count": 1564, "followers_count": 1342, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/b89d7ad00231cf56d3bd4c7c28213496a0110850/medium.jpg?1421411681", "id": "Unity"}, {"items_count": 1537, "followers_count": 4280, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/16292ce7a37e2133dc34acef293af06f998c8da8/medium.jpg?1387917339", "id": "Ubuntu"}, {"items_count": 1520, "followers_count": 16116, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/b4438ce0a78810256791a266e87c74a76b555de1/medium.jpg?1419699326", "id": "CSS"}, {"items_count": 1499, "followers_count": 10248, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/5e0666fc1c00a772dc8cfe381fc2bd42c6f8e9c6/medium.jpg?1387912458", "id": "jQuery"}, {"items_count": 1352, "followers_count": 3131, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/8a04c4db7e6cf68fab6279be2f9b2b324280e06d/medium.jpg?1422008554", "id": "Scala"}, {"items_count": 1335, "followers_count": 540, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/005e4b716bc85c3e4f1a6cc3fcbcdc4560866392/medium.jpg?1364838255", "id": "Bash"}, {"items_count": 1297, "followers_count": 15617, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/8285db3989a4523606690fd264f456548a26d6dc/medium.jpg?1388346696", "id": "iPhone"}, {"items_count": 1266, "followers_count": 19113, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/3dbf331a3858f90facbc77a73c53318943846ed1/medium.jpg?1364837839", "id": "HTML"}, {"items_count": 1221, "followers_count": 10580, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/b76b821f32456b2ada5a936c39a9811ffb7d9dc2/medium.jpg?1447575364", "id": "GitHub"}, {"items_count": 1211, "followers_count": 7337, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/16847e4a60e1db406b7079613419fe60ccc799eb/medium.jpg?1436171748", "id": "MacOSX"}, {"items_count": 1061, "followers_count": 5150, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/2920f41f5aefd36267c6c04183d7e6197b4d2b99/medium.jpg?1364837723", "id": "Emacs"}, {"items_count": 1055, "followers_count": 7757, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/93b434ab12f17f0361be4c236679a76f797162dc/medium.jpg?1387912199", "id": "ShellScript"}, {"items_count": 1012, "followers_count": 3366, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/373b3b0595a92712b2a45616f53dae97bc1a04e5/medium.jpg?1387913155", "id": "Haskell"}, {"items_count": 954, "followers_count": 664, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/1fb278c84de62d15a2fb6df25dc66327756df67e/medium.jpg?1438084694", "id": "R"}, {"items_count": 904, "followers_count": 1171, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/ec867ea63f5f23d3235188dbd48a5195dcc7680e/medium.jpg?1395746077", "id": "AngularJS"}, {"items_count": 841, "followers_count": 5609, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/e41b881d25c683db2ce913dba0d07b9695a55741/medium.jpg?1368788624", "id": "CoffeeScript"}, {"items_count": 840, "followers_count": 2646, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/d77183eaf26189a59c14a189a23a004bb9bdecf4/medium.jpg?1364839078", "id": "Heroku"}, {"items_count": 829, "followers_count": 199, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/ceb26984ced05353cd0bca892629f04ef6a487bb/medium.jpg?1422720109", "id": "OSX"}, {"items_count": 821, "followers_count": 4036, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/b63534ba3529c37ec6df1975882cea610b063452/medium.jpg?1387914668", "id": "nginx"}, {"items_count": 820, "followers_count": 11938, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/947e2e83c7248231ef3224d56e4ca3160a5b5368/medium.jpg?1387915060", "id": "HTML5"}, {"items_count": 817, "followers_count": 4670, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/62b7b4bb21c57f377926995086a4723c566042e8/medium.jpg?1383884139", "id": "Perl"}, {"items_count": 795, "followers_count": 606, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/f950b6b716b67ae207d550399a21b5502f6f3497/medium.jpg?1435639500", "id": "WordPress"}, {"items_count": 779, "followers_count": 5755, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/cd373e535d205d0b0b22fe2f9520da4611e6295d/medium.jpg?1436115287", "id": "Apache"}, {"items_count": 733, "followers_count": 7224, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/943e6bf8c78681eacc00068ff38a828ea0393640/medium.jpg?1364837783", "id": "C"}, {"items_count": 733, "followers_count": 3064, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/8c06aefe154fcbba7f3d03e61a8be151f86e567c/medium.jpg?1364838270", "id": "Zsh"}, {"items_count": 721, "followers_count": 887, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/8ccb3c43ecc14983df15c7a8e8a74af21813bef2/medium.jpg?1435295580", "id": "RaspberryPi"}, {"items_count": 716, "followers_count": 680, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/1a04d3d1fb0f853615ae6ef0cd1234076b2e377d/medium.jpg?1387959920", "id": "chef"}, {"items_count": 685, "followers_count": 579, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/abdc121605e09b282c2cd003add30b599d7d07b8/medium.jpg?1368272516", "id": "golang"}, {"items_count": 681, "followers_count": 603, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/d0c2a2775000daf1f2f2dec34efa2da4886613e4/medium.jpg?1422717112", "id": "Ansible"}, {"items_count": 645, "followers_count": 259, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/bb1d8395199c677f1e2f2098b02f8b068ee959cd/medium.jpg?1398176885", "id": "homebrew"}, {"items_count": 627, "followers_count": 4822, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/b5cadc3eff868b31ec9023e1643a94c66870e60a/medium.jpg?1387904189", "id": "SSH"}, {"items_count": 623, "followers_count": 486, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/318057e9f194e1078da0ef86e5e8a69b5fde2cb5/medium.jpg?1364838059", "id": "CakePHP"}, {"items_count": 603, "followers_count": 13391, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/d6b60fd11159d42e0f9ad4edaeda2c0dbdec013c/medium.jpg?1364837545", "id": "Qiita"}, {"items_count": 590, "followers_count": 170, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/f548c52e6be38560564332b412bf06927f719d3c/medium.jpg?1398263985", "id": "VirtualBox"}, {"items_count": 588, "followers_count": 86, "icon_url": null, "id": "\u3069\u3046\u66f8\u304f"}, {"items_count": 587, "followers_count": 84, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/3b84f31447b66504066e50963030ff52d22461b6/medium.jpg?1407332005", "id": "Rails4"}, {"items_count": 582, "followers_count": 349, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/851256141e0ae6188e423c46805c52b0e0583db5/medium.jpg?1373008367", "id": "PostgreSQL"}, {"items_count": 579, "followers_count": 3404, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/666f5dc4780b97e9410ae3effeeb13fd64e17291/medium.jpg?1364839063", "id": "MongoDB"}, {"items_count": 578, "followers_count": 1053, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/a94d4d239b3b0b83723d5b56c050ffc54b8593e7/medium.jpg?1394635775", "id": "\u6a5f\u68b0\u5b66\u7fd2"}, {"items_count": 574, "followers_count": 1161, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/ccf32cbcb30733164a0ea2331e24dacf1c2a3cf1/medium.jpg?1398264070", "id": "Eclipse"}, {"items_count": 571, "followers_count": 311, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/c179622251d37aabf3a5702c4addc26cbd124e15/medium.jpg?1408668315", "id": "AndroidStudio"}, {"items_count": 569, "followers_count": 326, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/aba2fc611bc7fe28b0c70347e68541ef7e186ac5/medium.jpg?1407701144", "id": "RSpec"}, {"items_count": 567, "followers_count": 6959, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/9af01a641a7b8761b171fef40b3ed0e2adb937bf/medium.jpg?1447575268", "id": "Chrome"}, {"items_count": 546, "followers_count": 144, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/7b499aba822c4e819de19921890149955473f9f3/medium.jpg?1364839220", "id": "AdventCalendar"}, {"items_count": 541, "followers_count": 568, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/e371860d0188c74655860de02434eff0e74b36c5/medium.jpg?1429492257", "id": "Jenkins"}, {"items_count": 540, "followers_count": 465, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/654b28810d47c48ab0c7953dedab8b105a3b9ceb/medium.jpg?1447725374", "id": "laravel"}, {"items_count": 526, "followers_count": 216, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/043a6bad6c0f074bec8500326daf861698d218ba/medium.jpg?1387909294", "id": "shell"}, {"items_count": 514, "followers_count": 470, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/3cd89cdeec1c2e22e9acab3cd2731bc0b1004ad3/medium.jpg?1439198171", "id": "cocos2d-x"}, {"items_count": 501, "followers_count": 119, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/4ae615331431e777bdbb02397a470487a260327f/medium.jpg?1429788488", "id": "EC2"}, {"items_count": 490, "followers_count": 874, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/eb53674e17b98c67498df8d79f9964569cc516f8/medium.jpg?1423241704", "id": "ATOM"}, {"items_count": 466, "followers_count": 529, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/6e0b49c8d70cd06c57386d923a8362fbaf71c233/medium.jpg?1364840830", "id": "Elixir"}, {"items_count": 466, "followers_count": 407, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/3d6e458d248c647d59d0b4d48867454590d7eac1/medium.jpg?1397150201", "id": "gulp"}, {"items_count": 464, "followers_count": 539, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/34bc260c6ca1ad886ec71164de5450ba90b0a6e4/medium.jpg?1408012672", "id": "Slack"}, {"items_count": 455, "followers_count": 5352, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/cea0a8711a7da568fa9cc3f2cc8d06dff1942808/medium.jpg?1387915412", "id": "Twitter"}, {"items_count": 455, "followers_count": 479, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/d91fa354945cb650711c01f67dcdccbae78ecf5b/medium.jpg?1421411707", "id": "Unity3D"}, {"items_count": 437, "followers_count": 590, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/5a70092ac765f1a46e2312814489acffc3100e68/medium.jpg?1422719113", "id": "reactjs"}, {"items_count": 421, "followers_count": 319, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/939d0662a5fbb390bd25b777a8d243d25624b4f2/medium.jpg?1387907908", "id": "SQL"}, {"items_count": 420, "followers_count": 557, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/7f57bbff1eabee3a9cd26f82029daa3676ffb3ee/medium.jpg?1396147657", "id": "TypeScript"}, {"items_count": 414, "followers_count": 395, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/e5ec20b3c11b81ee917d27498e757a03a4cb20d6/medium.jpg?1432461171", "id": "Clojure"}, {"items_count": 413, "followers_count": 51, "icon_url": null, "id": "Gem"}, {"items_count": 410, "followers_count": 8052, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/dc9caf91e8486dc06ea03951e60a0951aea7d162/medium.jpg?1447575113", "id": "CSS3"}, {"items_count": 401, "followers_count": 425, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/32fa6f8041577796647f1d1e4ebbdd32be4f94da/medium.jpg?1364839472", "id": "fluentd"}, {"items_count": 392, "followers_count": 441, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/7a41e9783988dbf72e20cd9a218b18c41565c3d3/medium.jpg?1364838851", "id": "Arduino"}, {"items_count": 376, "followers_count": 300, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/0c786c5346d6599097cda94b46cd7a73d9ac86cf/medium.jpg?1364839801", "id": "FuelPHP"}, {"items_count": 373, "followers_count": 417, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/4e99cae0907b091a58f8782fa83d4ef5b6f13409/medium.jpg?1373503782", "id": "Elasticsearch"}, {"items_count": 368, "followers_count": 258, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/282bdb29e7f368ab636d9a713357d45318f0338f/medium.jpg?1387916408", "id": "Excel"}, {"items_count": 363, "followers_count": 133, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/c01990c29ce345a67f3b5e85102dfd84276b8e95/medium.jpg?1387911385", "id": "JSON"}, {"items_count": 362, "followers_count": 206, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/6fc61a72204beb94f27ad76de5e4864923ae7d83/medium.jpg?1399018096", "id": "gradle"}, {"items_count": 361, "followers_count": 406, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/65b71f29828bc7fba3b5eb8ecbc6d9186e7a61fa/medium.jpg?1387904461", "id": "Markdown"}, {"items_count": 356, "followers_count": 15, "icon_url": null, "id": "yhpg"}, {"items_count": 356, "followers_count": 242, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/de509c507a857a51002b44107a96a2c89452c4c3/medium.jpg?1422923033", "id": "IoT"}, {"items_count": 355, "followers_count": 480, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/12f0e530959eabdee68c2ba3bb0052a6f9a23283/medium.jpg?1430329273", "id": "bootstrap"}, {"items_count": 353, "followers_count": 278, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/d49dd05ea85817958a672bfdf967012e636609dc/medium.jpg?1364838101", "id": "Django"}, {"items_count": 350, "followers_count": 401, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/c796d623f94ffd06ede8069754bab114ed5824ed/medium.jpg?1373512407", "id": "Redmine"}, {"items_count": 344, "followers_count": 289, "icon_url": "https://s3-ap-northeast-1.amazonaws.com/qiita-tag-image/39966530b952cca689d8707303111fae47d3d684/medium.jpg?1387909636", "id": "VisualStudio"}]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment