Oddwit » HowTo’s, Tips and Tricks http://oddwit.com/blog Web, Dev, Etc Thu, 15 Dec 2011 02:02:56 +0000 en hourly 1 Titanium Studioのコンソールの文字化けをなおす http://oddwit.com/blog/2011/titanium-studio-console-garbled http://oddwit.com/blog/2011/titanium-studio-console-garbled#comments Wed, 14 Dec 2011 09:20:16 +0000 merikonjatta http://oddwit.com/blog/?p=735 扱う文字列やらなんやらがすべてUTF-8であるのが前提です。
執筆時のTitanium Studioのバージョンは1.0.6です。

  1. FinderでTitaniumStudio.appを見つける
  2. 右クリックしてShow Package Contentsを選んで中に入る
  3. Contents/MacOS/TitaniumStudio.iniを編集
  4. ファイルの最後に-Dfile.encoding=UTF8と書き加える
  5. TitaniumStudioを再起動

見た目からして基本はEclipseなので、Eclipseかのように扱えば治りました。
参照：EclipseのコンソールでUTF-8が文字化けする – KRAKENBEAL RECORDS

関係無いですが、Titanium Studioのデバッグ関連機能（VariablesタブとかExpressionsタブとか）はいまいち思った通りの動きをしてくれない事が多いので僕はもっぱらプリントデバッグをしています。オブジェクトをコンソールにダンプするときはこういう関数を使うと便利です。

var console = {
  log: function(msg) {
    Ti.API.debug(JSON.stringify(msg, null, 2));
  }
};

console.log(someObject);

JSONというのはDouglas CrockfordのJSON2のことです。stringifyの第三引数に数字を与えると、深さに応じてスペース2個ずつインデントしてくれます（綺麗に改行も入る）。そんな機能があるとは今日まで知りませんでした。

]]> http://oddwit.com/blog/2011/titanium-studio-console-garbled/feed 0 GNU Screenのプリセットを作っておく http://oddwit.com/blog/2011/gnu-screen-prese http://oddwit.com/blog/2011/gnu-screen-prese#comments Sun, 01 May 2011 09:50:52 +0000 merikonjatta http://oddwit.com/blog/?p=724 新しくScreenセッションを始めるときに特定の窓を開いておければ便利です。もちろん.screenrcにべた書きすればいいのですが、やりたい作業によって開きたい窓の組み合わせは変わりますね。

しからばプリセットを書いておきましょう。プリセットと言っても別の.screenrcを作るだけですが。

~/.screen/rails など適当なファイルをこんなふうに作ります。

source $HOME/.screenrc
sessionname rails
chdir /Users/marco/projects/railsapp

screen -t 'zsh'
screen -t 'test'
screen -t 'console'
screen -t 'server'
screen -t 'source'

select 0

最初にいつもの.screenrcを読み込んで、あとはセッション名や開く窓を指定。

使うときは

$ screen -c ~/.screen/rails

ソース：Screen Presets – Drew Stephens

]]> http://oddwit.com/blog/2011/gnu-screen-prese/feed 0 XHTML互換なHTML5の書き方まとめ http://oddwit.com/blog/2011/polyglot-html http://oddwit.com/blog/2011/polyglot-html#comments Mon, 07 Mar 2011 07:42:29 +0000 merikonjatta http://oddwit.com/blog/?p=698 HTML5をXHTMLにも準拠するように書く方法がW3Cに掲載されてたので、普段使いそうな部分を軽くまとめてみました（2011年3月現在）。この書き方 (Polyglot) にしておくとXMLパーサもXHTMLパーサもHTMLパーサも同じように文書を解釈してくれます。無難かつ綺麗な感じもするので、これからはこれに則ってHTMLを書くことにしてみようと思ってます。

MathMLやSVGに関する部分などは省いてますので詳細は以下を参照してください。
ソース：Polyglot Markup: HTML-Compatible XHTML Documents

概要

PolyglotなHTMLは、

  • ValidなHTMLドキュメントである
  • Well-formedなXMLドキュメントである
  • HTMLとして処理してもXMLとして処理しても同一のDOMを持つ

特定のXML DTDに準拠している必要はありません。

最小必要構成

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <title></title>
  </head>
  <body>
  </body>
</html>

HTML5のDoctypeを使用し、htmlタグには上記ネームスペースを割り当てます。
langとxml:langは両方同じ値を指定します。
文書自体はUTF-8かUTF-16で作成します。（UTF-8推奨）。

