詳細は以下を参考に

以前はURLに.txtとつければよかったので、特に何もしなくても不便はしなかったのですが、2011年6月15日現在はraw masterなURLへのURLにするにはちょっと書き換える量が多いのでGreasemonkeyを書きました。

gistのページのファイル名の横にraw master URLへのリンクを追加するGreasemonkeyです。
Scriptishの場合は、リンクをクリックするだけでクリップボードにURLをコピーします。

この仕様変更により、Greasemonkeyで.txtでrequireしてたりするスクリプトは新しくインストールすると死んでいると思うので確認が必要になるかもしれません。

Windowsのコマンドプロンプトはとても使いづらいので、コマンドプロンプト代替ツールとしてckwと拡張性が優れたNYAOS(昔はnyacus)などのシェルを合わせて使ってる人もいると思います。
自分も少し前まではckw-mod+NYAOSを使っていました。

• 【DOS窓】NYAOS CKW+α【便利化】-奈良北部のなにか

現在はタイトル通りConsole2+NYAOSにしています。
ckwやConsole2はターミナルに該当するソフトウェアで、nyaosやgitbashなどはシェルに該当するソフトウェアです。

• NYAOS はターミナルではない！シェル！

Console2でnyaosを使うのは簡単で、Settings>ConsoleのShell(またはタブ毎の設定)にnyoas.exeのパスを入れるだけで完了です。

Console2の機能紹介

タブ

Console2の特徴してはタブを持っていることがあげられると思います。

また、タブ毎に設定を行う事ができ、色や背景画像の設定やシェル(nyaosなど)に使うソフトウェアの指定をタブ毎に決定することができます。

日本語表示

以前は日本語がダメだったようですが、現在ver2ではフォントを日本語のものにすれば、日本語の表示も問題なく行えます。(フォントによってはおかしくなるけど)

• Console2 ! – k_maruの思うところ(今はやらなくていい設定、Console2のフォントだけ設定すればOK)
• Console2とnayosの組み合わせが使いやすい – アウルキャンプ・ラボダイアリー (設定方法)

ウィンドウの透過

ckwでよく紹介されてる機能としてウィンドウの透過機能があると思います。
Console2でもウィンドウの透過機能があります。

この透過機能はアクティブ、インアクティブの時それぞれの透明度を設定できるので、フォーカス外れているときだけ透過するなどもできます。

マウスやホットキーの設定

Console2はホットキーだけではなくて、マウスの動作、左クリックや修飾キーとマウスの組み合わせなどの挙動も設定できるので、結構細かい動作を決められると思います。
WIndowsのデフォルトであるようなCtrl+Cでコピー、Ctrl+Vでペーストなどの設定もできるので便利です

これで簡単なConsole2の機能紹介は終わりです。設定はかなり豊富なので自分好みにできると思います。
まあタブがあるだけでもかなり魅力的なターミナルです。

nyoasの設定

nyaosはUNIXライクな日本語拡張コマンドラインシェルで、とても軽くて、作者さんは日本人(@zetamatta)の方なので日本語の扱いも問題ありません。

• NYAOS を使おう！ (ちょっと内容古いけど)

キーバインドやコマンドのエイリアスなどを設定して、入力履歴を残せるを保持できるようにするだけでも十分使い勝手がよくなります。

• 弾丸state: Windowsコマンドラインシェル「Nyaos」をもっと便利にする方法

それに加えて、nyaos 3.xの特徴としてLua言語でのカスタマイズ機能あります(シェルスクリプトが書ける)

Lua拡張は_nyaのconfigファイルにもLua_eを使って書くこともできますが、拡張と設定は別ファイルに分けた方がいいと思います。(エスケープの問題とか面倒だし)

自分の場合は_nya_git.luaという感じで拡張毎のluaファイルを作成して、_nyaコンフィグファイルからsourceコマンドで読み込んで使っています。(拡張のテストするときもsourceで再度読み込めば適応されるのでデバッグしやすい)

source D:\Software\nyaos\_nya_git.lua

Lua自体はコンパクトな言語で、若干JavaScriptに似てる感じもあるので調べながらやればなんとか書けるものだと思います

• Lua – assari
• 良いもの。悪いもの。: Lua基礎文法最速マスター(最初これ見るといいかも)
• WindowsでLuaの環境構築 – prog*sig

nyaosのLua拡張の書き方は以下を参考にしました。

• Readme.txt(nyaos_ja.txt)
• MHI 3.1
• [nyaos] – メモ@wantora

これでConsole2+NYAOSの紹介は終わりです。

