Rokt33r

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

Rokt33r

[
  "1C Enterprise",
  "ABAP",
  "ABNF",
  "AGS Script",
  "AMPL",
  "ANTLR",
  "API Blueprint",
  "APL",
  "ASN.1",

Rokt33r

Use NPM

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

1. 設置

npm init

Rokt33r

Get Nth
Native Object(10)             :     22670660.07 +/- 2.14% op/s
Native Map(10)                :     22534378.75 +/- 0.93% op/s
Hashtrie(10)                  :     13052298.01 +/- 0.99% op/s
Hamt(10)                      :     13362491.37 +/- 0.78% op/s
Hamt+(10)                     :     13020559.46 +/- 0.73% op/s
Mori(10)                      :      9405100.99 +/- 2.80% op/s
Immutable(10)                 :     12250139.06 +/- 2.92% op/s
Native Object(100)            :     31386478.91 +/- 1.57% op/s
Native Map(100)               :     17021320.51 +/- 1.36% op/s

Rokt33r

import {
  createSaga
} from '../lib'
import {
  createStore,
  applyMiddleware,
} from 'redux'
import {
  PureAction,
  createActionCreator,

Rokt33r

app.filter('propsFilter', function() {
  return function(items, props) {
    var out = [];

    if (angular.isArray(items)) {
      items.forEach(function(item) {
        var itemMatches = false;

        var keys = Object.keys(props);
        for (var i = 0; i < keys.length; i++) {

Rokt33r

Electron x React x Webpack

0. Synopsis

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

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

Rokt33r

import React from 'react'
import styled from 'styled-components'
import {
  Switch,
  Route,
  Redirect
} from 'react-router-dom'
import RepoListPage from './pages/repos/list/ReposListPage'
import ReposNewPage from './pages/repos/new/ReposNewPage'
import PreferencesPage from './pages/preferences/PreferencesPage.js'

Rokt33r

const fs = require('fs')
const path = require('path')

const moduleMap = [
  'base'
]

function link (modulePath) {
  const sourcePath = path.join(__dirname, '..', modulePath)
  const targetPath = path.join(__dirname, '../node_modules', modulePath)

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`