qiita-team-templates 0.1.0 → 0.1.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: a5e81ec704e16b5a832d21d662076ae46c33a1c7
-  data.tar.gz: a329d51c09587f79bf8b814d9dd1325a8ba4b670
+  metadata.gz: 47b8d7eb995c408dd8f8674a7e4d11a18e87e3a2
+  data.tar.gz: 3a57235f1a4938dd2712f73d38b7da65adb80f1f
 SHA512:
-  metadata.gz: 9bf948f925a8fb1ccb5ab030b9edc27b1c692e5845bd46093503534836e9bd35d077aed2b94af33b5406b4d584a3c65566d596e3d3fd46d421e1f58c41093f74
-  data.tar.gz: 438f65ac737d30abd9d253cf9512f55f9d14c3e6d51a108f2918bbe507db0697b097490d571de69f322cc15c8f2e19e06be1d4329ef67d025fbf8b73ddc43dc0
+  metadata.gz: 0f1f64c608f8a42b4fbcf27cfe2a065f53162741593691a88a45d44d4e33d2ac4c1992868c10ab9ecc735a515e70b00c934ae472b15faeef2c249e0215d70d9d
+  data.tar.gz: c8a7398d07e8f08abe738a1ccd973b8e049cf5e9d9686de87ab6f4c1d62699577d1abf18e165797b6c079df1c97e7b8d2cd083ef83e53b504d4c75e2e2a1a789

data/.editorconfig

@@ -0,0 +1,14 @@
+# This file is for unifying the coding style for different editors and IDEs
+# editorconfig.org
+
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.{js,html}]
+indent_size = 4

data/.gitignore

@@ -0,0 +1,36 @@
+*.gem
+*.rbc
+/.config
+/coverage/
+/InstalledFiles
+/pkg/
+/spec/reports/
+/test/tmp/
+/test/version_tmp/
+/tmp/
+
+## Specific to RubyMotion:
+.dat*
+.repl_history
+build/
+
+## Documentation cache and generated files:
+/.yardoc/
+/_yardoc/
+/doc/
+/rdoc/
+
+## Environment normalisation:
+/.bundle/
+/lib/bundler/man/
+
+# for a library or gem, you might want to ignore these files since the code is
+# intended to run in multiple environments; otherwise, check them in:
+Gemfile.lock
+.ruby-version
+.ruby-gemset
+
+# unless supporting rvm < 1.11.0 or doing something fancy, ignore this:
+.rvmrc
+
+node_modules

data/Gemfile

@@ -0,0 +1,2 @@
+source "https://rubygems.org"
+gemspec

data/Rakefile

@@ -0,0 +1 @@
+require 'bundler/gem_tasks'

data/dist/js/kpt.js

@@ -0,0 +1,71 @@
+/**
+ * @name kpt.js
+ * @description Render KPT on Qiita:Team.
+ * @version 0.1.0
+ */
+
+(function (global) {
+    if (!global.Qiita.TeamTemplates) {
+        throw 'Qiita.TeamTemplates is required';
+    }
+
+    var ns = global.Qiita.TeamTemplates; // Namespace
+
+    if (ns.isRegistered('kpt')) {
+        // KPT template has already been registered.
+        return;
+    }
+
+    var getHTML, kptTemplate;
+
+    getHTML = function (h1) {
+        var el, prev, html = '';
+        for (el = h1.nextElementSibling;
+             !/H1|SCRIPT/.test(el.tagName);
+             prev = el, el = el.nextElementSibling, $(prev).remove()) {
+            html += el.outerHTML;
+        }
+        $(h1).remove();
+        return html;
+    }
+
+    // src/jst/kpt.jst
+    kptTemplate = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape;
+with (obj) {
+__p += '<table class=\'table table-bordered\'>\n    <tr>\n        <td>\n            <h1>Keep</h1>' +
+((__t = ( keepContent )) == null ? '' : __t) +
+'\n        </td>\n        <td rowspan="2">\n            <h1>Try</h1>' +
+((__t = ( tryContent )) == null ? '' : __t) +
+'\n        </td>\n    </tr>\n    <tr>\n        <td><h1>Problem</h1>' +
+((__t = ( problemContent )) == null ? '' : __t) +
+'</td>\n    </tr>\n</table>\n';
+
+}
+return __p
+};
+
+    ns.register('ktp', function (selector) {
+        var $item, $table, names, data;
+        $item = $(selector);
+        names = ['keepContent', 'problemContent', 'tryContent'];
+        data = {};
+        $item.find('h1').each(function (i) {
+            if (names[i]) { data[names[i]] = getHTML(this); }
+        });
+        $table = $(kptTemplate(data));
+        $table.find('h1').css({
+            marginTop: '0',
+            marginBottom: '20px'
+        });
+        $table.find('td').css({
+            backgroundColor: 'white',
+            verticalAlign: 'top',
+            width: '50%'
+        });
+        $item.prepend($table);
+    });
+})(this);
+
+// vim: filetype=jst