Windowsのコマンドライン環境自体はこんな感じで比較的いい感じにできると思いますが、実行できるコマンドの方が貧弱なのでそっちでVMでLinuxを使うみたいな事もあるかもしれません…(まさに自分…WindowsからVM上のLinuxをSSH経由で利用する開発環境の構築 | Web scratch)

と見せかけて、最終的にはUbuntu Server使う事にしたので途中まで飛ばしていいです。

なんでVMを使ってまでやるかというと
WIndowsでのCUIはConsole+NYAOSでコンソールとしていいのですが、node.jsなど実行できないものが出てきたので、VM上に環境を作ることにしました。
Cygwin : 食わず嫌いでしたが、食ったら嫌いでした。
coLinux : 64 bitが非対応でした。

必要なもの

• VirtualBox(仮想化ソフトウェア）
• TurnKey Core(サーバー、そこら辺の便利なソフトが入ってる感じのディストリビューション)
• RLogin(SSHクライアント)

Turnkey Linux coreはVM向けにovf形式でも配布してるので、OVFと書かれてるリンクからturnkey-core-バージョン-lucid-x86-ovf.zipをダウンロードして使う。

VirtualBoxを起動してメニューの仮想アプライアンスのインポートから、先ほどのovfをインポートすると自動でTurnKey Coreが仮想マシン一覧に並ぶ。(設定するのは仮想マシンの名前ぐらい）

起動するとパスワードの設定などがあって、パスワード以外はEnter押してればいいと思う。
設定が終わると起動して下のようなメニュー画面が表示される。

メニューを終了させると、CUIで操作できるけどキーやマウスの関係で扱いにくいのでSSHからアクセスして操作する。

RLoginを起動して、サーバの接続から新規追加して、プロトコロルにSSH、アドレスにはLinuxサーバーのIPアドレス、ユーザーはrootで、パスワードは最初の起動時に設定したものを入力して接続する

こっからはサーバー{ゲスト側(Ubuntu)}の設定

まずはrootだとあんまりよくないので、ユーザー(azuという例で)を追加、そのユーザーのパスワードを設定する。

root@core ~# useradd -m -s /bin/bash azu
# ユーザーazuを追加する。mオプションがないとHOMEディレクトリが追加されなかった
root@core ~# ls /home/     
azu/
# HOMEディレクトリがあるのを確認
root@core ~# passwd azu
# パスワードの設定
Enter new UNIX password: 
Retype new UNIX password: 
passwd: password updated successfully

Ubuntu Serverを使って環境構築(改めて)

• VirtualBox(仮想化ソフトウェア）
• Ubuntu Server (ゲストOS)
• RLogin(SSHクライアント)

• VirtualBox + CentOSでNAT接続のポートフォワーディングを行う方法 – 大人になったら肺呼吸
• VirtualBox4.04にCentOS5.5をインストール – sdhrの日記
• VirtualBox 4.0.2のゲストにsshで接続してみる。 « chocokanpan BLOG

• どうぐばこ » ubuntu server インストール ガイド

注意点としては１８．サーバーソフトウェアの選択画面でOpenSSH SERVERを選択してSSHでつなげるようにしておくと楽でいいです(スペースキーで選択チェックが入る)

忘れた場合でも

sudo apt-get install openssh-server

ifconfig

で、わかると思います。
初期設定なら、インストール時に入力したアカウントとパスワードでログインできると思います。

SSHで鍵を使って接続

セキュリティ的にパスワードではなく鍵でSSHをつなぐのが普通だと思うので、SSHの鍵設定をします。

root@core ~# cd /home/azu/
# ユーザのHOMEへ
root@core /home/azu# mkdir .ssh
root@core /home/azu# cd .ssh
# .sshディレクトリを作って移動
root@core azu/.ssh# ssh-keygen -t rsa
# 鍵を生成する
Generating public/private rsa key pair.
Enter file in which to save the key (/root/.ssh/id_rsa): turnkey # ファイル名は適当に
Enter passphrase (empty for no passphrase): 
Enter same passphrase again: 
Your identification has been saved in turnkey.
Your public key has been saved in turnkey.pub.
root@core azu/.ssh# ls
turnkey  turnkey.pub
# .sshディレクトリに秘密鍵と暗号鍵が生成される
root@core azu/.ssh# mv turnkey.pub authorized_keys
# turnkey.pub を authorized_keysにリネームする
root@core azu/.ssh# ls
authorized_keys  turnkey

# それぞれをnoに書き換える 
PermitRootLogin no  
PasswordAuthentication no  
UsePAM no
# 面倒だったので一度rebootした

• Ubuntuでsshdの設定をしてリモートから接続できるようにする – そ、そんなことないんだから！
• myfinder’s blog: さくらのVPSを借りたら真っ先にやるべきssh設定

• virtualbox 4.x/Guest ubuntu-server で共有フォルダを使う – As mind is suitable…
• Articles • brettalton.com

が大変参考になった。

まずは適当な共有フォルダを設定しておく。

そして、起動してるVMのメニューにある”Guest Additionsのインストール”を押しておく。
何にも起きてないように見えるが、CDドライブにCDが入った感じになる。

sudo apt-get install build-essential linux-headers-`uname -r`
sudo apt-get install xserver-xorg xserver-xorg-core
#必要なものを先にインストールしておく
###################
# ここまでにGuest Additionsのインストールを押してマウントの準備が必要
###################
mkdir /tmp/cdrom
sudo mount /dev/sr0 /tmp/cdrom
# Guest Additionsのディスクをマウントする
cd /tmp/cdrom
sudo bash VBoxLinuxAdditions.run  --nox11
sudo addgroup --system --quiet vboxsf
sudo usermod -a -G vboxsf azu # ユーザーをvboxsfグループに加える
sudo reboot
# リブート

azu@ubuntu:/media$ ls
cdrom  sf_azu

ついでにNode.jsの環境も作ってみる
Node.jsは直接入れるよりもバージョン管理するツールから入れるのがいいらしいので、naveかnvmを使う事にした。
naveは何かインストールが面倒だったので、nvmを使う事にした。
nvmは自動でnpmもインストールしてくれるので便利。

azu@ubuntu:~$ sudo apt-get install build-essential libssl-dev git-core 
azu@ubuntu:~$ sudo apt-get install curl
# 必要なものを先にインストールしておく
azu@ubuntu:~$ git clone git://github.com/creationix/nvm.git ~/.nvm          
azu@ubuntu:~$ cd .nvm/
azu@ubuntu:~$ bash ./nvm.sh
azu@ubuntu:~$ nvm install latest
# 最新のnodeをインストールする
azu@ubuntu:~$ node -v           
v0.4.5

毎回 bash ./nvm.sh 実行するのは手間なので。
.bashrc を編集して、

. ~/.node/nvm.sh
nvm use latest

を書き加えておきます。

• SummerWind – Node.jsの管理はnvmで
• naveでNode.jsのバージョン管理＆イベントループ詳説（1/3）- ＠IT
• Amazon EC2 MicroインスタンスのAmazon LinuxにNodeをインストールした – 自分の感受性くらい

雑記

VMWareはスタートアップにいろんなもの生やすし、ダウンロードも登録必要で面倒なので、VMWareよりもVirtualBoxの方が好みでした。

目標としては、Cygwin HereみたくWindowsのエクスプローラー上のコンテキストメニューから、SSHクライアントを開いてそのときに同時に共有フォルダのsf_azu以下にある同じフォルダまで移動したいのだけど、お客様の中でよい方法をお知りな方がいらしゃったらお願いします。
e.g)
windows : C:\Users\azu\Downloads のコンテキストメニューからSSHクライアントを開く
Ubuntu   : 渡されたパスを元に /media/sf_azu/Downloads をカレントディレクトリにする

SSHクライアントのマクロみたいので実現するのかな。

• Markdown
  名前の通りMarkdown記法のシンタックスハイライトに対応するプラグイン。
  WebStorm内でプレビューも行えるため、Githubのreadme.mdを書くときにものすごく便利
  デフォルトだとFile Typeに*.mdがないため(今は入ってるかもしれない)、mdファイルを開いても有効にならないことあるので、File Typeで*.mdがを追加すると有効になる。
  
• FavoriteFolders
  WebStormはJava製なためかファイルダイアログがOS標準とは違うため、目的のフォルダまで移動するのが面倒くさい。
  FavoriteFoldersはファイルダイアログに任意のフォルダまでのショートカットを付けてくれるプラグイン。
• Scratch
  Alt+C, Alt+Cで一時的に何か書いておけるtxtファイルを開いてくれる。
  わざわざファイルを追加するのは面倒だし、そこにファイルが残ってしまうので地味に便利
• CoffeeBrew
  CoffeeScriptに対応してくれるプラグイン
  シンタックスハイライトなどは対応してるけど、補完などはできないのでちょっといまいち
• Pomodoro-tm
  Pomodoro Technique的なタイマープラグイン。
  25分タイマーで計って5分Breakタイムのような設定ができるぐらいで普通のタイマーと変わらないです。
  時間忘れていじってしまうのを防止
  
  

  設定画面

今のところこれぐらいです。　(あまり数がないのもあるけど)デフォルトでもかなり機能的に優秀なのでそこまで不便はしないですね。

おまけ

WebStormが今春のキャンペーン中で半額で購入できるようになってるみたいです。(今回は他のIDEはなってなかった)
是非この機会に触ってみるといいかもしれません。

WebStorm & PhpStorm Blog » Blog Archive » 50% OFF personal WebStorm licensesi

http://blogs.jetbrains.com/webide/2011/04/50-off-on-personal-webstorm-licenses/

準備編

1. Pythonをインストール(ActivePythonでもいいけど)
2. SConsをインストール(PythonのMakeみたいなものらしい)
3. Visual C++ 2010 Expressをインストール(本当はSConsだけでもいいけど、必要なWindows SDKが内蔵されてるので楽)
4. git か svnがあるとV8のダウンロードが楽

実践編
(X / _ / X <は$みたいなプロンプトです)
バージョンの確認コマンドも打ってますが、How to Download and Build V8 – V8 JavaScript Engine – Google Codeでソフトウェアの必要なバージョンが載っています。

多くの例ではsvnで

svn checkout http://v8.googlecode.com/svn/trunk/ v8

としてv8をダウンロードしているみたいですが、githubに公式ミラーがあるので今回はそれを利用しました。

• v8/v8 – GitHub

X / _ / X < git clone git://github.com/v8/v8.git v8
Initialized empty Git repository in D:/Software/v8/.git/
remote: Counting objects: 53075, done.
remote: Compressing objects: 100% (7672/7672), done.
remote: Total 53075 (delta 46205), reused 51859 (delta 45179)
Receiving objects: 100% (53075/53075), 25.18 MiB | 749 KiB/s, done.
Resolving deltas: 100% (46205/46205), done.
Checking out files: 100% (1426/1426), done.
X / _ / X < python -V
Python 2.6.4
X / _ / X < scons --version
SCons by Steven Knight et al.:
 engine: v2.0.1.r5134, 2010/08/16 23:02:40, by bdeegan on cooldog
Copyright (c) 2001, 2002, 2003, 2004, 2005, 2006, 2007, 2008, 2009, 2010 The SCons Foundation

ここまでで準備は終わり、次はビルドとテスト
sconsの引数はよく分からなかったのでBuildを見てscons d8としました。

X / _ / X < cd v8
X / _ / X < scons d8
#ビルド
X / _ / X < tools\test.py
#テスト
[13:26|% 100|+ 4599|-   3]: Done

特に環境パスの引数なしでも通ったのでシンプルにしていますが、手動でパスを通す場合は大変なので”C:\Program Files\Microsoft Visual Studio 10.0\VC\vcvarsall.bat”などのbatファイルを使うとよいかもしれないです。

• v8をビルドしてみました – とりあえずメモメモ。
• Compiling v8 on Windows 7
• BuildingOnWindows – v8 – Detailed instructions for building V8 on Windows. – V8 JavaScript Engine – Google Project Hosting

最後にベンチマークを取ってみて終了

X / _ / X < cd benchmarks\
X / _ / X < ../d8 run.js
Richards: 7311
DeltaBlue: 9098
Crypto: 8762
RayTrace: 6707
EarleyBoyer: 12664
RegExp: 1440
Splay: 2193
----
Score (version 6): 5521

これで、Windows上で使えるV8(d8)のバイナリ作成ができたので終わり
毎回d8.exeまでのパスを入力するのは大変なので、バイナリの場所までRedmond Pathを使ってパスを通しています。

^文殊堂

第一部 – RequireJSとeventとUIコンポーネント

BPStudy#41 RequireJSとeventとUIコンポーネント – 文殊堂

RequireJS実践編

jQuery カスタムイベント応用編

粗結合のUIコンポーネントの作成について

RequireJS実践編

RequireJSとは何か?

AMDのブラウザ向けの実装

RequireJS moduleについて

defineでモジュールを定義する。

requireはmain関数みたいなもの。

define – 第一引数に依存してるモジュール、第二引数に中身
(第一引数に関数オブジェクトを渡すと関数の返値になってしまう)

moduleの用途

関数を返すmoduleを定義すれば、関数として使えるmoduleが作れる。

副作用
何も返さないmoduleも有効利用できる

jQueryをextendしてるmoduleを作れば、requireしたときにその拡張してるという保証が存在するため有用になる。

RequireJS本体の前にrequireというグローバル変数があると、RequireJSの設定として認識される

baseurl

module名はpathから拡張子をのぞいたものだけど、pathの基底を変更できる

paths

pathを探す場所をkey-valueで決められる

urlArgs

読み込むjsファイルに指定したパラメーターをつけることができる。(キャッシュ対策)

deps

最初から読み込んでおきたいファイルを決めておける

text plugin

文字列として取得できる
テンプレート的な利用

jQuery カスタムイベント応用編

カスタムイベントはブラウザ定義ではなく独自定義のイベント

jQueryはtrigger,triggerHandlerなどで、イベントの発火ができる(dispatch event)

カスタムイベントは豊かな表現が行える

jQueryはbindでイベント名とイベントハンドラをくっつける

trigerの第二引数に配列を渡すと展開されて渡した状態でイベントハンドラを実行する

data(“属性” , “値“)をつけられる

イベントハンドラの$(this)==evt.target

カスタムイベントでClassを定義する

liveを利用する。
liveは要素ではなくて、CSSセレクタに紐づけることができる。

カスタムイベントでmixin

liveを使ってるので、classを追加するとメソッドを生える

カスタムイベントでcallback

liveを登録して、callbackをcallする代わりにtirgerでイベントを発火させる。

カスタムイベントでmixout

classを追加することでmixinになるため、classを除去すればmixoutできる。

カスタムイベントで同名の関数を呼び出す

存在しない関数も呼んで大丈夫

好きなだけ定義できる

第二部

マスタリング非同期読み込み – os0x

マスタリング非同期読み込み BPStudy#41

Twitterでも非同期処理やってるけど、本文が表示されるのが最後なので遅い感じがする。

LAB.js

部分的な導入が難しい。
全体を書き換える必要がある。

ControllJS

<script type=”text/cjs”></script>としてtypeを変えて読み込む。

Controll側で評価する

RequireJS

依存がネストすると非同期にできない。

依存関係が複雑だと、読み込み待ちが発生する。

解決方法として、テキストとして読み込んでおいて評価する。とか

whatwgのwikiにいろいろな手法が乗っている。

第三部

gitの歴史改変について – 神速

BPStudy#41で発表しました #bpstudy – アジャイルSEを目指すブログ

分散SCMの基本的なこと

ネットワーク環境がなくても作業できる

誰かが壊しても問題ない

歴史改変でできること

不要な変更のコミット修正

コミットメッセージの修正

作業途中のコミット

適当なコミットを行える

git add -p

部分変更を記録するコマンド

対話式で部分コミットを行える

git rebase -I

コミットの変更、結合、削除とか

歴史改変の実践編

bisect テストが失敗してるところを２分探索するコマンド

ﾃﾞﾓ

間違いを打ち消す git revert

過去のコミットを打ち消す

改変世界からの復帰 – reflog

コミットを移動させたり

歴史を変えてはいけないコミット

人のは変えてはいけない

自分の黒歴史だけ

感想

椅子オンリーだったので、膝上PCつらい。
途中でキーボードがトラブった。
カスタムイベントは何か冗長だけど、今後よく使う方向になりそうな予感がするのでいろんな使い方がでてきそう。
また機会があったら参加したいですね。

インストール方法(Windows)

詳しい使い方はajaxorg’s cloud9 at master – GitHubに書いてあるので読むといいです。
まずはダウンロードですが、githubではzipでソースをダウンロードできますが、それではなくgit cloneしてダウンロードする必要があるみたいです。
というわけで、gitをインストールした状態でコマンドプロンプトから

$ git clone git://github.com/ajaxorg/cloud9.git

するとcloud9のディレクトリができるので、binフォルダに入っているcloud9-win32.batを実行すると必要なファイルをどんどんダウンロードしてくれます。(インストーラーみたいで面白い)
ダウンロードが終わってもう一度cloud9-win32.batを実行すると http://localhost:3000 にアクセスするように促されるので、FirefoxやChromeなどでhttp://localhost:3000にアクセスすればCloud9 IDEが使用できます。(別途にNode.jsをインストールしてなくても動作した)

まだα版なので、ファイル管理とエディタとコンソールぐらいしかありませんが、ブラウザ上でこういうものが動いてるのは面白いです。エディタはBespinとかと同じく日本語入力が残念仕様です。
最近BespinはSkywriterというプロジェクトへと移行したので、そのうちエディタに変化が起きるかも知れませんね。
入力したコードはNode.js上で実行されてるような気がします。JavaScriptを書いてその場で実行やデバッグができるのは普通のIDEとしてはよくありますが、JavaScriptなIDEとしては面白いですね。

通常のソフトウェアとしてのJavaScript IDEを使いたい人はJavaScript対応のIDEをまとめてみた | Web scratchを参照するとよいと思います。(今WebStorm凄いよ状態でいろいろ試しています)

// @name           gist fill in fileName automatically

という感じで書いてあったなら、gist fill in fileName automatically.user.jsというファイル名が勝手に入力されます。

Add another file…で追加したテキストエリアにも対応させてあります。

• gist fill in fileName automatically

gistのトップページ( http://gist.github.com/ ) と編集ページで動作します。

gist fill in fileName automatically for Greasemonkey

http://userscripts.org/scripts/show/71914

技術的な動作

var fileExtension = ".user.js";
var addAutoEvent = function(fileID){
    var editArea = document.getElementsByName("file_contents[gistfile"+fileID+"]")[0];
    var editFileName = document.getElementsByName("file_name[gistfile"+fileID+"]")[0];
    editArea.addEventListener("paste", function(e){
        // この瞬間はまだtargetのvalueが空である。
        var obj = e.target;
        obj.addEventListener('input', function(evt){
            // クリップボードの内容がinputされた
            evt.currentTarget.removeEventListener(evt.type, arguments.callee, false);
            var pasteValue = obj.value;
            var m = pasteValue.match(/@name\s+([\w\s]+)\n/i);
                m = m && m[1];
            if(m && !editFileName.value){
               m = m.replace(/\s+$/ , "");
               // m = m.replace(" " , "_" , "g");// 第３引数 繰り返し
               editFileName.value = m + fileExtension;
               // console.log(m + fileExtension);
               editFileName.focus();
            }
        }, false);
    }, false);
};
// 追加されたテキストエリアにもイベントをつける
var addButton = document.getElementById("add-gist");
addButton.addEventListener("click",function(){
    document.getElementById("files").addEventListener("DOMNodeInserted",function(e) {
        // テキストエリアが追加された         
        e.currentTarget.removeEventListener(e.type, arguments.callee, false);
        var editAreaLength = document.getElementsByClassName("file").length;
        addAutoEvent(editAreaLength);
    } ,false);
}  ,false);
// 最初から表示されているテキストエリアにイベントをつける
addAutoEvent(1);

Grieverさんが書いてくれたヒントを元にしてます。

addEventListener("paste" , ...);

でペーストに対してイベントリスナーを付け加えることができるのですが、この瞬間に

e.target.value

としても内容は空(もしくは元からそこに書いてあったもの)となり、期待するテキストエリアの文字列は取得できません。
なので、pasteのイベントリスナー内で

    editArea.addEventListener("paste", function(e){
        // この瞬間はまだtargetのvalueが空である。
        var obj = e.target;
        obj.addEventListener('input', function(evt){...

のように、inputイベントをつけると、実際に文字列がテキストエリアに入った瞬間にinputイベントが動くので、
inputイベント内で

obj.value

を見るととテキストエリア内の文字列が取得できます。
(ペーストされた部分のみを扱いたい場合はgist: 338606 – GitHubを参考に)
後は、inputのイベントはそのまま残っているとジャマなので自身を参照してremoveEventListenerしておいて、やりたかったことをやる。

追加されたテキストエリアにもイベントを加えるのもほとんど同じ形をしています。
まず、addボタンに対してclickイベント付け加えます。
gistでは元々addボタンに対してclickイベントがつけられていて、複数のclickイベントがあったときはつけられた順に実行されるので、元々あったclickイベント→Greasemonkeyでつけたclickイベントの順に実行される。
しかし、元々あったclickイベントではxmlhttprequestを使って非同期にテキストエリアを追加しているので、
テキストエリアを追加(gist側)→テキストエリアにイベントをつける(Greasemonkey) ということをやりたい場合にテキストエリアが追加されるまで待たないといけません。
JavaScriptではそういうときにsetIntervalで回したり、watch(IEでは動かない)でプロパティを監視したりできると思いますが、
今回はDOMNodeInsertedを使ってDOMに要素が追加されたら発火するイベントをつけることにした。

var addButton = document.getElementById("add-gist");
addButton.addEventListener("click",function(){
    document.getElementById("files").addEventListener("DOMNodeInserted",function(e) { ...

#files 要素内に新しいテキストエリアが追加されると、DOMNodeInsertedイベントが発火するので、非同期で追加されたテキストエリアに関しても、最初に作成したpasteイベントをつけることができる。
この時に前と同様にDOMNodeInserted内で自分自身をremoveEventListenerしておく。
DOMNodeInsertedとかドキュメントがあんまり見当たらない。

DOMNodeInserted event JavaScript

http://help.dottoro.com/ljmcxjla.php

DOM Mutation Events は非同期にして使おう – JavaScriptで遊ぶよ – g:javascript

http://javascript.g.hatena.ne.jp/edvakf/20100204/1265312155

偶然にもpaste→input、click→DOMNodeInsertedという感じで両方とも、イベントリスナー内でaddEventListenerという形になった。
以上

Gitを始めるまでにやったことのまとめ | Web scratch

http://efcl.info/2009/0919/res1311/

レポジトリのclone

gitでforkなどを経験してみた(またはwassr2twitterを導入) – ただのにっき(2009-05-14)

http://sho.tdiary.net/20090514.html

gitで他人のレポジトリをcloneするには”fork”ボタンを押してforkをする必要がある。
そうしたらこんな感じでYour Clone URLというのが表示されるので、そのコマンドを実行すればローカルにcloneできる。

depthを決めることでリビジョン(今までにコミットされた更新履歴)の深さを指定できる。
ここでcloneしたもののpush先は自分のレポジトリが設定されているので、自由にpushできる。
元々のレポジトリの管理者に自分のパッチを取り込んでもらうなら、自分のリポジトリページから「pull request」をおしてリクエストするという仕組みらしい。

他人とのやりとりは以下のが参考になる。

アリスとボブのコラボレーション、gitをちゃんと理解したい！ – ザリガニが見ていた…。

http://d.hatena.ne.jp/zariganitosh/20080908/1220881938

WindowsでのGit環境構築とその注意点 – SourceForge.JP Magazine

http://sourceforge.jp/magazine/09/02/12/0530242

上を参考にmsysgitをインストールした。
git-guiは正直微妙なので、下を参考にTortoiseGitをインストールした。

実用レベルに達したWindows向けGitクライアント「TortoiseGit」でGitを始めよう – SourceForge.JP Magazine

http://sourceforge.jp/magazine/09/06/19/0340248

もう基本的な機能はそろってる感じで、フォントを変えれば日本語も表示はできる。
日本語ファイル名は異なる環境が参照する場合はまだ問題があるらしい。

Gitの基礎練習

http://hyuki.com/techinfo/gitinit.html

上はgitコマンドの練習。gitの流れでローカルまでの範囲をわかりやすく書かれている

  git init //初期化
  git add README //ファイルをgitの管理下に加える
  git commit -m 'first commit' // 変更点をコミットする
ここまではまだローカルの範囲
ここからはgithub.comなど外部と連携する
  git remote add origin git@github.com:azu/test.git //どこのレポジトリと連携するかを設定
  git push origin master // ローカルの状態をサーバにpush(反映させる)する
pushして初めてサーバに反映するので、commitしただけはローカルにしか反映はしてない。

次にGitHubにpushする方法を学ぶ

GitHubでアカウントを作って、Create a New Repositoryからレポジトリを作成する。
作成してそのレポジトリにアクセスするとGlobal setup: … Next steps:のように実行する事が書いてあるのでGit Bashを立ち上げる。
mysgitをインストールしたときに

を選択してるなら、コマンドプロンプトでもgitコマンドが打てるようになっているので、その場合はコマンドプロンプトや
NYAOSなどのコマンドラインシェルでもいいはず。(コマンドプロンプトのコマンドと競合するらしいがパスを変えることで大丈夫になるとか)

setupなどをする前にgitHubにアクセスできるようにするため、gitHubにパブリックキーの登録をしないといけません

Using Git and Github for the Windows for newbies – Guides – GitHub

http://github.com/guides/using-git-and-github-for-the-windows-for-newbies

windowsでgit用にSSH鍵を作る手順 – Guyon Diary

http://d.hatena.ne.jp/guyon/20081021/1224683687

Big Sky :: SSHポートが通らなくてもgithub.comにpushする方法

http://mattn.kaoriya.net/software/20081029172540.htm
これがわかりやすい

上の二つを参考にssh-keygenを実行すると、以下の場所にid_rsa.pubが生成されるので、それの中身をYour Account – GitHubのSSH Public Keysに登録する。(タイトルは適当でいい)

SSH Public Keysに登録

Xp : C:\Documents and Settings\YourNameHere\.ssh\
Vista : C:\Users\YourNameHere\.ssh\

実際にgitHubにpushする

では実際にレポジトリを作ったときに表示されているコマンドを上からやっていくと、自分の環境ではgit pushするとエラーになってしまった。
これは先ほどのBig Sky :: SSHポートが通らなくてもgithub.comにpushする方法を参考にgithub.comへのssh接続にすることで解決できました。
Big Skyさんのブログは結構躓くところの解決法が多くあるので読んでおくといいかも。

.sshフォルダのconfigファイルは以下のように設定しました。(次の事を考えてgist.github.comも入れてあります。)

Host github.com
    User git
    Hostname ssh.github.com
    Port 443
    IdentityFile ~/.ssh/id_rsa
Host gist.github.com
    User git
    Hostname ssh.github.com
    Port 443
    IdentityFile ~/.ssh/id_rsa
    TCPKeepAlive yes
    IdentitiesOnly yes

これでやっとgit remoteしてgit pushするというサーバとの連携ができるようになりました。
gitコマンドはかなり数があるので、そのうち勉強する。

gitやめてmercurialとtortoiseHGをインストール にある種Gitの特徴が書かれてる。

gist.github.comでコードペーストしたものをローカルにダウンロードする方法

Gist – GitHub は使い捨てのコードを公開したりすることができGreasemonkeyなども相性がよいため、よく利用してる。
今まで、貼り付けたものをまとめてローカルに保存するにはgistyというrubyでできたコマンドを使う事でできる。
gistyはgist(コードペーストサービスの事)を便利に使うためのツール

gistコマンドよりちょっと便利なgisty – SWDYH

http://d.hatena.ne.jp/swdyh/20081207/1228655198

gistyを使うにはActive Rubyでもいいので入れておいてから、管理者権限でコマンドプロンプト(or git bash)を起動して必要なものをインストールする。

gem sources -a http://gems.github.com
gem install nokogiri
gem install swdyh-gisty

windowsで

export GISTY_DIR="$HOME/dev/gists"

をやってもなぜか記憶されなかったので、C:\Program Files\Git\etcのprofileというファイルの最後に
export GISTY_DIR=/d/gists という感じでデータフォルダを入れる。

を参考にした

git config --global github.user your_id
git config --global github.token your_token

上を各自のものに変えて実行してトークンを登録する。C:\Users\ユーザー名\.gitconfigに記録される。

実際にgist.github.comからpullする

上の環境設定が済んでるならば、Gist bash上で

gisty

と打てば、使えるコマンドが表示されると思います。
gist.github.comから自分がコードペーストしたものをローカルに持ってくるには、
gisty pull_all か gisty sync をすれば自動的にすべてpullしてきてくれます。
しかし、この時ひとつpullする毎にパスフレーズを要求されてしまったので、ssh-agentを使ってパスワード認証をなしにしてからpull_allをする。

$ eval `ssh-agent`
$ ssh-add ~/.ssh/id_rsa

パスワードなしで pull/push

http://www.pshared.net/diary/20090418.html

オマケ

• gisty.rb

gem install win32-clipboard

をインストールする必要がある。

感想

ホントに導入が面倒。
情報が思ったようにでてこない(特にWindows系)ので大変。
エクスプローラプラグインなどを持っているエディタからはTortoiseGitが使えるので大変便利。
ショートカット(.lnk)からgistyでpostしたいけど、やり方がよく分からなかった。
Emeditorから編集してるファイルをgistyでポストしたかった。

以下、参考したところ

• Big Sky :: Windowsでもssh-askpassを使う

• Big Sky :: Windowsでもssh-agentとssh-addを使ってパスフレーズ入力を省略する。

• ＠IT：sshでパスワードなしにログインするには

• 指定したディレクトリ以下にだけあるディレクトリ一覧のパスを取得する, パスワードなしで pull/push – Ussy Diary(2009-04-

• git 環境のセットアップと簡単なチュートリアル – Slow Dance

• オレのメモ

• TortoiseGitでOpenSSHの鍵を使う – ククログ(2009-07-08)

• oklablog – TortoiseGit で plink.exe を使ってリモートリポジトリにpushする

• WindowsでのGit環境構築とその注意点 – SourceForge.JP Magazine

• GitとDYNAの連携で幸せになるショートカット – Seasons.NET

• Gitの基礎練習

• git (msysgit)をWindowsにインストール｜WEBデザイン Tips

• gistコマンドよりちょっと便利なgisty – SWDYH

• Big Sky :: SSHポートが通らなくてもgithub.comにpushする方法

• WindowsでのGit環境構築とその注意点 – SourceForge.JP Magazine

• 分散バージョン管理システムGit入門 – SourceForge.JP Magazine

• Setting up Git and Github on Windows « Drew Blas – The life and code of a p

• [Git] – Stellaqua – ＴＯＭの技術日記

• Gitを触ってみるよ その2「WindowsでGitを使いやすくする」 – Stellaqua – ＴＯＭの技術日記

• Git/一人で使ってみる（msysgit編） – 俺の基地

• github を Windows で使ってみる | Numb.