JavaScript filterの逆

javascript - Inverse of [].filter in JS? - Stack Overflow

function unfilter(array, callback) {
    return array.filter(function () {
        return !callback.apply(this, arguments);
    });
}

apply()・・・引数の配列を 1 つだけ受け取る Function.prototype.apply() - JavaScript | MDN

実験

var nums = [11, 21, 31];
var test = unfilter(nums, function(number) {
  return number > 20;
});

function unfilter(array, callback) {
  return array.filter(function() {
    console.log(arguments); // ここのログ
    return !callback.apply(this, arguments);
  });
}

console.log(test);

argumentsの中身。

{ '0': 31, '1': 2, '2': [ 11, 21, 31 ] }

React記事

togetter.com

Redux と React Context API - 適材適所のススメ - Qiita

https://github.com/jamiebuilds/unstated

JavaScript: Reduxが必要なとき/不要なとき（翻訳）

logmi.jp

takuya-1st.hatenablog.jp

リクルートのjson-serverみたいな

https://github.com/recruit-tech/agreed

Ionic React

・参考サイト ReactとIonicでアプリ開発ができる@ionic&#47reactを触ってみた - mottox2 blog

これ参考にした。

npm installをしておかないといけない

src/index.tsxをいじらしいが、参考サイトではJSとあるがTSX形式。

「src/index.jsにregisterIonicの記述を追加します。(0.0.5でメソッドが削除されました)」 とあるので以下のことは今はやったらダメっぽい。 ⬇︎のことはやらん

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import { registerIonic } from '@ionic/react';
// add
import * as serviceWorker from './serviceWorker';

// add
registerIonic()

ReactDOM.render(<App />, document.getElementById('root'));

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();

`src/App.tsx

import React, { Component } from 'react';
// add
import { IonApp, IonHeader, IonToolbar, IonTitle, IonContent, IonButton } from '@ionic/react';

import logo from './logo.svg';
import './App.css';

// add
import '@ionic/core/css/core.css';
import '@ionic/core/css/ionic.bundle.css';

class App extends Component {
  render() {
    return (
      <div id='app'>
        <IonApp>
          <IonContent>
            <IonHeader>
              <IonToolbar>
                <IonTitle>
                  IonicReactApp
                </IonTitle>
              </IonToolbar>
            </IonHeader>
            <img src={logo} className="App-logo" alt="logo" />
            <p>
              Edit <code>src/App.tsx</code> and save to reload.
            </p>
            <IonButton href="https://reactjs.org">Learn React</IonButton>
          </IonContent>
        </IonApp>
      </div>
    );
  }
}

export default App;

組み合わせPython

例えば3つ(A, B, C)の項目を組み合わせて「有り、無し」パターン作りたいとき

import itertools

A = ('0', '1')
B = ('0', '1')
C = ('0', '1')

res = list(itertools.product(A, B, C))

for x in res:
  print "{}\t{}\t{}".format(x[0],x[1],x[2])