ES6でのimportの波括弧がいるかいらないか

React + Redux での import の波括弧(中括弧)は

// samplea.js
const SampleA = () => {
  // ...
}
export default SampleA

のように default を付けたときは

import SampleA from 'samplea.js'

と波括弧がいらなくて

//sampleb.js
const SampleB = () => {
  // ...
}
export SampleB

とdefaultを付けてないときは

import { SampleB }  from 'sampleb.js'

と波括弧がいるようです

参照)
import - JavaScript | MDN

webpack-dev-serverをlocalhost以外で使う

webpack-dev-serverをlocalhost以外で使いたかったのでやってみました
Dockerでの開発してるんで、localhostしばりは困った次第です

DevServer
を見ると

webpack-dev-server --host 0.0.0.0

としてあげれば良さそう
起動してみたら

Invalid Host header

とだけ画面に出てくる..

調べたら
--host 0.0.0.0 Not working · Issue #882 · webpack/webpack-dev-server
あたりで

webpack-dev-server --host 0.0.0.0
もつけないとだめらしく

webpack-dev-server --host 0.0.0.0 --disable-host-check

としてあげたら、うまくいきました
これで開発進められそうです

Jsonの値を変数に入ったキーでとってみる

Jsonの値を変数に入ったキーでとってみました

たとえば

var sample = {
  "one": {
    "id": "123",
    "value": "aaa"
  },
  "two": {
    "id": "456",
    "value": "bbb"
  }
}

といったjsonがあるとき

sample.one
// もしくは
sample["one"]

で値が取れます
変数にキーを保存しておいてアクセスしたいときは

var key = "one";
sample[key]
// sample.key はだめ

で取れます

javascriptで新しくウィンドウを開いて操作する

javascriptでウィンドウを開いて操作してみたかったので試してみました
openして値をとって、書き出してみます

child.htmlを用意しておいて、
call_child()で、新しいウィンドウをオープン、
get_child_title()だと、h1の下にpタグで、child.htmlのh1タグのテキストを追記するようになります

  <script type="text/javascript">
    var child_window;
    function call_child() {
      child_window = window.open('child.html', 'child', 'width=400, height=300, menubar=no, toolbar=no, scrollbars=no');
    }
    function get_child_title() {
      var h1 = child_window.document.getElementById('title');
      var this_h1 = document.getElementById('title');
      this_h1.insertAdjacentHTML('afterend', '<p>'+h1.textContent+'</p>')
    }
  </script>

Firefoxで試しました
Chromeだと、クロスオリジンとかって怒れられて動きません