えってぃーめも

ブログにするほどじゃないけどついったー程じゃなくてなそれら！

[ettymemo]

Sassした。

入社してから、フロント周りをたくさん書いてきたけど、css以外のものに直面したことがあまりなかったんです。 Sassはもちろん、stylusなんてもってのほか。(研修でやったような...) どんな機能があるかもよくわからないし、.sassと.scssってなにが違うのって感じでした。

一通りSassのサイトを見る。本当は色々まとめようと思ったけど、思ったよりわかりやすかったので、改めて書く程じゃなさそうです。 @importと@mixinなどやっとわかったので、大丈夫そう。 ただ頭を使ったやり方となると、ちょっと考えなきゃ行けないかな。

これまで仕事レベルで言うと、compornentsベースのhelperでごにょごにょする式のcssしか書いた事ないので、helper無しでいきれるのか...と不安になっていたりしますが、頑張ろうと思います。

[ettymemo]

しばらく勉強します。(復習も兼ねる)

ちょっと状況が変わるらしく、技術周りもガラッと変わりそうなので、改めて勉強したりします。(復習的な話もいっぱいあります。)

**予定は未定だけどやりたい**

1週目: html/css 特にSassやりたい。なんだかんだずっとCSSだったので、あまり馴染みがない。「もはやCSSでいいっしょ~~~」と言ってたもののとうとう直面してしまった。食わず嫌い克服大作戦である。 

2週目: Angular ずっとBackbone最高！な人生を送っていたので、さくっと触ったことがある位。「Angularはやらないかな~~~」と散々言っていたもののとうとう直面してしまった。食わず嫌い克服大作戦~part2~である。

3週目: node 研修で2週間くらいやったものの感想としては「や〜大分vim使えるようになったわ〜」だったので不安しかない。expressの思い出しかない。当時は今フロントを書いているのか、バックエンドを書いているのかよく迷子になった。そう、私は方向音痴なのです。 何で今更それやるの〜〜〜〜〜〜wwwww

みたいなのは有るかもしれませんが。思い起こせば、これまでも散々遅れて勉強してきたので、そういうタイプの人間なのかもしれません。 来月には ＿人人人人人人人人人人＿ ＞　Angular最高！！！　＜ ￣Y^Y^Y^Y^Y^Y^Y^Y^Y￣ って言ってますように。

[ettymemo]

勉強会進捗です。

(1年とは恐ろしい...)

1年目のお正月に、作ろうとして挫折した音楽Playerがまさかの2h強で出来ました。ちょっとした成長実感を得て感動してます。(コード汚いけど) 続きは追記する！

[ettymemo]

モンティ・パイソンの「パイソン」です。

モンティパイソン良いですよね。

というわけで、モンティ・パイソンの「パイソン」やってますよ〜。って言いたいが為に空飛ぶモンティ・パイソンを見ながら、pythonやってみました。

ひとまず導入と、基礎構文だけ眺めるところから初めて見たのですが、なんかすごいな...という印象。書き方に特徴がありすぎて驚きでした。

というわけでまず、サーバーを立ててみようと思って、調べてたらなんか秒で出来ました。恐るべし、python。

SimpleHTTPServer

python -m SimpleHTTPServer

秒の世界でした。ちなみにSimpleHTTPServerは静的なものだけのようです。マークアップ系だったらこっちで良い感じ。

CGIHTTPServer

cgiserver.py

import CGIHTTPServer CGIHTTPServer.test()

というファイルを準備した後に

python cgiserver.py

実行すると立ち上がります。 こっちは動的なものがいけるので、プログラム書いてるときはCGIServerを使う感じの様子でした。

[ettymemo]

勉強会をする.

自分だけでやると内向きになっていく気がするので、誰かに見せる場所とか誰かとわちゃわちゃしながらできたらいいな〜っと思って、勉強会をすることにしました。( 2人で )

その時に、"自分の興味"みたいな話をしたのですが、どうやら私は作る事より知らない事を理解する方に興味があるようです。(多分)

といったものの、実際に手を動かしてみたら何かあるかもしれないので、まずはやってみたいと思うのでした╭( ･ㅂ･)و ̑̑ 