data/dist/js/lean_canvas.js

@@ -0,0 +1,92 @@
+/**
+ * @name lean_canvas.js
+ * @description Render LeanCanvas on Qiita:Team.
+ * @version 0.1.0
+ */
+
+(function (global) {
+    if (!global.Qiita.TeamTemplates) {
+        throw 'Qiita.TeamTemplates is required';
+    }
+
+    var ns = global.Qiita.TeamTemplates; // Namespace
+
+    if (ns.isRegistered('lean_canvas')) {
+        // LeanCanvas template has already been registered.
+        return;
+    }
+
+    var getHTML, leanCanvasTemplate;
+
+    getHTML = function (h1) {
+        var el, prev, html = '';
+        for (el = h1.nextElementSibling;
+            !/H1|SCRIPT/.test(el.tagName);
+            prev = el, el = el.nextElementSibling, $(prev).remove()) {
+            html += el.outerHTML;
+        }
+        $(h1).remove();
+        return html;
+    }
+
+    // src/jst/lean_canvas.jst
+    leanCanvasTemplate = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape;
+with (obj) {
+__p += '<table class=\'table table-bordered\'>\n    <tr>\n        <td rowspan="2" colspan="2">\n            <h4>Problem</h4>' +
+((__t = ( problem )) == null ? '' : __t) +
+'\n            <h5>Existing Alternatives</h5>' +
+((__t = ( alternatives )) == null ? '' : __t) +
+'\n        </td>\n        <td colspan="2"><h4>Solution</h4>' +
+((__t = ( solution )) == null ? '' : __t) +
+'</td>\n        <td rowspan="2" colspan="2">\n            <h4>Unique Value Proposition</h4>' +
+((__t = ( uvp )) == null ? '' : __t) +
+'\n            <h5>High-Level Concept</h5>' +
+((__t = ( concept )) == null ? '' : __t) +
+'\n        </td>\n        <td colspan="2"><h4>Unfair Advantage</h4>' +
+((__t = ( advantage )) == null ? '' : __t) +
+'</td>\n        <td rowspan="2" colspan="2">\n            <h4>Customer Segments</h4>' +
+((__t = ( segments )) == null ? '' : __t) +
+'\n            <h5>Early Adopters</h5>' +
+((__t = ( early_adopters )) == null ? '' : __t) +
+'\n        </td>\n    </tr>\n    <tr>\n        <td colspan="2"><h4>Key Metrics</h4>' +
+((__t = ( key_metrics )) == null ? '' : __t) +
+'</td>\n        <td colspan="2"><h4>Channels</h4>' +
+((__t = ( channels )) == null ? '' : __t) +
+'</td>\n    </tr>\n    <tr>\n        <td colspan="5"><h4>Cost Structure</h4>' +
+((__t = ( cost )) == null ? '' : __t) +
+'</td>\n        <td colspan="5"><h4>Revenue Streams</h4>' +
+((__t = ( revenue )) == null ? '' : __t) +
+'</td>\n    </tr>\n</table>\n';
+
+}
+return __p
+};
+
+    ns.register('lean_canvas', function (selector) {
+        var $item, $table, names, data, template;
+
+        $item = $(selector);
+
+        names = ['problem', 'alternatives', 'segments', 'early_adopters', 'uvp', 'concept',
+            'solution', 'channels', 'revenue', 'cost', 'key_metrics', 'advantage'];
+        data = {};
+
+        $item.find('h1').each(function (i) {
+            if (names[i]) { data[names[i]] = getHTML(this); }
+        });
+
+        $table = $(leanCanvasTemplate(data));
+        $table.find('h4').css('margin-top', '0');
+        $table.find('td').css({
+            backgroundColor: 'white',
+            verticalAlign: 'top',
+            width: '20%'
+        });
+
+        $item.prepend($table);
+    });
+})(this);
+
+// vim: filetype=jst

