es6

1/53ページ

[React Native入門完全版]「いきなりデート」のアプリをReact Nativeで開発した知見をまとめます。

この記事で説明する事 React Native採用に係る意思決定の話 atom + eslint + flowによるIDE風開発環境 line by lineによるプロジェクト作成方法とリリース方法 デバッグ方法やtips集、補助ツールの使い方 React Nativeとは Facebookがオープソースとして開発するReact.jsの思想の一つである「Learn once, Write ever […]

RailsにReactとES6とMaterial-UIを導入する手順(sprockets-commoner gemを使って)

背景 普段Railsでreactを書く時はreact-rails gemを導入した環境で書いている。構築が簡単なのでreactを素で書くためであれば、これで十分と思っていた。 しかし、パッケージのキャッチアップが遅れがちになるのが欠点。さらに、rails単体でnpmで多数配布されている先進的なパッケージの恩恵にあずかれない。(表題にあるMaterial-UIを使いたい!) react-railsに […]

CodePen最初の一歩 〜みんなどうやってVueとかES6とかTypescriptとか使ってるの?〜

まえがき 最近Qiitaにも貼れるようになり、ますます良く見かけるようになったCodePen。 自分でも小さなVueアプリのサンプル書いてみるかーと踏み出し、2歩目でコケてタイトルの疑問。 程なく解決しましたが、同じところで躓いた人のために念の為共有です。 (こんな初歩で躓く人が他にいるのかは分かりませんが) Codeペンの使い方 初歩の初歩 1. 作る! Penを作成するためにアカウント作ったあ […]

クロスプラットフォーム(Win、Mac)で使えるECMAScript開発環境

以前投稿したシンプルだけどシッカリ働く最新のECMAScript開発環境ではクロスプラットフォームなnodeモジュールをいくつか使わせてもらいながらも、Windows環境では動かない構成になっていました。 素晴らしいモジュールたちをしっかり活かすべくWindows対応を行い、その際必要だった対応をまとめます。 対応前のpackage.json package.json { "private": t […]

JavaScriptが辿った変遷

はじめに CommonJS、ES6、Node.js、Webpack、Browserify…etc JSの勉強してると、登場する単語が多すぎて、どうも全体像つかめません。 そして勉強していくにつれて、「これ前提知らないと分からないっしょ…」みたいなことが多数出てきたので、その前提を色々とまとめてみることにしました。 (わかりやすさ優先で書いています。もし不備等ございましたらコ […]

ES2015(ES6)なブラウザゲームをつくる: 仕様の確認と設計、基本パーツのHTMLとCSS

このページについて コンパイルしないES2015(ES6)なブラウザゲームを作ります。ES2015(ES6)を触り始めたとか、これから触ってみたいとか、HTML/CSS/JSがなんとなくわかるとかいう方向けに、コマンドとか難しいものを使わずに、Chromeで動くコンパイル不要なES2015ゲームを作ろうというのをコンセプトに掲げて数回にわけて連載しているチュートリアル記事です。 目次 phase0 […]

webpack入門

webpack入門 最近、webpackというものが巷で流行っているとのことで自分も使ってみた。 webpackの基本的な使い方と使ってみての個人的な考察について書いていきたい。 間違っているところがあればご指摘お願いします。 webpackとは webpackとはnode_moduleの一種。 基本的にjavascriptの複数あるファイルを一つにまとめるためのもの。 一つにまとめる過程でes6 […]

Preactをはじめる

はじめる この記事は preact の動作するプロジェクトの初期状態を組み立てるところまでです。preactならびに React に関するプログラミングの知見は一つも含まれません。ご注意下さい。 preactはサイズ軽量な React.js 「ぽい」ライブラリです。公式でも「Reactの再実装ではない」とうたわれていますが、まず同等の書き味が楽しめます。(JSXによるものが大きい気もする) プロジ […]

Babelとwebpackを使ってES6でReactを動かすまでのチュートリアル

ES6(ES2015)でReactのコードを書こうと思い、現時点で最も良さそうな環境を構築してみました。 モジュールの依存関係解決には多機能かつ設定が簡単なwebpack(v4.5.0)を使用しています。 ES6->ES5のトランスパイラはbabelです。 npmが使えることが前提です。 開発環境の確認 node.jsとnpmのバージョンは以下を想定しています。異なる場合はうまくいかないかも […]

1 53