(余談:マークダウン使えるようになってて歓喜)

[ettymemo]

メモなので気軽に書こうと思った

2015年もよろしくおねがいします。(ぺこり) 今年はもっと自由にJavaScriptと遊んでいきたいと思います。

---

JSを書き始めたときから、音楽系ライブラリとか画像系ライブラリとかつかってごにょごにょするのにときめいてたのですが。

x-gif https://github.com/geelen/x-gif

2015年はじめはこれで遊んでみています。 gifって楽しい٩( 'ω' )و そんでもってこの作者のgeelen氏がdemoとかcodeとかをあげてくれているのでそれを見てjspm+systemjsも触ってみました。

jspm.io http://jspm.io/

systemjs https://github.com/systemjs/systemjs

systemjsはES6のpolyfillのようです。 ES6も最近ちょっとずつもぐもぐしてるので、少し書いてみたりしました。 letとかimport/exportとかclassとか、普段使わないので無駄にテンションあがりますね。 通信周りでpromiseとか使ってみたいという夢が広がりました。 どうでもいいですが、Harmonyって名前いいですよね。可愛い。

---

という訳で、こんな事してるならもっと業務に役立つ事しろよ案件であったり、もっと基礎を学びなさい事案ではありますが、たまにこういう方向性の技術であったり、新しい技術に触れてみる事で、プログラミングすごいな〜と初心にかえったりするようです。(そしてお仕事頑張ります)

---

ついでなので2015年的なことをちょっぴりと。 実は結構好奇心旺盛なタイプでかつ調べるのも好きなので、ちょこちょこJSでも色んな分野を見て回っていたりしたのですが。まぁブログとかに出来るほどコードを書く訳でもなく、人の為になるほど詳しい訳でもなく...価値的な物を優先した結果、ブログには書かない！っていう風になってました。(今だったら無駄にコンフルに書くとか)

ですがそれもそろそろ卒業し、こっそりながら自由にJSで遊んでいる事とかをめも的に書いていこうと思います。あと、JSじゃないこととかも。(多分) 私は宇宙推しとかって言ってますが、JSという存在も私の中では本当に宇宙に近くって、知れば知るほど謎が出てくる感じが大好きです。 大変幸せな事に生きているだけで、JS(というかフロントエンド周り)の謎が増える生活をしているので、その謎を少しずつ明らかにしていけたらなぁ。と思う次第なのでした。

というわけで、これからもどうぞよろしくお願いします！

[ettymemo]

最近よく使うありがたいコマンドまとめ

## ローカルブランチの削除

git branch -D hoge

最近yuriettyブランチを作っては削除するようになってすごく使っている

## リベースするのを諦める

git rebase -i

したらコンフリクトしたし、もう嫌(˚ ˃̣̣̥ω˂̣̣̥ )ってなる時に使うやつ

git rebase --abort

過去は消せる٩( 'ω' )و

## コミットまとめる

git merge --squash development

新しいブランチつくってそこに作業ブランチをmergeすると共にコミット１個にしてます。コンパクト化！

[ettymemo]

Backboneやっててなるほどな〜っと思ったこととか。

viewでmodelをnewするときにオブジェクト渡すとattributesに自動で入る。model側で_extendしなくてもいける٩( 'ω' )و

_extendでもattributeに値をsetできるけど、changeイベントが発行されないので、changeイベントを使いたい時には、setメソッドを使って値をいれなければならない！٩( 'ω' )و

[ettymemo]

最近のひとこと

＿人人人人人人人人人人人人＿ ＞　Backbone楽しい！！！　＜ ￣Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y￣

すごく楽しいです。

[ettymemo]

lodashでdebounceしてみた！

最近Backboneが楽しすぎて幸せな毎日を過ごしています。

今日はlodashを使って、連続click防止のための処理を書いた話です。

# debounceとわたし delay系はこれまでに何回かscroll制御とかしてたんですが、 その時使ってたのはthrottleがメインでdebounceは一体いつ使うんだ！謎！ってなってました。が、しかし。

