¶來自德國的 Alex 和 Nina 交流

一切都是因為這一次的交流活動
前一天晚上在台中的 monospace 隔天來台南的好想工作室。

有興趣的朋友可以找他們的 ninabreznik - codepen, npm - ninabreznik, Nina Breznik - github
(由於主要是用 nina 的電腦 demo 所以大多都找他的區多)

¶codepen 變 node.js 環境

在這兩天的活動中，他都有示範一個「如何用 codepen 測試 npm 套件的功能」
我想這對於後端也有莫大的吸引力。

而且，可以把 codepen 變成 node.js 的環境。
做好的 code 可以直接貼回 project 使用。

• unpkg
  這是一套可以直接將 npm 的套件當作 cdn 引用的套件。
  本身也是一個 cdn 套件。
• npm-require
  可以用 commonjs 的方式，將 npm 模組引用到 project。

這兩個套件，可以在 codepen 這樣使用^[1]
(程式碼引用自 Alex 在好想工作室活動的範例)

<script src="https://unpkg.com/npm-require"></script>

var usercard = require("goodideas-usercard");
var minixhr = require("minixhr");
var bel = require("bel");
var url = "https://jsonplaceholder.typicode.com/users";

minixhr(url, function(data) {
  var arr = JSON.parse(data);
  var elements = arr.map(user => usercard(user));
  document.body.appendChild(bel`
     <div class="user-gallery">
       ${elements}
     </div>
   `);
});

See the Pen vdOOBv by Nina (@ninabreznik) on CodePen.