普段使いそうな構成

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
  <head>
    <meta charset="utf-8"/>
    <link rel="stylesheet" type="text/css" href="external.css"/>
    <script src="external.js"></script>
    <title></title>
  </head>
  <body>
  </body>
</html>

meta charset=”"は必須ではなく推奨。”utf-8″の部分はCase-insensitive。

タグごとの書き方

table

tbody要素が必須です。

<pre>
<table>
  <tbody>
    <tr>
      <td>...</td>
    </tr>
  </tbody>
</table>
</pre>

また、colタグを使用するときはcolgroupタグが必須です。

textareaとpre

改行から始めてはいけません。

<pre>require 'rubygems'
require 'nokogiri'
...</pre>

void要素

void要素（閉じタグを使わない要素）の一覧は以下の通りです。

  • area
  • base
  • br
  • col
  • command
  • embed
  • hr
  • img
  • input
  • keygen
  • link
  • meta
  • param
  • source

これらの要素は<br/>のように短縮形で書きます。
これら以外の要素は中身が空の時でも短縮形を使わず<p></p>と書きます。

文字参照

以下の場合はかならず文字参照を使います。

  • CDATAセクション外の&と<
  • 属性値の中で改行やタブ文字などを使うとき

文字参照で名前を使っていいのは以下のものだけです。

  • amp
  • lt
  • gt
  • apos
  • quot

それ以外のものは数値参照で表します。例えば

  • nbsp – &#xA0;
  • copy – &#xA9;
  • reg – &#xAE;
  • laquo – &#xAB;
  • raquo – &#xBB;
  • mdash – &#x2014;

完全な一覧はこの辺りを参照：
http://en.wikibooks.org/wiki/Unicode/Character_reference/0000-0FFF
http://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references

その他のルール

  • noscriptタグは使えません
  • document.write()とdocument.writeln()は使えません。innerHTMLはOK
  • ページ内に<または&を含むjsやcssを書くときはCDATAセクションに入れます
    • < ![CDATA[ここにunsafeなコンテンツ]]>
  • xml:spaceとxml:base属性は使えません
  • id属性値にスペースを含めてはいけません
  • タグ名/要素名はすべて小文字です
  • 属性値は大文字/小文字を統一します（全部小文字にしておけばOK）。
  • 属性値はシングルクオートかダブルクオートで囲います

W3CにサンプルHTMLもありますので参考にどうぞ。

]]> http://oddwit.com/blog/2011/polyglot-html/feed 0 エクスプローラのサイドバーにある「ライブラリ」「ホームグループ」などの表示・非表示を簡単に切り替えられるアプリ http://oddwit.com/blog/2011/windows-7-navigation-page-customizer http://oddwit.com/blog/2011/windows-7-navigation-page-customizer#comments Thu, 03 Mar 2011 17:14:15 +0000 merikonjatta http://oddwit.com/blog/?p=683 Windows 7のエクスプローラのサイドバー（ナビゲーションペイン）には「ライブラリ」「ホームグループ」「お気に入り」などが表示されてますが、邪魔です。これらの表示・非表示を簡単に切り替えられるアプリを見つけたので紹介します。

Windows 7 Navigation Pane Customizer
ダウンロードリンクが下の方にあって分かりにくいので一応：ダウンロード

起動するとこんな感じなので、要らないものはチェックを外します。ついでに名前も変えられるよう。

Apply Settingsを押すとエクスプローラが再起動され、変更が反映されます。

将来このアプリが消えてなくなると戻し方が分からなくなりそうなので、一応このプログラムは消さずに保存しておいたほうがよさそうですね。
# ライブラリ機能って使ってる人いるんかね…？

]]> http://oddwit.com/blog/2011/windows-7-navigation-page-customizer/feed 0 Windows Live MeshにSorryと言われて繋がらない時 http://oddwit.com/blog/2011/windows-live-mesh-sorry http://oddwit.com/blog/2011/windows-live-mesh-sorry#comments Thu, 03 Mar 2011 16:14:06 +0000 merikonjatta http://oddwit.com/blog/?p=680 Windows Live Meshを起動してログインしようとすると Sorry, there is a problem with the windows live mesh serversと言われてしまう時の解決法。

  1. C:\windows\system32\drivers\etc\hostsをメモ帳で開きます（管理者として開かないとだめかも）
  2. 0.0.0.0 localhostという行があったら、先頭に#を入れてコメントアウト
  3. 保存

これで繋がるようになりました。なんじゃそりゃ。

