Rokt33r

Use NPM

ElectronはNodeとほとんど差がないので、NPMで入れたパッケージも使える。 今回は簡単な画像編集ができるアプリを作ってみる。

1. 設置

npm init

Rokt33r

Electron x React x Webpack

0. Synopsis

今回は次のような問題を解決してみる。

1. ES6が使いたい
2. よりアプリらしく作りたい
3. 変更するとRefresh押すのが面倒いい

Rokt33r

SOURCE: http://htmlpurifier.org/live/smoketests/xssAttacks.php

Rokt33r

{
	"always_show_minimap_viewport": true,
	"binary_file_patterns":
	[
		"node_modules/*",
		"*.jpg",
		"*.jpeg",
		"*.png",
		"*.gif",
		"*.ttf",

Rokt33r

tset

Rokt33r

var crypto = require('crypto')
function keygen () {
    return crypto.randomBytes(6).toString('hex')
}
var _ = require('lodash')
var arr = []
for (var i = 0; i < 1000; i++) {
  arr.push({
    key: keygen(),
    index: i

Rokt33r

'use strict'
const got = require('got')
const fs = require('fs')
const path = require('path')

let beta = fs.readFileSync(path.join(__dirname, 'beta.json'))
beta = JSON.parse(beta)

let data = []
for (let key in beta) {

Rokt33r

{
  "type": "root",
  "children": [
    {
      "type": "paragraph",
      "children": [
        {
          "type": "text",
          "value": "Inline math! ",
          "position": {

Rokt33r

/* Temporary fix for \frac and subscript */
.katex .frac-line {
  top: 0.85em;
  position: relative;
}
.katex .reset-textstyle.scriptstyle {
  top: 0.4em;
  position: relative;
}

Rokt33r

import React from 'react'
import CommentList from './CommentList'
import api from '../../lib/api'
import { bindActionCreators } from 'redux'
import TechReactor from '../shared/TechReactor'

const statusPrefix = 'IssueCommentContainer'

// Action types
const REQUEST_COMMENT_CREATE = `${statusPrefix}/REQUEST_COMMENT_CREATE`