<html lang="ja">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>[リスト]Static Site Generator 静的にHTMLを書き出すもののリストを作ってみよう。</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
/*
This document has been created with Marked.app <http://markedapp.com>, Copyright 2011 Brett Terpstra
Please leave this notice in place, along with any additional credits below.
---------------------------------------------------------------
Title: Swiss
Author: Brett Terpstra
Description: Clean, Swiss typography with no frills.
*/
body{font-smoothing:antialiased;font:normal .8764em/1.5em Arial,Verdana,sans-serif;margin:0}html>body{font-size:13px}li{font-size:110%}li li{font-size:100%}li p{font-size:100%;margin:.5em 0}h1{color:#000;font-size:2.2857em;line-height:.6563em;margin:.6563em 0}h2{color:#111;font-size:1.7143em;line-height:.875em;margin:.875em 0}h3{color:#111;font-size:1.5em;line-height:1em;margin:1em 0}h4{color:#111;font-size:1.2857em;line-height:1.1667em;margin:1.1667em 0}h5{color:#111;font-size:1.15em;line-height:1.3em;margin:1.3em 0}h6{font-size:1em;line-height:1.5em;margin:1.5em 0}body,p,td,div{color:#111;font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;word-wrap:break-word}h1,h2,h3,h4,h5,h6{line-height:1.5em}a{transition:color .2s ease-in-out;color:#0d6ea1;text-decoration:none}a:hover{color:#3593d9}.footnote{color:#0d6ea1;font-size:.8em;vertical-align:super}#wrapper img{max-width:100%;height:auto}dd{margin-bottom:1em}li>p:first-child{margin:0}ul ul,ul ol{margin-bottom:.4em}caption,col,colgroup,table,tbody,td,tfoot,th,thead,tr{border-spacing:0}table{border:1px solid rgba(0,0,0,0.25);border-collapse:collapse;display:table;empty-cells:hide;margin:-1px 0 23px;padding:0;table-layout:fixed}caption{display:table-caption;font-weight:700}col{display:table-column}colgroup{display:table-column-group}tbody{display:table-row-group}tfoot{display:table-footer-group}thead{display:table-header-group}td,th{display:table-cell}tr{display:table-row}table th,table td{font-size:1.1em;line-height:23px;padding:0 1em}table thead{background:rgba(0,0,0,0.15);border:1px solid rgba(0,0,0,0.15);border-bottom:1px solid rgba(0,0,0,0.2)}table tbody{background:rgba(0,0,0,0.05)}table tfoot{background:rgba(0,0,0,0.15);border:1px solid rgba(0,0,0,0.15);border-top:1px solid rgba(0,0,0,0.2)}figure{display:inline-block;margin-bottom:1.2em;position:relative;margin:1em 0}figcaption{font-style:italic;text-align:center;background:rgba(0,0,0,.9);color:rgba(255,255,255,1);position:absolute;left:0;bottom:-24px;width:98%;padding:1%;transition:all .2s ease-in-out}.poetry pre{display:block;font-family:Georgia,Garamond,serif!important;font-size:110%!important;font-style:italic;line-height:1.6em;margin-left:1em}.poetry pre code{font-family:Georgia,Garamond,serif!important}blockquote p{font-size:110%;font-style:italic;line-height:1.6em}sup,sub,a.footnote{font-size:1.4ex;height:0;line-height:1;position:relative;vertical-align:super}sub{vertical-align:sub;top:-1px}p,h5{font-size:1.1429em;line-height:1.3125em;margin:1.3125em 0}dt,th{font-weight:700}table tr:nth-child(odd),table th:nth-child(odd),table td:nth-child(odd){background:rgba(255,255,255,0.06)}table tr:nth-child(even),table td:nth-child(even){background:rgba(0,0,0,0.06)}@media print{body{overflow:auto}img,pre,blockquote,table,figure,p{page-break-inside:avoid}#wrapper{background:#fff;color:#303030;font-size:85%;padding:10px;position:relative;text-indent:0}}@media screen{.inverted #wrapper,.inverted{background:rgba(37,42,42,1)}.inverted hr{border-color:rgba(51,63,64,1)!important}.inverted p,.inverted td,.inverted li,.inverted h1,.inverted h2,.inverted h3,.inverted h4,.inverted h5,.inverted h6,.inverted th,.inverted .math,.inverted caption,.inverted dd,.inverted dt{color:#eee!important}.inverted table tr:nth-child(odd),.inverted table th:nth-child(odd),.inverted table td:nth-child(odd){background:0}.inverted pre code{color:#111}.inverted a{color:rgba(172,209,213,1)}#wrapper{padding:20px}::selection{background:rgba(157,193,200,.5)}h1::selection{background-color:rgba(45,156,208,.3)}h2::selection{background-color:rgba(90,182,224,.3)}h3::selection,h4::selection,h5::selection,h6::selection,li::selection,ol::selection{background-color:rgba(133,201,232,.3)}code::selection{background-color:rgba(0,0,0,.7);color:#eee}code span::selection{background-color:rgba(0,0,0,.7)!important;color:#eee!important}a::selection{background-color:rgba(255,230,102,.2)}.inverted a::selection{background-color:rgba(255,230,102,.6)}td::selection,th::selection,caption::selection{background-color:rgba(180,237,95,.5)}}
</style>
</head>
<body class="normal">
<div id="wrapper">
<p>[リスト]Static Site Generator
静的にHTMLを書き出すもののリストを作ってみよう。<a href="http://qiita.com/snize/items/2424967ee81fbdb1702b">static_site_generator - [リスト]Static Site Generator - Qiita</a>
</p>
<h2>Ruby</h2>
<ul>
<li><a href="http://jekyllrb.com/" title="Jekyll • Simple, blog-aware, static sites">Jekyll</a> <iframe src="http://ghbtns.com/github-btn.html?user=jekyll&repo=jekyll&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
<li><a href="http://octopress.org/" title="Octopress">Octopress</a> <iframe src="http://ghbtns.com/github-btn.html?user=imathis&repo=octopress&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
<li><a href="http://middlemanapp.com/" title="Middleman: Hand-crafted frontend development">Middleman</a>/<a href="http://middlemanapp.com/jp/">日本語</a> <iframe src="http://ghbtns.com/github-btn.html?user=middleman&repo=middleman&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
</ul>
<h2>Nodejs</h2>
<ul>
<li><a href="http://wintersmith.io/" title="Wintersmith">Wintersmith</a> <iframe src="http://ghbtns.com/github-btn.html?user=jnordberg&repo=wintersmith&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
<li><a href="http://laktek.github.io/punch/" title="Punch - A Fun and Easy Way to Build Modern Websites">Punch</a> <iframe src="http://ghbtns.com/github-btn.html?user=laktek&repo=punch&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
<li><a href="http://roots.cx/" title="roots | where it all begins">roots</a> <iframe src="http://ghbtns.com/github-btn.html?user=jenius&repo=roots&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
<li><a href="http://assemble.io/" title="Home | Assemble">Assemble</a> <iframe src="http://ghbtns.com/github-btn.html?user=assemble&repo=assemble&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
<li><a href="http://harpjs.com/" title="The open-source web server with built-in preprocessing – Harp">Harp</a> <iframe src="http://ghbtns.com/github-btn.html?user=sintaxi&repo=harp&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
<li><a href="http://docpad.org/" title="DocPad - Streamlined Web Development">DocPad</a> <iframe src="http://ghbtns.com/github-btn.html?user=bevry&repo=docpad&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
<li><a href="https://github.com/jxson/haiku">haiku</a> <iframe src="http://ghbtns.com/github-btn.html?user=jxson&repo=haiku&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
<li><a href="http://zespia.tw/hexo/">Hexo</a> <iframe src="http://ghbtns.com/github-btn.html?user=hexojs&repo=hexo&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
<li><a href="http://www.metalsmith.io/" title="Metalsmith">Metalsmith</a> <iframe src="http://ghbtns.com/github-btn.html?user=segmentio&repo=metalsmith&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
<li><a href="http://www.headstart.io/">Headstart</a> <iframe src="http://ghbtns.com/github-btn.html?user=flovan&repo=headstart&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
</ul>
<h2>Python</h2>
<ul>
<li><a href="http://ringce.com/hyde" title="Hyde - A Python Static Website Generator">Hyde</a> <iframe src="http://ghbtns.com/github-btn.html?user=lakshmivyas&repo=hyde&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
</ul>
<h2>PHP</h2>
<ul>
<li><a href="https://sculpin.io/" title="Sculpin — PHP Static Site Generator">Sculpin</a> <iframe src="http://ghbtns.com/github-btn.html?user=sculpin&repo=sculpin&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
<li><a href="http://spress.yosymfony.com/">Spress</a> <iframe src="http://ghbtns.com/github-btn.html?user=yosymfony&repo=Spress&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
<li><a href="http://c-note.chatwork.com/post/68781816704/phest-php-easy-static-site-generator">Phest</a> <iframe src="http://ghbtns.com/github-btn.html?user=chatwork&repo=Phest&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
</ul>
<h3>Wordpress</h3>
<ul>
<li><a href="http://staticpress.net/" title="StaticPress">StaticPress</a> <iframe src="http://ghbtns.com/github-btn.html?user=megumiteam&repo=staticpress&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
</ul>
<h2>Go</h2>
<ul>
<li><a href="http://hugo.spf13.com/">Hugo</a> <iframe src="http://ghbtns.com/github-btn.html?user=spf13&repo=hugo&type=watch&count=true"
allowtransparency="true" frameborder="0" scrolling="0" width="110" height="20"></iframe></li>
</ul>
<h2>Perl</h2>
<ul>
<li>教えて下さい!</li>
</ul>
</div>
</body>
</html>
Output
You can jump to the latest bin by adding /latest
to your URL
Keyboard Shortcuts
Shortcut | Action |
---|---|
ctrl + [num] | Toggle nth panel |
ctrl + 0 | Close focused panel |
ctrl + enter | Re-render output. If console visible: run JS in console |
Ctrl + l | Clear the console |
ctrl + / | Toggle comment on selected lines |
ctrl + ] | Indents selected lines |
ctrl + [ | Unindents selected lines |
tab | Code complete & Emmet expand |
ctrl + shift + L | Beautify code in active panel |
ctrl + s | Save & lock current Bin from further changes |
ctrl + shift + s | Open the share options |
ctrl + y | Archive Bin |
Complete list of JS Bin shortcuts |
JS Bin URLs
URL | Action |
---|---|
/ | Show the full rendered output. This content will update in real time as it's updated from the /edit url. |
/edit | Edit the current bin |
/watch | Follow a Code Casting session |
/embed | Create an embeddable version of the bin |
/latest | Load the very latest bin (/latest goes in place of the revision) |
/[username]/last | View the last edited bin for this user |
/[username]/last/edit | Edit the last edited bin for this user |
/[username]/last/watch | Follow the Code Casting session for the latest bin for this user |
/quiet | Remove analytics and edit button from rendered output |
.js | Load only the JavaScript for a bin |
.css | Load only the CSS for a bin |
Except for username prefixed urls, the url may start with http://jsbin.com/abc and the url fragments can be added to the url to view it differently. |