http://windowslivehelp.com/thread.aspx?postid=c444b9da-b010-4ef4-ac97-d763d81ba630#c444b9da-b010-4ef4-ac97-d763d81ba630

]]> http://oddwit.com/blog/2011/windows-live-mesh-sorry/feed 0 Note in Readerブックマークレットが動かない人へ http://oddwit.com/blog/2011/note-in-reader-glitch-fix http://oddwit.com/blog/2011/note-in-reader-glitch-fix#comments Thu, 03 Mar 2011 14:27:31 +0000 merikonjatta http://oddwit.com/blog/?p=674 WebページをGoogle Reader/BuzzでシェアするNote in Readerブックマークレットが今日あたりからうまく動いてないようです。

ブックマークレットを以下で置き換えれば動くという情報があったので試したらちゃんと動きました。

javascript:_IS_MULTILOGIN_ENABLED=((typeof(_IS_MULTILOGIN_ENABLED)=="undefined")?false:_IS_MULTILOGIN_ENABLED);var%20b=document.body;var%20GR________bookmarklet_domain='http://www.google.com';if(b&&!document.xmlVersion){void(z=document.createElement('script'));void(z.src='http://www.google.com/reader/ui/link-bookmarklet.js');void(b.appendChild(z));}else{}

ただしGoogleの公式な修正ではなくユーザが勝手にやってみたハックらしいので、変なことになっても知らんよということです。ご注意を。

Note in Reader not working. Cleared cache, third-party cookies are on, still nothing. Help? – Google Reader Help.

]]> http://oddwit.com/blog/2011/note-in-reader-glitch-fix/feed 0 rm -rfをやめてTrashを使おう http://oddwit.com/blog/2011/use-trash-instead-of-rm-rf http://oddwit.com/blog/2011/use-trash-instead-of-rm-rf#comments Sat, 26 Feb 2011 02:07:01 +0000 merikonjatta http://oddwit.com/blog/?p=633 rm -rfはもうしません。怖いです。代わりにTrashを使うことにしました。

TrashはCLIで使えるゴミ箱コマンドです。似たようなものは幾つかありますが、いろいろと普段から使いそうな機能をカバーしているので気に入りました。

特徴

  • rmのオプションをつけても文句を言わない
  • rmみたいに複数の対象ファイルを列挙して削除できる
  • ゴミ箱のファイル一覧を簡単に見られて復元もできる
  • 同じ名前のファイルやディレクトリを削除してもよしなにしてくれる
  • Gnomeのゴミ箱と互換性がある（らしい。試してない）
  • それでいてシェルスクリプトひとつ

入手

http://filerenameutils.sourceforge.net/の「Download」

インストール

展開するとfile-rename-utilsというフォルダができるので、Trashというファイルをパスの通ったディレクトリに置いて実行権限を与えます。

$ sudo cp file-rename-utils/Trash /usr/local/bin/trash
$ sudo chmod a+x /usr/local/bin/trash

あと、manページが一応付属してるので、たまには見るかもという人はしかるべき場所にコピーしておきましょう。Ubuntuの場合は

$ sudo cp file-rename-utils/man/Trash.1 /usr/share/man/man1

使い方

捨てる

$ trash rubygems-1.5.2.tgz

~/.Trashというディレクトリに入ります。あ、このディレクトリは予め作っておいてください。

ゴミ箱を覗く

$ trash
rubygems-1.5.2.tgz
-------------------
286KB       1 file(s)

戻す

$ trash -r rubygems-1.5.2.tgz

以前あった場所ではなくカレントディレクトリに戻ります。

ゴミ箱を空にする

$ trash -e

使い方を見る

$ trash --help
$ man trash

あとはtrash -r用にzshの補完関数を用意すれば完璧ですね。誰か作ってないかな。

]]> http://oddwit.com/blog/2011/use-trash-instead-of-rm-rf/feed 2 CygwinをPuTTYクローンと一緒に使えば思ったほど悪くない http://oddwit.com/blog/2011/cygwin-futty http://oddwit.com/blog/2011/cygwin-futty#comments Mon, 21 Feb 2011 15:55:37 +0000 merikonjatta http://oddwit.com/blog/?p=607 Cygwinは最初に入れたときの見た目の印象があまりにも悪すぎてずっと敬遠してきたんですが、改めて導入してみると意外と使える事に気づきました。

