jkanbanのデモ

こちらのexampleを動かしてみる

イメージ

準備するもの

• https://github.com/riktar/jkanban/raw/master/example/index.html

設定

jsやcssをホストしているjsdelivrを使わせていただく。

$ diff -u aa.txt index.html demo.html
--- index.html
+++ demo.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />

     <title>Title</title>
-    <link rel="stylesheet" href="../dist/jkanban.min.css" />
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/jkanban@1.3.1/dist/jkanban.min.css" />
     <link
       href="https://fonts.googleapis.com/css?family=Lato"
       rel="stylesheet"
@@ -64,7 +64,7 @@
     <br />
     <button id="removeElement">Remove "My Task Test"</button>

-    <script src="../dist/jkanban.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/jkanban@1.3.1/dist/jkanban.min.js"></script>
     <script>
       var KanbanTest = new jKanban({
         element: "#myKanban",