Bugle Diary

創業物語と言っても、大半の部分は、現状行っている取り組みの解説が大部分を占めていた。

Airbnbってどういうサービスなのか知らない人にはいいかもしれない。

日本で全く同じサービスを仮に展開していたらソッコーでつぶされていただろうなーっと思った。
なぜなら国家権力が強いからね。

今年、民泊も制限つきだけど解禁になるので、今後の動きが見逃せない。

[JavaScript][ES2015]classがサポートされていた

2017-06-29T23:30:00.000+09:00

Babelの仕様を見ていたらどうやらES2015ではclassをサポートしているようだ。

class hoge{
  foo(){

  }
}

やっとサポートかぁ～。

[JavaScript][ES2015]アロー関数がサポートされていた

2017-06-28T23:30:00.000+09:00

Babelの仕様を見ていたらどうやらES2015ではアロー関数をサポートしているようだ。

var hoge = () => {};

まぁ～この辺はtypescriptと一緒だね。

[babel][node][npm][JavaScript][react][webpack]reactでhello world

2017-06-27T23:30:00.000+09:00

babelを使ってreactをコンパイルして、最終的な出力はwebpackにしたい。

今までの知識を総動員して下記の手順を踏んだらできた。

package.jsonを用意する。

{
  "description": "react test",
  "repository": {},
  "license": "MIT",
}

babelのインストール。

npm install -g babel-cli
npm install --save-dev babel-preset-react
npm install --save-dev babel-preset-es2015

package.jsonを修正。

{
  "description": "react test",
  "repository": {},
  "license": "MIT",
  "dependencies": {
    "babel-cli": "^6.24.1",
    "react": "^15.6.1",
    "react-dom": "^15.6.1"
  },
  "devDependencies": {
    "babel-preset-es2015": "^6.24.1",
    "babel-preset-react": "^6.24.1"
  },
  "babel": {
    "presets": [
      "react",
      "es2015"
    ]
  }
}

念のためjQueryをインストール。

npm install --save jquery

完了後、reactとreact-domをインストール。

npm install --save react

npm install --save react-dom

jsファイルで実装を行う。

import React from 'react';
import ReactDOM from 'react-dom';

jQuery(function($){

  ReactDOM.render(
    Hello, world!,
    document.getElementById('root')
  );
})

webpack.config.jsを準備する。

const webpack = require('webpack');

module.exports = {
  entry: './_build/app.1.0.0.js',
  output:{
    path:'./_dist/',
    filename:'app.1.0.0.js',
  },
  plugins: [
    new webpack.ProvidePlugin({
      $: 'jquery',
      jQuery: 'jquery',
      jquery: 'jquery'
    }),
    new webpack.DefinePlugin({
      'process.env': {
        NODE_ENV: JSON.stringify('production')
      }
    }),
    new webpack.optimize.UglifyJsPlugin({
      compress: {
        warnings: false,
      }
    })
  ]
}

babelコマンドでコンパイル。

babel _scr/app.1.0.0.js -o _build/app.1.0.0.js -w

webpackを実行。

webpack --watch

すると見事に表示されました。

Bugle Diary

blog引越ししました

[本]#GIRLBOSS(ガールボス) 万引きやゴミあさりをしていたギャルがたった8年で100億円企業を作り上げた話

[本]SHOE DOG(シュードッグ)

[本]スーパー・ポジティヴ・シンキング ~日本一嫌われている芸能人が毎日笑顔でいる理由~ (ヨシモトブックス)

[本]マジ文章書けないんだけど ~朝日新聞ベテラン校閲記者が教える一生モノの文章術

[本]どん底からの成功法則 (サンマーク文庫)

[本]その恋はビジネス的にアウト

[本]日本型リーダーはなぜ失敗するのか (文春新書)

[本]なぜ、勉強しても出世できないのか? いま求められる「脱スキル」の仕事術 (SB新書)

[本]嫉妬と自己愛 - 「負の感情」を制した者だけが生き残れる (中公新書ラクレ)

[本]あの会社はこうして潰れた (日経プレミアシリーズ)

[本]誰がアパレルを殺すのか

[本]USJのジェットコースターはなぜ後ろ向きに走ったのか? (角川文庫)

第7話 今さら聞けないラグランとは何ですか？

第6話 今さら聞けないセットインとは何ですか？

第5話 今さら聞けない喪服と普通の黒のスーツの違いとは何ですか？

LINE Mobileにキャリア変更しました。

[本]99%の会社はいらない (ベスト新書)

[iOS]iphone 6s 32GB購入

[iOS]ELECOM iPhone6S iPhone6 ZEROSHOCK ケース レッド PM-A15ZERORD

第4話 今さら聞けないカットソーとは何ですか？

[本]Airbnb Story 大胆なアイデアを生み、困難を乗り越え、超人気サービスをつくる方法

[JavaScript][ES2015]classがサポートされていた

[JavaScript][ES2015]アロー関数がサポートされていた

[babel][node][npm][JavaScript][react][webpack]reactでhello world

Hello, world!

第7話今さら聞けないラグランとは何ですか？

第6話　今さら聞けないセットインとは何ですか？

第5話　今さら聞けない喪服と普通の黒のスーツの違いとは何ですか？

[iOS]ELECOM iPhone6S iPhone6 ZEROSHOCK ケースレッド PM-A15ZERORD

第4話　今さら聞けないカットソーとは何ですか？