Nagoya.swift+勉強会に参加して、もくもく勉強しました。 nagoyaswiftplus.connpass.com
「Node.jsとReactアプリケーション開発テクニック」という本の1~2章を読みました。 www.socym.co.jp
学んだこと
- npmの使い方
- babelの使い方(トランスパイラ)
- ReactのHello World
- JavaScript Standard Code Style
JavaScript
console.log
には複数の引数を渡せる。
console.log("a=" + a); //1個の引数(プラス演算子で結合) console.log("a=" , a); //複数の引数
console.info
やconsole.table
など、console
オブジェクトに便利な関数があることを知らなかった。。。
Visual Studio Code
入力補完が素晴らしい。関数の呼び出しを先に書いて、後から関数を作るときでも、関数名の補完が出る(jsファイルで確認)。
ESLintを導入してみた。質問形式で設定ファイルを作成してくれるのが便利。
>eslint --init ? How would you like to configure ESLint? Answer questions about your style ? Are you using ECMAScript 6 features? Yes ? Are you using ES6 modules? Yes ? Where will your code run? Browser, Node ? Do you use CommonJS? No ? Do you use JSX? Yes ? Do you use React? Yes ? What style of indentation do you use? Spaces ? What quotes do you use for strings? Double ? What line endings do you use? Windows ? Do you require semicolons? Yes ? What format do you want your config file to be in? JSON
「JavaScript Standard Code Style」では、末尾のセミコロンは書かない。「Google JavaScript Style Guide」や、今まで読んできたJavaScript本では、「セミコロンを付けるべき」と書かれていたので、このルールは意外だった。 JavaScript Standard Style を試す – アカベコマイリ Google JavaScript Style Guide 和訳 — Google JavaScript Style Guide 和訳
Zen-Mode:エディタ部分だけの集中できるモード。「Zen(禅)」という名前がイイ! “禅モード”でコーディングに集中できる「Visual Studio Code」v1.8が公開 - 窓の杜
babel.js
- babel.jsでべき乗を表す
**
が変換されなかった。babel-plugin-transform-exponentiation-operator
というプラグインをインストールしたら、**
がMath.pow
に変換された。 Exponentiation operator transform · Babel
覚えた用語、教えてもらった用語
- Big Query
- Cloud Data Flow,
- Tableau
- ISCライセンス:ゆるい寛容なライセンス。さまざまなライセンスとそれらについての解説 - GNUプロジェクト - フリーソフトウェアファウンデーション
疑問点
- Eclipseでnode.js, npmを使う方法
- Visual Studio Codeで、エディタとターミナルを、ショートカットキーで切り替える方法は?
⇒ 統合ターミナルウィンドウへフォーカスするショートカットキーを設定する - Qiita - IE11はES5に99%対応している。対応してないのは「Enumerable properties can be shadowed by non-enumerables」という項目のみ。これはどういう意味? babel.jsで変換したときに、気を付ける必要はある?
ECMAScript 5 compatibility table - ES5 Firefox24の状況は?
⇒ [ECMAScript 6 compatibility table:title]に「Current browser」列があるので、Firefox24で閲覧すれば分かる。
本の感想
- サンプルコードについて。末尾のセミコロンの有無が統一されていなくて、気になった。