data/dist/js/problem_solution_canvas.js

@@ -0,0 +1,95 @@
+/**
+ * @name problem_solution_canvas.js
+ * @description Render ProblemSolutionCanvas on Qiita:Team.
+ * @version 0.1.0
+ */
+
+(function (global) {
+    if (!global.Qiita.TeamTemplates) {
+        throw 'Qiita.TeamTemplates is required';
+    }
+
+    var ns = global.Qiita.Team; // Namespace
+
+    if (ns.isRegistered('problem_solution_canvas')) {
+        // KPT template has already been registered.
+        return;
+    }
+
+    var getBoxHTML, pscTemplateP1, pscTemplateP2;
+
+    getBoxHTML = function (h2) {
+        var html = '';
+        for (el = h2.nextElementSibling; !_.include(['H1', 'H2', 'SCRIPT'], el.tagName); el = el.nextElementSibling) {
+            html += el.outerHTML;
+        }
+        return [html, el];
+    }
+
+    // src/jst/problem_solution_canvas_p1.jst
+    pscTemplateP1 = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape;
+with (obj) {
+__p += '<h1>' +
+((__t = ( title )) == null ? '' : __t) +
+'</h1>\n<table>\n    <tr>\n        <td class="currentStatus">\n            <h4>CURRENT STATUS</h4>\n            ' +
+((__t = ( currentStatus )) == null ? '' : __t) +
+'\n        </td>\n        <td class="leaned">\n            <h4>LAST WEEK\'S LESSON LEARNED (AND ACCOMPLISHMENTS)</h4>\n            ' +
+((__t = ( learned )) == null ? '' : __t) +
+'\n        </td>\n    </tr>\n    <tr>\n        <td colspan="2">\n            <h4>TOP PROBLEMS</h4>\n            ' +
+((__t = ( problems )) == null ? '' : __t) +
+'\n        </td>\n    </tr>\n</table>\n';
+
+}
+return __p
+};
+
+    // src/jst/problem_solution_canvas_p2.jst
+    pscTemplateP2 = function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape;
+with (obj) {
+__p += '<h2>' +
+((__t = ( title )) == null ? '' : __t) +
+'</h2>\n<table>\n    <tr>\n        <td class="solutions">\n            <h4>HYPOTHESIZED SOLUTIONS</h4>\n            ' +
+((__t = ( solutions )) == null ? '' : __t) +
+'\n        </td>\n        <td class="metrics">\n            <h4>METRICS / PROOF + GOALS</h4>\n            ' +
+((__t = ( metrics )) == null ? '' : __t) +
+'\n        </td>\n    </tr>\n</table>\n';
+
+}
+return __p
+};
+
+    ns.register('problem_solution_canvas', function (solution) {
+        var $item = $(item_id);
+
+        var html = '';
+        _.each($item.find('h1'), function (h1, i) {
+            var htmlEl, page, h2;
+            page = { title: h1.innerText };
+            h2 = h1.nextElementSibling;
+            if (i === 0) {
+                htmlEl = getBoxHTML(h2);
+                page.currentStatus = htmlEl[0];
+                h2 = htmlEl[1];
+                htmlEl = getBoxHTML(h2);
+                page.learned = htmlEl[0];
+                h2 = htmlEl[1];
+                page.problems = getBoxHTML(h2)[0];
+                html += pscTemplateP1(page);
+            } else {
+                htmlEl = getBoxHTML(h2);
+                page.solutions = htmlEl[0];
+                h2 = htmlEl[1];
+                page.metrics = getBoxHTML(h2)[0];
+                html += pscTemplateP2(page);
+            }
+        });
+
+        $item.html(html);
+    });
+})(this);
+
+// vim: filetype=jst

