babel

1/28ページ

kintone プラグイン開発の環境構築 (Windows)

はじめに 既に kintone カスタマイズの開発環境について先進的な内容の記事を見かけますが、ここではフロントエンド開発の経験があまりない私の kintone のプラグインの開発環境の構築手順と設定内容などについて書いていきます。 要件 プラグインの作成にあたり、以下の要件がありました。 Windowsで開発 git 管理 共通処理をモジュール化して他のプラグインでも使用する es6 ベースでコ […]

cordova+webpack構築メモ

はじめに androidアプリを開発するのにCordovaを利用していて、webpackを組み合わせて構築するときのメモです。Windows10環境で構築しました。コードの構文チェックにESLint,パッケージ管理にnpm,バージョン管理にgitを利用します。 事前準備 下記をあらかじめインストールしておきます。 android-sdk git npm cordova eslint-cli プロジ […]

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

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

Node.js + React.js + Babel + Webpack 環境構築

React.js環境構築難しくない? はい今回は、React.jsをNode.jsで 動かすための環境構築をしていきたいと思います。   やってきた感想正直言いますとなめてました 極力テンプレにできるような形で環境構築を行なったので、 備忘録+みなさんが苦労しなくてもいいように書きます。 それと、色々とここ最近仕様が変わってるみたい?で https://qiita.com/yuki_nagaham […]

Vue + TypeScript + Babel + Bulma + webpackで作るSPAでレスポンシブなフロント開発2(開発ツール編)

リンク 開発環境構築編 開発ツール編 JavaScript Framework編 CSS Framework編 ビルド編 前回は サンプルソースを落として開発環境を構築、起動までを確認しました。 今回は開発環境で使う開発ツールのパッケージマネージャ(npm) タスクランナー(gulp) モジュール管理(webpack)の説明をします。 ソースはこちら github パッケージマネージャ npm ち […]

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

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

Vue + TypeScript + Babel + Bulma + webpackで作るSPAでレスポンシブなフロント開発3(JavaScript Framework編)

リンク 開発環境構築編 開発ツール編 JavaScript Framework編 CSS Framework編 ビルド編 前回は開発ツール周りを説明しました。 今回からは実際の実装部分についてです。 最初はJavaScript Frameworkについて説明します。 github JavaScript FrameworkはVue.jsを使います。 Vue.jsはReact.jsにかなり似ています。 […]

JavaScript における XSS 対策

目的 JavaScript 製のソフトウェアに対する汎用的な XSS 対策に関して調査・実装を行う。 動機、材料 12/05 に「俺的MarkdownにおけるXSS」という記事が出ていた。Example がよくまとまっていて、試しに JavaScript で作られている OSS、crowi-plus に入れてみると 動くわ動くわ。 成果物 https://github.com/weseek/cro […]

pugで書くRiotの開発環境メモ

はじめに Riotが動くことが目的なので,それ以外の設定は手抜きです. 特にスタイルなんてほぼ書いていないので,そこら辺は個人の好みでカスタマイズしてください. Riotのバージョンは3.7.3(新しめなはず) ソース https://github.com/pvcresin/testRiot git cloneしたらyarnしてyarn watchしてください. live-serverが起動するの […]

1 28