aloerina01

#!/bin/bash

# How to use
# You may have to give permission first time only.
# $ chmod u+x 全部.command

# open editor (e.g., atom)
cd ~/Applications/
atom

aloerina01

# git settings
source /usr/local/etc/bash_completion.d/git-prompt.sh
source /usr/local/git/contrib/completion/git-completion.bash
GIT_PS1_SHOWDIRTYSTATE=true
export PS1='\[\033[32m\]\u@\h\[\033[00m\]:\[\033[34m\]\w\[\033[31m\]$(__git_ps1)\[\033[00m\]\$ '

aloerina01

var gulp = require('gulp');
var browserify = require('browserify');
var babelify = require('babelify');
var transform = require('vinyl-transform');

gulp.task('browserify', function() {
    gulp.src('./app.js')
        .pipe(transform(function(filename){
            return browserify(filename, {debug: true})
                .transform(babelify)

aloerina01

var gulp = require('gulp');
var browserify = require('browserify');
var babelify = require('babelify');
var source = require('vinyl-source-stream');

gulp.task('browserify', function(){
	browserify('./app.js', { debug: true })
    	.transform(babelify)  // ←ココ！！
    	.bundle()
    	.pipe(source('bundle.js'))

aloerina01

{
  "presets": ["es2015"]
}

aloerina01

'use strict';

module.exports = class ListView {  // 変更したのはココ！
  constructor() {
    this.list = [];
  };

  add(item) {
    this.list.push(item);
    return this;

aloerina01

'use strict';

class ListView {
  constructor() {
    this.list = [];
  };

  add(item) {
    this.list.push(item);
    return this;

aloerina01

var gulp = require('gulp');                      // インストールしたgulpを呼び出す
var imagemin = require('gulp-imagemin');         // インストールした画像圧縮タスクを呼び出す

gulp.task('imageminTask', function() {           // 「imageminTask」と名付けてタスクを登録する
    gulp.src('images/*.png')                     // imagesフォルダ以下のpng画像を取得する
        .pipe(imagemin())                        // 画像の圧縮処理タスクを実行する
        .pipe(gulp.dest('minified_images/'));    // minified_imagesフォルダ以下に保存する
});

aloerina01

<mail-form>
  <mail-to placeholder="宛先"></mail-to>
  <mail-cc placeholder="CC"></mail-cc>
  <mail-bcc placeholder="BCC"></mail-bcc>
  <mail-text></mail-text>
</mail-form>

aloerina01

.contents-top {
  margin: 16px;
}
.contents-bottom {
  margin: 8px;
}