data/dist/jst/kpt.js

@@ -0,0 +1,15 @@
+function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape;
+with (obj) {
+__p += '<table class=\'table table-bordered\'>\n    <tr>\n        <td>\n            <h1>Keep</h1>' +
+((__t = ( keepContent )) == null ? '' : __t) +
+'\n        </td>\n        <td rowspan="2">\n            <h1>Try</h1>' +
+((__t = ( tryContent )) == null ? '' : __t) +
+'\n        </td>\n    </tr>\n    <tr>\n        <td><h1>Problem</h1>' +
+((__t = ( problemContent )) == null ? '' : __t) +
+'</td>\n    </tr>\n</table>\n';
+
+}
+return __p
+}

data/dist/jst/lean_canvas.js

@@ -0,0 +1,33 @@
+function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape;
+with (obj) {
+__p += '<table class=\'table table-bordered\'>\n    <tr>\n        <td rowspan="2" colspan="2">\n            <h4>Problem</h4>' +
+((__t = ( problem )) == null ? '' : __t) +
+'\n            <h5>Existing Alternatives</h5>' +
+((__t = ( alternatives )) == null ? '' : __t) +
+'\n        </td>\n        <td colspan="2"><h4>Solution</h4>' +
+((__t = ( solution )) == null ? '' : __t) +
+'</td>\n        <td rowspan="2" colspan="2">\n            <h4>Unique Value Proposition</h4>' +
+((__t = ( uvp )) == null ? '' : __t) +
+'\n            <h5>High-Level Concept</h5>' +
+((__t = ( concept )) == null ? '' : __t) +
+'\n        </td>\n        <td colspan="2"><h4>Unfair Advantage</h4>' +
+((__t = ( advantage )) == null ? '' : __t) +
+'</td>\n        <td rowspan="2" colspan="2">\n            <h4>Customer Segments</h4>' +
+((__t = ( segments )) == null ? '' : __t) +
+'\n            <h5>Early Adopters</h5>' +
+((__t = ( early_adopters )) == null ? '' : __t) +
+'\n        </td>\n    </tr>\n    <tr>\n        <td colspan="2"><h4>Key Metrics</h4>' +
+((__t = ( key_metrics )) == null ? '' : __t) +
+'</td>\n        <td colspan="2"><h4>Channels</h4>' +
+((__t = ( channels )) == null ? '' : __t) +
+'</td>\n    </tr>\n    <tr>\n        <td colspan="5"><h4>Cost Structure</h4>' +
+((__t = ( cost )) == null ? '' : __t) +
+'</td>\n        <td colspan="5"><h4>Revenue Streams</h4>' +
+((__t = ( revenue )) == null ? '' : __t) +
+'</td>\n    </tr>\n</table>\n';
+
+}
+return __p
+}

data/dist/jst/problem_solution_canvas_p1.js

@@ -0,0 +1,17 @@
+function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape;
+with (obj) {
+__p += '<h1>' +
+((__t = ( title )) == null ? '' : __t) +
+'</h1>\n<table>\n    <tr>\n        <td class="currentStatus">\n            <h4>CURRENT STATUS</h4>\n            ' +
+((__t = ( currentStatus )) == null ? '' : __t) +
+'\n        </td>\n        <td class="leaned">\n            <h4>LAST WEEK\'S LESSON LEARNED (AND ACCOMPLISHMENTS)</h4>\n            ' +
+((__t = ( learned )) == null ? '' : __t) +
+'\n        </td>\n    </tr>\n    <tr>\n        <td colspan="2">\n            <h4>TOP PROBLEMS</h4>\n            ' +
+((__t = ( problems )) == null ? '' : __t) +
+'\n        </td>\n    </tr>\n</table>\n';
+
+}
+return __p
+}

data/dist/jst/problem_solution_canvas_p2.js

