Hayato Mizuno pocotan001

はじめに

JavaScript を使っていると「JavaScript出来るの？ jQuery / AngularJS / Node.js etc... で困ってるんだけどさー」みたいな話を振られることがあります。そういった時に、自分は一般的なライブラリの使い方やフレームワークに対して大した知見も興味もないので、わざわざ説明するのも面倒なのでこうして文章にしておきます。(本当に届いて欲しい人に限って、こういう文章が届かないのはわかっていますが、文章を書くこと自体が気晴らしだと思って諦めます。)

「フロントエンドエンジニア」という言葉の汎用性

先ほどのような話は自分に限ったことではなく、たぶん経験のある人も多いでしょう。振られた話が自分の分かる範囲、あるいは興味のあるものならばまだ良いのですが、そうでないことがあまりに多すぎます。話を振られるだけならともかく「JavaScriptできるんでしょ？じゃあ jQuery つかったこのサービスのメンテしてほしいんだけどー」みたいに仕事として振られることもあり、そう言う時は脳みそ取り出して洗剤で洗った方が良いのでは、と思うことも多々あります。

rage-quit support for bash

HOW TO INSTALL

Put flip somewhere in your $PATH and chmod a+x it.

Copy fuck into ~/.bashrc.

This is translated from the original blog post written by @mizchi in Japanese:

データバインディングについてVue.jsと Backbone.stickitを比較する

This is part of the material to convince my company to use Vue.js instead of Backbone.stickit, so I will be picking on Backbone.stickit a bit :D

Vue.js

This is transolation written by me as Japanese about Vue.js

データバインディングについてVue.jsと Backbone.stickitを比較する - mizchi's blog http://mizchi.hatenablog.com/entry/2014/02/18/163721

My Engilish is not so good. So please teach me what to say is better.

This is resource to suite to use vue.js againt my compony so I blame Backbone.stickit :D

#Heading 1 ##Heading 2 ###Heading 3 ####Heading 4 #####Heading 5 ######Heading 6

Paragraph

Virtual DOM and diffing algorithm

There was a [great article][1] about how react implements it's virtual DOM. There are some really interesting ideas in there but they are deeply buried in the implementation of the React framework.

However, it's possible to implement just the virtual DOM and diff algorithm on it's own as a set of independent modules.

	#!/bin/zsh
	#
	# Highlight a given file and copy it as RTF.
	#
	# Simon Olofsson <[email protected]>
	#

	set -o errexit
	set -o nounset

	// Use an AMD package here to gain access to nested internal modules.
	require.config({
	packages: [{
	name: "jquery",
	location: "vendor/jquery/src",
	main: "index.js"
	}]
	});

	// If we are using AMD, we don't care about core.

	/**
	* Helvetica Neue Normal (No Stretch)
	*/

	/* Helvetica Neue Black Font Stack */
	.{font-family: "HelveticaNeueBlack", "HelveticaNeue-Black", "Helvetica Neue Black", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Arial Black", sans-serif; font-weight:800; font-stretch:normal;}

	/* Helvetica Neue Heavy Font Stack */
	.{font-family: "HelveticaNeueHeavy", "HelveticaNeue-Heavy", "Helvetica Neue Heavy", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosBold', "Arial Black", sans-serif; font-weight:700; font-stretch:normal;}

	/*
	* Custom JS macros for creating tags in GTM that populate event information from
	* element attributes.
	*
	* Author: Joshua Kehn <[email protected]>
	* Copyright: (c) 2014 by Joshua Kehn
	* License: ISC <http://www.isc.org/downloads/software-support-policy/isc-license/>
	*/

	function () {