Yukihiko Okuyama FiNGAHOLiC

bootcampとは

bootcamp

macでwindowsが動くアレでもなく、マッチョな黒人に励まされながら踊るアレでもなく sassのfunctionをテストするためのフレームワーク。

もともとジャスミンというJavascriptのBDDテスト用のフレームワークがあり、その書き方でsassのfunctionをテストできるようにしたものらしい

MindBEMding

BEMとは？

block, element, modifierの頭文字
Yandexで発案されたフロントエンドの命名手法

花火~ 最高な俺たちと糞コードの海

written by mizchi at 小物エンジニアの会.

最高の夏の花火について

自己紹介

Jade FTW

こんにちは。今回は現実逃避を兼ねて Jade の素晴らしさをお伝えしたいと思います。

Jade とは何か

[Jade][0] は JST (JavaScript Templates) の一つであり、HTML を書くための[軽量マークアップ言語][1] である [Haml][2] に影響を受けた JavaScript テンプレートエンジンでもあります。

y - 処理中の hunk を索引に追加します。
n - 処理中の hunk を索引に追加しません。
q - 終了します。処理中の hunk およびそれ以降の hunk は索引に追加しません。
a - 処理中の hunk およびそれ以降のファイル中の hunk を索引に追加します。
d - 処理中の hunk およびそれ以降のファイル中の hunk を索引に追加しません。
g - 処理対象となる(別の) hunk を選択します。
/ - 入力した正規表現にマッチする hunk を検索します。
j - 処理中の hunk を保留にし、次の保留されている hunk を表示します。
J - 処理中の hunk を保留にし、次の hunk を表示します。

日本語入力を考慮したEnterで実行

例えばEnterで実行した瞬間に文字列を切り取るとか、そういうことをしたとします。
日本語入力の場合は変換途中のEnterである可能性があります。
そうするとおかしな状態で切り取ってしまうかもしれません。
それを防ぐためにはどうするか。

入力状態を監視する仕組みを作るのです。

Aというオブジェクトがある
Aとは一部だけちがうA-dashがある

パターン1の書き方

オブジェクト指向じゃない

CSS

.A{

JavaScriptの継承について

全然理解出来てなかったので調べてみた。

経緯

function f () {
	// Class
}

	-R
	--exclude=.svn
	--exclude=.git
	--exclude=vendor
	--exclude=*.min.js
	--c++-kinds=+p
	--fields=+iaS
	--extra=+qf
	--totals=yes
	--tag-relative=yes

	// Straightforward + simple.
	$("button").on("click", function(event) {
	event.preventDefault();
	var button = $(this);
	var numberElem = button.find(".number");
	var number = Number(numberElem.text()) - 1;
	numberElem.text(number);
	if (number === 0) {
	button.prop("disabled", true);
	button.off("click");