@@ -0,0 +1,15 @@
+function(obj) {
+obj || (obj = {});
+var __t, __p = '', __e = _.escape;
+with (obj) {
+__p += '<h2>' +
+((__t = ( title )) == null ? '' : __t) +
+'</h2>\n<table>\n    <tr>\n        <td class="solutions">\n            <h4>HYPOTHESIZED SOLUTIONS</h4>\n            ' +
+((__t = ( solutions )) == null ? '' : __t) +
+'\n        </td>\n        <td class="metrics">\n            <h4>METRICS / PROOF + GOALS</h4>\n            ' +
+((__t = ( metrics )) == null ? '' : __t) +
+'\n        </td>\n    </tr>\n</table>\n';
+
+}
+return __p
+}

data/gulpfile.js

@@ -0,0 +1,47 @@
+var fs = require('fs');
+
+var gulp = require('gulp');
+var data = require('gulp-data');
+var jst = require('gulp-jst');
+var template = require('gulp-template');
+
+gulp.task('jst', function () {
+  gulp.src('src/jst/*.jst')
+      .pipe(jst())
+      .pipe(gulp.dest('dist/jst'));
+});
+
+var defaultTasks = ['jst'];
+
+// Define template:lean_canvas and template:kpt tasks.
+['lean_canvas', 'kpt'].forEach(function (name) {
+  var taskName = 'template:' + name;
+
+  defaultTasks.push(taskName);
+
+  gulp.task(taskName, function () {
+    gulp.src('src/js/' + name + '.js')
+        .pipe(data(function (file) {
+          var fname = file.path.split('/').pop();
+          return { template: fs.readFileSync('dist/jst/' + fname) };
+        }))
+        .pipe(template())
+        .pipe(gulp.dest('dist/js'));
+  });
+});
+
+defaultTasks.push('template:problem_solution_canvas');
+
+gulp.task('template:problem_solution_canvas', function () {
+  gulp.src('src/js/problem_solution_canvas.js')
+      .pipe(data(function () {
+        return {
+          templateP1: fs.readFileSync('dist/jst/problem_solution_canvas_p1.js'),
+          templateP2: fs.readFileSync('dist/jst/problem_solution_canvas_p2.js')
+        };
+      }))
+      .pipe(template())
+      .pipe(gulp.dest('dist/js'));
+});
+
+gulp.task('default', defaultTasks);

data/lib/qiita-team-templates.rb

@@ -0,0 +1 @@
+require 'qiita/team/templates'

data/lib/qiita/team/templates.rb

@@ -0,0 +1,2 @@
+require 'qiita/team/templates/engine'
+require 'qiita/team/templates/version'

data/lib/qiita/team/templates/engine.rb

@@ -0,0 +1,8 @@
+module Qiita
+  module Team
+    module Templates
+      class Engine < ::Rails::Engine
+      end
+    end
+  end
+end

data/lib/qiita/team/templates/version.rb

@@ -0,0 +1,7 @@
+module Qiita
+  module Team
+    module Templates
+      VERSION = '0.1.1'
+    end
+  end
+end

data/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "Qiita-Team-Templates",
+  "version": "0.0.0",
+  "description": "Shared templates for teams",
+  "author": "Yuku Takahashi <yuku@qiita.com>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/increments/Qiita-Team-Templates.git"
+  },
+  "license": "MIT",
+  "devDependencies": {
+    "gulp": "^3.8.9",
+    "gulp-data": "^1.2.0",
+    "gulp-jst": "^0.1.1",
+    "gulp-template": "^2.1.0"
+  }
+}

data/qiita-team-templates.gemspec

@@ -0,0 +1,19 @@
+lib = File.expand_path('../lib', __FILE__)
+$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
+require "qiita/team/templates/version"
+
+Gem::Specification.new do |spec|
+  spec.name            = 'qiita-team-templates'
+  spec.version         = Qiita::Team::Templates::VERSION
+  spec.authors         = ['Yuku Takahashi']
+  spec.email           = ['yuku@qiita.com']
+  spec.summary         = 'Shared templates for teams'
+  spec.homepage        = 'https://github.com/increments/Qiita-Team-Templates'
+  spec.license         = 'MIT'
+
+  spec.files           = `git ls-files -z`.split("\x0")
+  spec.require_paths   = ["lib"]
+
+  spec.add_development_dependency 'bundler', '~> 1.7'
+  spec.add_development_dependency 'rake', '~> 10.0'
+end

