mizchi

明日の下書き

---

これはなに

• 高円寺.dev #3 用の資料 https://koenji.connpass.com/event/160886/
• フロントエンド専門じゃない人向けの、フロントエンドの最先端〜やや未来の話です
• このレイヤーでは Node.js を使うべき/使うと強いという部分がありますが、他言語を否定しているわけではありません。むしろ他言語でこのアーキテクチャを模倣してほしいという話です。

shibukawa

var fs = require("fs");
var path = require("path");
var app = require("app");
var dialog = require('dialog');
var BrowserWindow = require('browser-window');
var ipc = require("ipc");

function ApplicationContext(title, defaultRoute, filter) {
    this.title = title;
    this.filter = filter;

azu

Incremental DOM

Introducing Incremental DOM — Google Developers — Medium

Reactやvirtual-dom、Glimmer(Ember)などVirtual DOMの実装は色々あるが、これらのVirtual DOM実装には2つの問題がある

• 既存のテンプレート言語を利用していない(しにくい)
• モバイルでのパフォーマンス、特にメモリに関しては大きすぎる

これらを解決するためにIncremental DOMと言うものを作っている(WIP)

koba04

node_modules/

sonots

Fluentd ソースコード完全解説

英題：Fluentd Hacking Guide

目次

30分しかないため斜線部分は今回省く

• Fluentd の起動シーケンスとプラグインの読み込み
• Fluentd の設定ファイルのパース
• Input Plugin から Output Plugin にデータが渡る流れ

mizchi

Atomコードリーディングメモ

ビルド方法

script/build

起動したらsrc/window-bootstrap.coffeeが起動時間のログを出してるので、そいつをgrepすると/src/broweser/atom-application.coffee が引っかかる。

src/broweser/atom-application.coffee は、 src/browser/main.coffee に呼ばれている

hayes

var sio = require('socket.io');
var fn = function () {};
var http = require('http');


module.exports = function (compound) {
    var app = compound.app;
    var server = http.createServer(app);
    compound.server = server;
    var io = compound.io = sio.listen(server);

zhengjia

=Navigating=
    visit('/projects')
    visit(post_comments_path(post))

=Clicking links and buttons=
    click_link('id-of-link')
    click_link('Link Text')
    click_button('Save')
    click('Link Text') # Click either a link or a button
    click('Button Value')