ここの存在を完全に忘れてた。最近はこっちにblog書いてる
https://scrapbox.io/shokai
RSSもある
https://scrapbox.io/api/feed/shokai
前の記事で書いたsemiraraから色々あって最近はscrapboxを作っている。
近況 https://scrapbox.io/remote/コミュニケーションを減らそう
あとでfeedをredirectしておくか
最近のオススメポエムコンテンツはこのへん
Scrapboxの哲学 – 橋本商会 – Scrapbox
概要
WYSIWIGで画像やリンクも貼れるけど、編集ツールバーやボタンが無いエディタ
markdownより簡単なシンタックスで編集できる
Atomを参考にしてReactで実装した
Socket.IOと自作の同期システムでうまいこと同時編集できる
Gitを参考にsubversionみたいなものを実装した
現在、社内で運用してて、3ヶ月で900ページくらい作られている
上で触れているsemiraraとはまた別のwikiの話をする。こっちの方が色々すごい。React+jQueryは最高。
ちなみにYAPC1日目は抽選落ちしたので2日目のみの参加です
2つのJavaScriptのobjectの差分が取れる。JSONの差分が取れるCLIツールもついている。
https://www.npmjs.com/package/jsondiffpatch
let page = {
title: "ruby",
lines: [
{text: "プログラム言語", user: "shokai"},
{text: "http://ruby-lang.org", user: "shokai"},
{text: "111", user: "shokai"},
{text: "2222", user: "shokai"},
{text: "33333", user: "shokai"},
{text: "444444", user: "shokai"}
],
updatedAt: Date.now()
};
let page2 = {
title: "ruby",
lines: [
{text: "プログラミング言語", user: "shokai"},
{text: "テキスト処理に便利", user: "kazusuke"},
{text: "http://ruby-lang.org", user: "shokai"},
{text: "111", user: "shokai"},
{text: "2222", user: "shokai"},
{text: "33333", user: "shokai"}
],
updatedAt: Date.now() + 300000
};
import {assert} from "chai";
import * as JSONDiffPatch from "jsondiffpatch";
import md5 from "md5"
const jsondiffpatch = JSONDiffPatch.create({
// https://github.com/benjamine/jsondiffpatch/blob/master/docs/arrays.md
objectHash: (obj, index) => {
return md5(obj.text + obj.user);
}
});
// patch/unpatchが元データを破壊的に処理する為必要
function clone(obj){
return JSON.parse(JSON.stringify(obj));
}
let diff = jsondiffpatch.diff(page, page2);
console.log(JSON.stringify(diff, null, 2));
// patchあててもちゃんと同一になる
assert.deepEqual(jsondiffpatch.patch(clone(page), diff), page2);
// patchあててpatch戻す
assert.deepEqual(jsondiffpatch.unpatch(clone(page2), diff), page);
assert.deepEqual(
jsondiffpatch.unpatch(
jsondiffpatch.patch(clone(page), diff)
, diff)
, page);
{
"lines": {
"0": [
{
"text": "プログラミング言語",
"user": "shokai"
}
],
"1": [
{
"text": "テキスト処理に便利",
"user": "kazusuke"
}
],
"_t": "a",
"_0": [
{
"text": "プログラム言語",
"user": "shokai"
},
0,
0
],
"_5": [
{
"text": "444444",
"user": "shokai"
},
0,
0
]
},
"updatedAt": [
1457784139836,
1457784439836
]
}
koa 2.0.0-alpha.3
socket.io 1.4.5
app.listen(port)せずにapp.callback()すればhttp.Serverに渡せるハンドラが返ってくるとのことだったのでそのようにしたらできた。
import Koa from "koa";
const app = new Koa;
import convert from "koa-convert";
import koaStatic from "koa-static";
app.use(convert(koaStatic("./public")));
import {Server} from "http";
const server = Server(app.callback());
import SocketIO from "socket.io";
const io = SocketIO(server);
import pkg from "../../package.json";
app.name = pkg.name;
import logger from "koa-logger";
app.use(logger());
import router from "./route";
app.use(router.routes());
import Jade from "koa-jade";
new Jade({
app: app,
viewPath: "server/view",
debug: app.env !== "production",
noCache: app.env !== "production",
helperPath: [ ]
});
module.exports = {
app: app,
server: server
};
const server = require("./src/server").server;
const port = process.env.PORT || 3000;
server.listen(port);
nikezono君と山田くんが年末ぐらいに作ってた