data/src/js/kpt.js

@@ -0,0 +1,56 @@
+/**
+ * @name kpt.js
+ * @description Render KPT on Qiita:Team.
+ */
+
+(function (global) {
+    if (!global.Qiita.TeamTemplates) {
+        throw 'Qiita.TeamTemplates is required';
+    }
+
+    var ns = global.Qiita.TeamTemplates; // Namespace
+
+    if (ns.isRegistered('kpt')) {
+        // KPT template has already been registered.
+        return;
+    }
+
+    var getHTML, kptTemplate;
+
+    getHTML = function (h1) {
+        var el, prev, html = '';
+        for (el = h1.nextElementSibling;
+             !/H1|SCRIPT/.test(el.tagName);
+             prev = el, el = el.nextElementSibling, $(prev).remove()) {
+            html += el.outerHTML;
+        }
+        $(h1).remove();
+        return html;
+    }
+
+    // src/jst/kpt.jst
+    kptTemplate = <%= template %>;
+
+    ns.register('ktp', function (selector) {
+        var $item, $table, names, data;
+        $item = $(selector);
+        names = ['keepContent', 'problemContent', 'tryContent'];
+        data = {};
+        $item.find('h1').each(function (i) {
+            if (names[i]) { data[names[i]] = getHTML(this); }
+        });
+        $table = $(kptTemplate(data));
+        $table.find('h1').css({
+            marginTop: '0',
+            marginBottom: '20px'
+        });
+        $table.find('td').css({
+            backgroundColor: 'white',
+            verticalAlign: 'top',
+            width: '50%'
+        });
+        $item.prepend($table);
+    });
+})(this);
+
+// vim: filetype=jst

data/src/js/lean_canvas.js

@@ -0,0 +1,59 @@
+/**
+ * @name lean_canvas.js
+ * @description Render LeanCanvas on Qiita:Team.
+ */
+
+(function (global) {
+    if (!global.Qiita.TeamTemplates) {
+        throw 'Qiita.TeamTemplates is required';
+    }
+
+    var ns = global.Qiita.TeamTemplates; // Namespace
+
+    if (ns.isRegistered('lean_canvas')) {
+        // LeanCanvas template has already been registered.
+        return;
+    }
+
+    var getHTML, leanCanvasTemplate;
+
+    getHTML = function (h1) {
+        var el, prev, html = '';
+        for (el = h1.nextElementSibling;
+            !/H1|SCRIPT/.test(el.tagName);
+            prev = el, el = el.nextElementSibling, $(prev).remove()) {
+            html += el.outerHTML;
+        }
+        $(h1).remove();
+        return html;
+    }
+
+    // src/jst/lean_canvas.jst
+    leanCanvasTemplate = <%= template %>;
+
+    ns.register('lean_canvas', function (selector) {
+        var $item, $table, names, data, template;
+
+        $item = $(selector);
+
+        names = ['problem', 'alternatives', 'segments', 'early_adopters', 'uvp', 'concept',
+            'solution', 'channels', 'revenue', 'cost', 'key_metrics', 'advantage'];
+        data = {};
+
+        $item.find('h1').each(function (i) {
+            if (names[i]) { data[names[i]] = getHTML(this); }
+        });
+
+        $table = $(leanCanvasTemplate(data));
+        $table.find('h4').css('margin-top', '0');
+        $table.find('td').css({
+            backgroundColor: 'white',
+            verticalAlign: 'top',
+            width: '20%'
+        });
+
+        $item.prepend($table);
+    });
+})(this);
+
+// vim: filetype=jst

data/src/js/problem_solution_canvas.js