Windows環境でgitを使うのが一番の目的で、他の選択肢としては TortoiseGit、
msysgitのgit bashなどがあるんですが、それぞれにデメリットがあります。

  • TortoiseGit
    • 通常使用に堪えるクオリティになってるけど、中で何が起こってるのかよく分からないのでgitを使いこなしてる感がない
  • msysgitのgit bash
    • ベースがコマンドプロンプトなので使いにくい。
    • フォント変えられない。横幅広がらない。
  • VMWare経由
    • さあコミットしようという時にサスペンドされてたりしてちょっと面倒

というわけでCygwin再挑戦の記録。実にNot bad at allな環境ができあがりました。さようならコマンドプロンプト。

成果

  • FuTTYっていう高機能でポータブルなPuTTYクローンを使えてる
  • Puttyから256色ターミナルでscreen+zshできてる
  • screenをマウスでスクロールできてる
  • screen中にPuttyをいきなり閉じて再接続したらアタッチできてる
  • vim file.txtってするとWindows側のgvimが起動してくれてる
  • 日本語の読み書きもバッチリ
  • もちろんgitもバッチリ

導入１：Cygwin

http://cygwin.com/install.html からダウンロードしてインストールするだけです。最初にインストールしておくパッケージは好みの問題ですが僕の場合はこんな感じです。

  • zsh
  • git-core
  • git-svn
  • wget
  • make
  • gcc
  • openssh
  • vim （gvimがあるなら入れなくていい。後述）

導入２：FuTTY

“cygwin putty”でググルと「cygtermとPuTTYごった煮版を使え」という内容ばかり出てきますが、不要です。cygtermのビルドも、ややこしい環境変数設定も不要です。PuTTYもごった煮版ではなく高機能な海外産のPuTTYクローンを使いましょう。最近のCygwinは内部文字コード変換によってUTF-8をサポートしているみたいなので、日本語パッチなしのPuTTYでも問題なく日本語が扱えます。

ちょっと探してみるとPuTTYクローンは色々見つかりましたが、最終的に落ち着いたのはFuTTYです。これの特徴は色んなPuTTYクローンのいいとこ取りで、

  • PuTTY Trayのトレイ収納機能
  • ファイルに設定を保存するポータブルモード
  • 切断されたホストへの再接続機能
  • PuTTYCygのCygwin接続機能
  • フルスクリーン表示
  • 透過
  • URLを自動リンク
  • マウス中ボタンで貼りつけ、右クリックでメニュー

などなど、素敵な機能が揃ってます。UIは英語ですが。

導入はダウンロードして実行するだけ。Cygwinに接続するためにはcthelper.exeというプログラムが必要ですので同じ場所から落としてFuTTY.exeと同じ場所に置きます。 なおPageantなどは付属してないので必要ならばPuTTYの公式サイトからどうぞ。

導入３：FuTTYからCygwinへ接続

この状態ですでにFuTTYからCygwinへ接続できるはずです。FuTTYを起動し、

  • Connection TypeはCygtermを選択
  • 普段ホスト名を入れるところに-と入力
  • Window->Translation->Character Set TranslationでUTF-8
  • Connection->Data->Terminal-type stringにxterm-256color

そしてOpen。

ででーん。

ホスト名の欄にzshなどと書けば最初にzshが起動してくれます。僕はここにscreen -Rを入れて、.screenrcでshell /bin/zshと設定してます。

なお、設定を保存するときにSessions from fileを選んでおけばレジストリに書き込まずファイルで設定を管理してくれます。Cygwinと一緒にUSBで持ち歩けてしまう。Dropboxにまるごと入れとくのもいいかも。

設定１：日本語

PuTTYの文字セットをUTF-8に設定します。.bashrcなり.zshrcなりで

export LC_LANG=en_US.UTF8

設定２：screen関連

マウスホイールでスクロールバックできるように。これはFuTTYの接続設定にてTerminal->Features->Disable switching to alternate terminal screenをチェック。仕組みはよく分かってません。

ちなみにアタッチ・デタッチはautodetachオプションがデフォルトでオンなので特に何もせずとも利用できます。

256色対応するには.screenrcに

term xterm-256color
defbce "on"

を追記すればOKなはず。

設定３：Windows側のvimを起動させる

これはめちゃ便利です。すごい。Cygwin内から外のgvimを使う – ぱせらんメモにあるスクリプトを使えばvim file.txtとしたときにWindowsのgvimが起動してくれます。 Cygwinの/binなどにvimという名前で置いて実行権限を与えときましょう（chmod a+x vim）。

二個目のファイルを開いたときに同じウィンドウの新タブで開くよう改変したものを貼っておきます。

#!/bin/bash