debounceは、連続click防止にすごく良い！！！ということが判明！(感動)

// lodashのthrottleは以下の通り _.throttle(func, wait, [options]); // クリックイベントが発生した時にdebounceを指定 $submitBtn.on('click', _.debounce(func, 1000, true));

こうすると、１回目のイベント後しばらくカチカチカチカチっとしてもイベントを発火させずにすみます。ありがとう、debounce‹‹\( 'ω' )/››！

[ettymemo]

rebaseはじめました。

とうとうプルリク前にcommitをまとめる時代がやってきました。

git rebase -i HEAD~5

※今まで無駄コミットしまくってすみませんでした。

# Commands: # p, pick = use commit # r, reword = use commit, but edit the commit message # e, edit = use commit, but stop for amending # s, squash = use commit, but meld into previous commit # f, fixup = like "squash", but discard this commit's log message # x, exec = run command (the rest of the line) using shell

よく使いそうなのは "pick" "edit" "squash" かなぁ... あれreflogって残すべきなの?残さないなら"fixup"な気がする...

[ettymemo]

Git/error対処のまき

error: failed to push some refs to '[email protected]'

みたいに怒られて「!?」ってなったんですが、

git fetch git merge origin/master

で解決したのでした。

[ettymemo]

aliasをいっぱい設定したよ！

# iTermからsublimeで開くやつ

alias sb='open -a Sublime\ Text\ 2'

# cdしたらlsするやつ

cdls () { \cd "$@" && ls -G } alias cd='cdls'

# lsしたらカラフルになるやつ

alias ls='ls -G'

まだ家のzshの方が快適ではあるけど 仕事用のbashもだいぶ快適になりました。

[ettymemo]

rmできない呪縛から逃れたいやつ。

git rm してもなぜか、きかない...どういうことなんだっと思っていたら魔法のオプションを教えてくれました。(世の中神様ばかりですね。)

git add -u

このuはupdateのことで(というわけで-uじゃなくて-updateでも可) 既にGit管理下にあるファイルのうち、変更点のあるものだけをステージしてくれるようです。

[ettymemo]

すっかり暖かいし、code reading するよ！

(function (undefined) {})();

このundefinedは、undefinedを確実に渡すためらしい。 undefinedは上書きできるかららしい。

でも普通にはundefined上書きしたりしないから、 すごく丁寧な時にしか使わないって。

'use strict';

あのfunctionの下に書いてあった。 ﾊｯ...なるほど！

[ettymemo]

diffがみたい！diffがみたいよ！

masterと今のブランチを手元で比較したかったのです。 (ほらプルリク先がmasterじゃないとmasterとの差分でないじゃないですか)

$ git diff master...hogehoge

これでいける感。

ちなみに無駄にkaleidoscopeを使っている私はkaleidoscopeで確認したい訳でですね。

$ git difftool master...hogehoge

という具合にコマンドを打つと、kaleidoscopeが立ち上がるよ٩( 'ω' )و これがやりたくってSouceTree設定してみたりしたんだけど、コマンドからのが簡単でした。(多分)SouceTreeもdiffツール立ち上げはすごい簡単だったんだけど、比較先を指定出来ない(多分)のがどうしよ...(˚ ˃̣̣̥ω˂̣̣̥ )ってなってしまったのでこっちでやろうと思ったのでした。

[ettymemo]

openframeworksとわたし

GW明け１週間を無事乗り切ったので、openframeworksに触ってみることにしました。 openframeworksをDLすれば、xcodeで書くことができます。 C++です。(もちろん書いたことないです) サンプルがいっぱいあるのでそれみてるだけでも楽しいです。 app.hと呼ばれるヘッダファイルに変数とかを宣言して app.cppに処理を書く！ というゆるふわ認識です。

あと色々準備してあってありがたいですが メインはsetup, update, drawあたりに処理を書けばなんとかなりそうです。

という訳で、円を書いてぐるぐるするとこまで出来ました。 Documentationを眺めている感じでも色々出来そうすぎて夢が広がりますね。

※そしてビルドしてたらPCが動かなくなりました。スペックの問題ですね。めげずに頑張ります。つづく。