@@ -0,0 +1,64 @@
+/**
+ * @name problem_solution_canvas.js
+ * @description Render ProblemSolutionCanvas on Qiita:Team.
+ */
+
+(function (global) {
+    if (!global.Qiita.TeamTemplates) {
+        throw 'Qiita.TeamTemplates is required';
+    }
+
+    var ns = global.Qiita.Team; // Namespace
+
+    if (ns.isRegistered('problem_solution_canvas')) {
+        // KPT template has already been registered.
+        return;
+    }
+
+    var getBoxHTML, pscTemplateP1, pscTemplateP2;
+
+    getBoxHTML = function (h2) {
+        var html = '';
+        for (el = h2.nextElementSibling; !_.include(['H1', 'H2', 'SCRIPT'], el.tagName); el = el.nextElementSibling) {
+            html += el.outerHTML;
+        }
+        return [html, el];
+    }
+
+    // src/jst/problem_solution_canvas_p1.jst
+    pscTemplateP1 = <%= templateP1 %>;
+
+    // src/jst/problem_solution_canvas_p2.jst
+    pscTemplateP2 = <%= templateP2 %>;
+
+    ns.register('problem_solution_canvas', function (solution) {
+        var $item = $(item_id);
+
+        var html = '';
+        _.each($item.find('h1'), function (h1, i) {
+            var htmlEl, page, h2;
+            page = { title: h1.innerText };
+            h2 = h1.nextElementSibling;
+            if (i === 0) {
+                htmlEl = getBoxHTML(h2);
+                page.currentStatus = htmlEl[0];
+                h2 = htmlEl[1];
+                htmlEl = getBoxHTML(h2);
+                page.learned = htmlEl[0];
+                h2 = htmlEl[1];
+                page.problems = getBoxHTML(h2)[0];
+                html += pscTemplateP1(page);
+            } else {
+                htmlEl = getBoxHTML(h2);
+                page.solutions = htmlEl[0];
+                h2 = htmlEl[1];
+                page.metrics = getBoxHTML(h2)[0];
+                html += pscTemplateP2(page);
+            }
+        });
+
+        $item.html(html);
+    });
+})(this);
+
+// vim: filetype=jst

data/src/jst/kpt.jst

@@ -0,0 +1,13 @@
+<table class='table table-bordered'>
+    <tr>
+        <td>
+            <h1>Keep</h1><%= keepContent %>
+        </td>
+        <td rowspan="2">
+            <h1>Try</h1><%= tryContent %>
+        </td>
+    </tr>
+    <tr>
+        <td><h1>Problem</h1><%= problemContent %></td>
+    </tr>
+</table>

data/src/jst/lean_canvas.jst

@@ -0,0 +1,26 @@
+<table class='table table-bordered'>
+    <tr>
+        <td rowspan="2" colspan="2">
+            <h4>Problem</h4><%= problem %>
+            <h5>Existing Alternatives</h5><%= alternatives %>
+        </td>
+        <td colspan="2"><h4>Solution</h4><%= solution %></td>
+        <td rowspan="2" colspan="2">
+            <h4>Unique Value Proposition</h4><%= uvp %>
+            <h5>High-Level Concept</h5><%= concept %>
+        </td>
+        <td colspan="2"><h4>Unfair Advantage</h4><%= advantage %></td>
+        <td rowspan="2" colspan="2">
+            <h4>Customer Segments</h4><%= segments %>
+            <h5>Early Adopters</h5><%= early_adopters %>
+        </td>
+    </tr>
+    <tr>
+        <td colspan="2"><h4>Key Metrics</h4><%= key_metrics %></td>
+        <td colspan="2"><h4>Channels</h4><%= channels %></td>
+    </tr>
+    <tr>
+        <td colspan="5"><h4>Cost Structure</h4><%= cost %></td>
+        <td colspan="5"><h4>Revenue Streams</h4><%= revenue %></td>
+    </tr>
+</table>

data/src/jst/problem_solution_canvas_p1.jst

@@ -0,0 +1,19 @@
+<h1><%= title %></h1>
+<table>
+    <tr>
+        <td class="currentStatus">
+            <h4>CURRENT STATUS</h4>
+            <%= currentStatus %>
+        </td>
+        <td class="leaned">
+            <h4>LAST WEEK'S LESSON LEARNED (AND ACCOMPLISHMENTS)</h4>
+            <%= learned %>
+        </td>
+    </tr>
+    <tr>
+        <td colspan="2">
+            <h4>TOP PROBLEMS</h4>
+            <%= problems %>
+        </td>
+    </tr>
+</table>

