og24715

render() {
  return (
    {React.Children.map(
      this.props.children,
      (child, index) => {
        switch (typeof child) {
          case 'string':
            return child

          case 'object':

og24715

chromeExtension のポップアップを React で作る

これ見ながらやってみる

How to build a Chrome Extension with React JS – Code == Life

問題

popup/index.html のように階層を掘ると 正しく表示されない

og24715

React Native おぼえがき

Could not find com.android.tools.build:gradle:3.0.1.

buildToolsVersion を 26.x.x へバージョンアップしたら出た。

* What went wrong:
A problem occurred configuring root project 'ypkit'.
> Could not resolve all files for configuration ':classpath'.

og24715

hex string -> buffer

const hexString = '00AA55FF';
const buffer = Buffer.from(hexString, 'hex'); // <Buffer 00 aa 55 ff>

const firstByte = buffer.slice(1, 3) // <Buffer aa 55>

buffer -> hex string

og24715

Setting up Babel and nodemon

Inital set-up

Set up project:

mkdir project
cd project
yarn init -y

og24715

og24715/ABRepeatForYouTube を作るに当たり create-react-app を使わずに React アプリ作るのどうやったっけ、なったので Webpack を使った最小構成をちまちま書く。

$ yarn add react react-dom
$ yarn add -D babel @babel/core @babel/preset-env @babel/preset-react @babel/preset-stage-0 babel-loader webpack webpack-command

const path = require('path');

og24715

{
  "item_type":"0",
  "item_id":"1461952399",
  "description":"",
  "item_data":{
    "video_id":"sm28739739",
    "title":"【第16回MMD杯Ex】バトル・オブ・紅魔館Ⅱ前編",
    "thumbnail_url":"http://tn.smilevideo.jp/smile?i=28739739",
    "first_retrieve":1461953251,
    "update_time":1521939540,

og24715

~$f10::
  While GetKeyState("f10", "P"){
    Send {a}
    Send {d}
    Sleep 0.01  ;milliseconds
  }
  
  return

f12::

og24715

const newList = [1, 2, 3, 4, 5]
const list = [4, 5, 6, 7, 8]
const endIndex = newList.findIndex(item => item === list[0]) // -> 3

const diff = newList.slice(0, endIndex === -1 ? undefined : endIndex)

console.log([...diff, ...list]) // -> [1, 2, 3, 4, 5, 6, 7, 8]

og24715

import React from 'react';
import { Provider, connect } from 'react-redux';
import { reduxifyNavigator } from 'react-navigation-redux-helpers';

import pageNation from './pageNation';
import { configureStore } from './Store';

const store = configureStore();
const mapStateToProps = (state) => ({
  state: state.nav,