# gvimのパス
WINDOWS_GVIM=/cygdrive/c/programs/dev/vim/vim73/gvim
# HOMEを削除
unset HOME
# vim起動時のコマンドラインオプション
moreargs=--remote-tab-silent

if [ $# -eq 0 ]; then
  $WINDOWS_GVIM &
else
  args=()
  for arg in "$@"
  do
    # 実在するファイルか"-", "+"で始まらなければcygpathに通す
    if [ -e "$arg" -o \( ${arg:0:1} != "-" -a ${arg:0:1} != "+" \) ]; then
      args=("${args[@]}" "$(cygpath -wa "$arg")")
    else
      args=("${args[@]}" "$arg")
    fi
  done

  $WINDOWS_GVIM $moreargs "${args[@]}" &
fi

改行コードをUnix (\n)にしておかないと正しく実行できないかも。

まとめ

  • Cygwin意外とやるやん
  • PuTTYはすごいけどFuTTYはもっとすごい
  • 見た目がきれいだと使いやすい
  • 忘れてたけどgitもちゃんと使えてる

普段EUC-JPなホストにつないで作業しないといけない人はFuTTYの導入に躊躇するかもしれませんね。一応、PuTTYjpのパッチをFuTTYに導入してくれないかとお願いのメールを送っておきました。果たして対応してもらえるかな？

おまけ：その他のPuTTYクローン

PuTTYCygに対応してるものも多い。

]]> http://oddwit.com/blog/2011/cygwin-futty/feed 0 Windowsからログオフ時にVMWareをサスペンドする http://oddwit.com/blog/2011/windows%e3%81%8b%e3%82%89%e3%83%ad%e3%82%b0%e3%82%aa%e3%83%95%e6%99%82%e3%81%abvmware%e3%82%92%e3%82%b5%e3%82%b9%e3%83%9a%e3%83%b3%e3%83%89%e3%81%99%e3%82%8b http://oddwit.com/blog/2011/windows%e3%81%8b%e3%82%89%e3%83%ad%e3%82%b0%e3%82%aa%e3%83%95%e6%99%82%e3%81%abvmware%e3%82%92%e3%82%b5%e3%82%b9%e3%83%9a%e3%83%b3%e3%83%89%e3%81%99%e3%82%8b#comments Thu, 17 Feb 2011 17:22:57 +0000 merikonjatta http://oddwit.com/blog/?p=599 バーチャルマシンが走ってる時にうっかり再起動してしまってVMが強制終了されることがよくあります。でもいちいちサスペンドするのは面倒なので、ログオフ時に自動的にVMをサスペンドしましょう。

やることは二つです。

VMをサスペンドするスクリプトを書く

バッチファイルを以下のように作成します。

"C:\Path\To\VMWare\vmrun.exe" suspend "C:\Path\To\machine.vmx"

そのスクリプトをログオフ時に実行させる

Win+Rで「ファイル名を指定して実行」を開き、gpedit.mscを実行します。なにやらMSらしい窓が開くので、ユーザの構成>Windowsの設定>スクリプト>ログオフを開きます。

追加を押して、さっきのバッチファイルを指定すればOK。

]]> http://oddwit.com/blog/2011/windows%e3%81%8b%e3%82%89%e3%83%ad%e3%82%b0%e3%82%aa%e3%83%95%e6%99%82%e3%81%abvmware%e3%82%92%e3%82%b5%e3%82%b9%e3%83%9a%e3%83%b3%e3%83%89%e3%81%99%e3%82%8b/feed 0 TortoiseSVNのオーバーレイアイコンが更新されない時 http://oddwit.com/blog/2010/tortoisesvn-overlay-refresh http://oddwit.com/blog/2010/tortoisesvn-overlay-refresh#comments Tue, 06 Jul 2010 18:09:43 +0000 merikonjatta http://oddwit.com/blog/?p=553 TortoiseSVNで、コミットしたのに赤ビックリが消えなくて気持ち悪い時は

  1. F5を押してみる
  2. TortoiseSVN\bin\TortoiseProc.exe /command:rebuildcacheを実行
  3. それでも駄目ならワーキングコピーでCleanupを実行

それでも治らないことがあるようですが。
3番目はワーキングコピーが大きいとちょっと時間がかかります。

参考：
TortoiseSVNのアイコンオーバレイがおかしくなった時 – RX-7乗りの適当な日々
The overlays show the wrong status | TortoiseSVN

]]> http://oddwit.com/blog/2010/tortoisesvn-overlay-refresh/feed 0