はてなブックマーク

以前社内向けに書いていた個人的メモをせっかくなので公開します。 昔ながらのJavaScriptなら分かるけど、暫くフロントエンドから離れてた人向けな記事です。 と言いつつ自分もまだ経験浅いので間違っていたら指摘お願いします。 モダンなフロントエンドフレームワークはES2015/2016+の記述が当たり前のように出てきます。 reactとかangular2とか触る前に新しい記法を頭に入れておきましょう。 そもそもECMAScript is 何って話はしないです。 文字読むのが面倒な人はこの辺をどうぞ。(解説動画) Learn ES6 (ECMAScript 2015) - Course by @johnlindquist @eggheadio ES2015 Crash Course ブラウザ対応状況 ブラウザの対応状況は以下のサイトで確認できます。 ECMAScript 6 compatib

import React, { Component } from 'react'; import { AppRegistry, StyleSheet, Text, View } from 'react-native'; class AwesomeProject extends Component { render() { return ( <View style={styles.container}> <Text style={styles.welcome}> Welcome to React Native! </Text> <Text style={styles.instructions}> To get started, edit index.ios.js </Text> <Text style={styles.instructions}> Press Cmd+R to reload,

この記事は アイスタイルアドベントカレンダー2016の11日目の記事です。 10月入社の@romiogakuが書きます。（@fagaiさんと順番かわりました） git不要のテキストdiffツールが欲しかったので、勉強がてらElectron+react+reduxで作ってみました。 できたもの Difftron 名前はDifftronにしました。 意外と◯◯tronという名前空間空いてるので早い者勝ちですよ！ gifアニメにあるようにQiitaのmarkdownはdiffフォーマットも対応してるんです。知ってました？ 利用ライブラリ diff diffのjavascript実装です。 diff2html diffからgithubのような差分表示HTMLを出力してくれます。 react-ace コードエディタAceのreact版です。 redux-saga 副作用を扱うためのライブラリです。