data/src/jst/problem_solution_canvas_p2.jst

@@ -0,0 +1,13 @@
+<h2><%= title %></h2>
+<table>
+    <tr>
+        <td class="solutions">
+            <h4>HYPOTHESIZED SOLUTIONS</h4>
+            <%= solutions %>
+        </td>
+        <td class="metrics">
+            <h4>METRICS / PROOF + GOALS</h4>
+            <%= metrics %>
+        </td>
+    </tr>
+</table>

data/vendor/assets/javascripts/qiita_team_templates.js

@@ -0,0 +1,68 @@
+/**
+ * @name qiita_team_templates.js
+ *
+ * Qiita.TeamTemplates is initialized as follows:
+ *
+ *   Qiita.TeamTemplates = {
+ *       // Registered functions.
+ *       _map: {},
+ *       // Queued selectors.
+ *       _queues: {},
+ *       // Whether the name has already been registered or not.
+ *       isRegistered = function (name) {
+ *           return name in this._map;
+ *       },
+ *       // Register the function as the name.
+ *       register: function (name, func) {
+ *           this._map[name] = func;
+ *       },
+ *       // Push the selector to a queue to render when corresponding
+ *       // template is registered.
+ *       render: function (name, selector) {
+ *           this._queues[name] || (this._queues[name] = []);
+ *           this._queues[name].push(selector);
+ *       }
+ *   }
+ */
+
+(function (global) {
+    'use strict';
+
+    // Namespace.
+    var ns = global.Qiita.TeamTemplates;
+
+    // Override
+    ns.register = function (name, func) {
+        ns._map[name] = func;
+        if (ns._queues[name]) {
+            // Render queued selectors.
+            ns.run(name);
+            // Clear queue.
+            ns._queues[name] = null;
+        }
+    };
+
+    // Override
+    ns.render = function (name, selector) {
+        if (ns.isRegistered(name)) {
+            ns._map[name](selector);
+        } else {
+            // If the named template has not been registered, push the selector to
+            // the corresponding queue.
+            ns._queues[name] || (ns._queues[name] = []);
+            ns._queues[name].push(selector);
+        }
+    };
+
+    ns.run = function (name) {
+        if (!ns._queues[name]) { return; }
+        for (var i = 0, l = ns._queues[name].length; i < l; i++) {
+            ns.render(name, ns._queues[name][i]);
+        }
+    };
+
+    // Run for preregisted templates.
+    for (var name in ns._map) if (ns._map.hasOwnProperty(name)) {
+        ns.run(name);
+    }
+})(this);

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: qiita-team-templates
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.1.1
 platform: ruby
 authors:
 - Yuku Takahashi
@@ -44,7 +44,33 @@ email:
 executables: []
 extensions: []
 extra_rdoc_files: []
-files: []
+files:
+- ".editorconfig"
+- ".gitignore"
+- Gemfile
+- Rakefile
+- dist/js/kpt.js
+- dist/js/lean_canvas.js
+- dist/js/problem_solution_canvas.js
+- dist/jst/kpt.js
+- dist/jst/lean_canvas.js
+- dist/jst/problem_solution_canvas_p1.js
+- dist/jst/problem_solution_canvas_p2.js
+- gulpfile.js
+- lib/qiita-team-templates.rb
+- lib/qiita/team/templates.rb
+- lib/qiita/team/templates/engine.rb
+- lib/qiita/team/templates/version.rb
+- package.json
+- qiita-team-templates.gemspec
+- src/js/kpt.js
+- src/js/lean_canvas.js
+- src/js/problem_solution_canvas.js
+- src/jst/kpt.jst
+- src/jst/lean_canvas.jst
+- src/jst/problem_solution_canvas_p1.jst
+- src/jst/problem_solution_canvas_p2.jst
+- vendor/assets/javascripts/qiita_team_templates.js
 homepage: https://github.com/increments/Qiita-Team-Templates
 licenses:
 - MIT