Skip to content

Instantly share code, notes, and snippets.

View aloerina01's full-sized avatar
🐾
にゃ〜ん

あろえ aloerina01

🐾
にゃ〜ん
View GitHub Profile
@aloerina01
aloerina01 / list-view.js
Created June 28, 2016 12:54
【成功例】exports/requireの使い方
'use strict';
module.exports = class ListView { // 変更したのはココ!
constructor() {
this.list = [];
};
add(item) {
this.list.push(item);
return this;
@aloerina01
aloerina01 / .babelrc
Created September 13, 2016 14:38
babelの設定ファイル
{
"presets": ["es2015"]
}
@aloerina01
aloerina01 / gulpfile.js
Created September 13, 2016 14:39
gulp + browserify + vinyl-source-stream
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
aloerina01 / gulpfile.js
Created September 13, 2016 14:40
gulp + browserify + vinyl-transform
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
aloerina01 / .bashrc
Last active September 16, 2016 10:48
Gitを快適に使うターミナルの設定
# 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
aloerina01 / 全部.command
Created September 21, 2016 01:23
siriに全部やらせる
#!/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
aloerina01 / index.html
Last active October 3, 2016 09:52
スクロールインイベントを一度だけキャッチする
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="./main.css" />
</head>
<body>
@aloerina01
aloerina01 / Concurrent-fetch.js
Last active October 6, 2016 07:17
キャッシュから取得/サーバから取得 を楽に書く方法
export default class RequestService {
getAsync(groupId) {
return new Promise.race([
this._getFromCache(groupId),
this._getFromServer(groupId)
]);
}
_getFromCache(groupId) {
return new Promise((resolve, reject) => {/* (A) */})
@aloerina01
aloerina01 / sample.html
Last active October 14, 2016 10:42
document.writeを含むライブラリの動的読込+同期実行
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script>
(function() {
if (!conditions) { // 条件は省略
return;
}
@aloerina01
aloerina01 / gulpfile.js
Last active October 23, 2016 15:30
ビルド環境雛形
var gulp = require('gulp');
var del = require('del');
var webpack = require('gulp-webpack');
var eslint = require('gulp-eslint');
var plumber = require('gulp-plumber');
var notify = require('gulp-notify');
var webpackConfig = require('./webpack.config.js');
gulp.task('clean', function() {
return del.sync(['dist']);