mas-lab.blog

ナノブロックアンバサダーモニターで『まちと電車のある風景』を体験

2014-10-30T20:39:00.001+09:00

9ヶ月ぶりにブログ書く。ここしばらくは、技術ネタをQiitaにポストしてて、ブログは放置でした。

で、今回はナノブロックアンバサダープログラムのモニター企画に当選して、ナノブロックで遊んだので感想等々を。

今回いただいたのは、以下の商品。

作ってく様子は、Twitterに随時ポストしてたので、そちらを紹介。

当選した #ナノブロックモニター商品届いてた。こりゃー息子に取られそうだ。 pic.twitter.com/rf0ctPJeh2
— mas0061 (@mas0061) 2014, 10月 23

最初にN700系を作り始めたんだけど、これが今回の中では最も難易度が高くて1時間かかった。

たっぷり1時間近くかかって完成。さて、息子の手が届かない所へ飾ろう。 #ナノブロックモニター pic.twitter.com/oTuWCDYdGp
— mas0061 (@mas0061) 2014, 10月 23

次の日は、ビルセットにトライ。

今日はこちらを作ってみる。 #ナノブロックモニター http://t.co/sYcTssmHNh
— mas0061 (@mas0061) 2014, 10月 24

これも、なんだかんだ1時間近くかかった。

ビルセット完成！ #ナノブロックモニター http://t.co/wZ3fBFUGXO
— mas0061 (@mas0061) 2014, 10月 24

最後にストラクチャーベース。

できた！ちょっと地味。 #ナノブロックモニター pic.twitter.com/QQ3hv7pZSX
— mas0061 (@mas0061) 2014, 10月 29

今回のモニター品全てを並べるとこんな感じ。

そして、今回のモニター品全部。 #ナノブロックモニター pic.twitter.com/I5plVRJAJm
— mas0061 (@mas0061) 2014, 10月 29

子供の頃から、レゴには慣れ親しんでて、ブロックで何か作るのは割りと好き。ナノブロック自体も、ディズニーランドに行った時に買ってみたりしてたので、触るのは初めてではなかった。

今回3品作ってみて、小さいブロックで良く構成が考えられているなぁ、と。反面、オリジナルで何かを作るのが難しそうな印象。

各商品で余りブロックが結構出るので、その気になったら何か作ってみたいな。あと、今回のN700系を走らせてみたい。

SVGで画像内のデータをJavaScriptから操作する

2014-01-27T21:29:00.000+09:00

最近、後輩の仕事に関する相談をプライベートで解決するようになってきた…。

今回相談受けたのは、Webサイトに回路図のような画像を載せて、かつ図の中のデータをサーバ内のデータに応じて可変にしたいというもの。元々は、それをHTMLでやりたい！と言っていたんだけど、さすがにその解決策は思いつかなくて、持ち帰り宿題化。

結局、解決策として提示したのがタイトルにもあるSVGを使ったアプローチ。別の解決策として、HTML 5のCanvasタグを使って、画像を描くってのもあったけど、 Canvasタグが良く分かってなかった＋SVGの方が目的には簡単だったので却下。

やったことは、InkscapeでSVGファイルを作って、それをJavaScriptで操作すること。 SVGファイルを作るのにInkscapeを使ったのは、SVGの規格標準なファイルが作れることと、 Illustratorとは違ってフリーで使えたから。

MacにInkscapeをインストール

InkscapeはX11アプリなので、単純にダウンロードしてインストールじゃ動かない。まずは、X11のインストールが必要。と言っても、昔はMac OS XにX11も含まれてたと思うけど、今は含まれていないのでXQuartzをインストール。

Xquartzは、XQuartzのWebサイトからダウンロードしてきてインストール。

続いてInkscapeのインストールだけど、手順は公式サイトが詳しく書いているので割愛。

Inkscapeで画像を描く

画像のように、ごくごく簡単な画像をInkscapeで描く。今回は、「80w」の部分を可変にするイメージ。

で、可変にしたい部分は、プロパティでIDを付与する。これは自動的にも付与されるんだけど、自分で付けた方がわかりやすいと思う。

画像を描いたら、SVGファイルとして保存する。

JavaScriptから操作する

SVGファイルはXMLになっているので、テキストエディタで開いてHTMLへコピペする。

今回は、以下のようなHTMLを用意した。テキストボックスに値を入れて、「書き換え」ボタンを押すと画像が変わる。


  
  画像マッピングテスト
  


  
    
  
  
    ワット数を書き換える：

JavaScriptでこれを操作するのは、こんなコード。jQuery使ってる。

$(document).on("click", "#wButton", function() {
  console.log($("#textW01").text());
  $("#textW01").text($("#textW01edit").val());
});

こんな感じで、結構簡単に画像とJavaScriptのコラボレーションができた。

と、感動して後輩に伝えたら、上司に良くわからないものを使うな、と言われたらしい。自分が知らないものを「良くわからないもの」で片付けるのは老害というのでは…。

Android SDKの場所を変えた時にCordovaプロジェクトで修正すべき所

2013-11-23T22:08:00.000+09:00

結構なレアケースだと思うんだけど、少しハマったので記録。

こんな条件の時に出会う。

Cordova 3.xのプロジェクトでAndroidをプラットフォームとして追加している
Cordovaプロジェクト作成後にAndroid SDKの場所を移動した

上記条件が揃うと、cordova buildが失敗するはず。build.xmlでSDKのbuild.xmlをimportできないって下のようなエラー。

[Error: An error occurred while building the android project.Error executing "ant clean -f /path/to/project/platforms/android/build.xml": │
BUILD FAILED

原因は、platforms/android/local.propertiesにSDKの場所が書かれてるから。このファイルにある「sdk.dir」を移動したSDKの場所に書き換えればコンパイルできるはず。

今回、Android Studioに同梱されてるSDKをやめて、SDKのみをインストールし直したことからこんなことに…。

Gradleでfile.encodingをセットする

2013-11-08T22:47:00.000+09:00

続けて、超小ネタを投稿。

Gradleでビルドしたjarに日本語クラス名のクラスがある時、そのクラスが見えない現象が発生。結局、jarをビルドした時のfile.encodingがMS932だったのが原因。

解決方法であるこの方法が効かなかったので、別の方法を取ることにした。この解決方法が効かなかったのは、GVMで入れたGradleだからかな？

今回解決したのは、build.gradleに以下を入れる方法。

System.setProperty('file.encoding', 'UTF-8')

Proxy環境でJenkins回すために

2013-11-08T22:40:00.000+09:00

久しぶりの投稿。最近は、JavaやらBRMSやらJavaScriptをよくやってます。

今回は、今のプロジェクトで作っているものをJenkinsでビルド→テストしておこうと設定したので小ネタとして投稿。こういうのは、プロジェクトの初期にやらないと泥沼になると @hideoku に聞いたので、その教訓を活かしてプロジェクト初期の今のうちに設定。

例によって、Proxy環境に若干苦しめられたけど、なんとか完了。以下、やったこと。

Jenkinsをyumでインストール

/var/lib/jenkinsに入る
jenkinsユーザのホームディレクトリもここに
GradleプラグインもJenkinsのシステム設定からインストール

Apacheと連携

Jenkinsが標準で使うポートをを他で使ってて、かつURLをhttp://server/jenkinsにしたかったので、/etc/sysconfig/jenkinsを編集

JENKINS_PORT="8084"
JENKINS_AJP_PORT="8010"
JENKINS_ARGS="--prefix=/jenkins"

AntとGradleをインストール

BRMS系のパッケージ作りはAntでのビルド、それを使う周辺はGradleでのビルドなので、両方ともインストール。

Jenkinsのシステム設定を見ると、自動インストールできそうだったけど、JDK以外は自動インストールが上手く行かなかったので、手動でインストールすることに。

と言っても、両方ともバイナリー版をダウンロードして、/usr/localにantとgradleとして置いて、/etc/profileに設定追加しただけ。

  export GRADLE_HOME=/usr/local/gradle
  export ANT_HOME=/usr/local/ant
  export PATH=$PATH:$GRADLE_HOME/bin:$ANT_HOME/bin

GradleのProxy設定

Gradleのビルド途中でdependency解決でインターネットに接続するけどProxy環境なので、/var/lib/jenkins/.gradle/gradle.propertiesを作成。

systemProp.http.proxyHost=proxy.jp
systemProp.http.proxyPort=8080
systemProp.http.proxyUser=hoge
systemProp.http.proxyPassword=hogehoge
systemProp.http.nonProxyHosts=*.hoge.com|localhost
systemProp.https.proxyHost=proxy.jp
systemProp.https.proxyPort=8080
systemProp.https.proxyUser=hoge
systemProp.https.proxyPassword=hogehoge
systemProp.https.nonProxyHosts=*.hoge.com|localhost

と、まぁこんな感じでJenkins環境ができた。来週からジャンジャンJavaとルールとJUnitテスト書かねば。

Titanium StudioをWindowsかつProxyの環境で使う時のTips

2013-06-11T22:25:00.000+09:00

所用で、WindowsかつProxy環境にTitanium Studioをインストールしたらハマったのでメモ。

64bitのWindowsで動かない！

色々調べた結果、これは原因がよくわからず、対処方法だけ分かった。対処方法は、JDK 6の32bit版をインストールして、TitaniumStudio.iniの9行目あたりに以下を書いておくこと。

-vm
C:\Program Files (x86)\Java\jdk1.6.0_45\bin\javaw.exe

Titanium Updatesできない！

次にハマったのは、Titanium Studio自体のインストールは問題なく完了するんだけど、「Check for Titanium Updates」でSDKをアップデートした時の、ACSやらAlloyをnpmでインストールする所で、下の画像みたいなエラーになる。

色々調べた結果、やっぱりいつも通りのProxyが原因だった。原因は、npmがProxyを通れずにパッケージをインストールできないこと。

なので、Titanium StudioがSDKをアップデートする前にNode.jsをインストールして、 npmにProxyを設定してやる。Node.jsのインストールは、ここからインストーラーをダウンロードしてインストールするだけなので割愛。npmのProxy設定は、以下をコマンドプロンプトで発行する。

% npm config set proxy http://ユーザ:パスワード@ProxyサーバURL:ポート/

こうすると、~/.npmrcができてTitanium Studioもアップデートできるようになる。

参考

いつか見た惑星: プロキシ環境下でnpm installを実行する

Kitchen Sinkがimportできない！

上のに加えて、TitaniumのサンプルであるKitchen Sinkをimportしようとすると、またエラー。今度は、たぶんgit cloneする時のプロトコルがhttpsじゃなくてgitなのが原因。

任意の場所で、

% git clone https://github.com/appcelerator/KitchenSink.git

してやれば大丈夫。

うーん…こんな限定的なノウハウ、誰かの役に立つかな？？？会社では役に立ったけど。

Chefで試したレシピのイディオム的な何か

2013-04-15T22:19:00.001+09:00

珍しくブログに連投。

このWindows + Cygwin + Proxy環境でChefを試した時に書いたレシピの中から、いくつかピックアップして掲載。もっと良い書き方があると思うんだけどなー。

いずれの書き方も、Ubuntu 12.10への環境構築を前提にしての記述。

Proxy環境への適応

Proxy環境だと、色々事前にセットしないとネットワーク経由でのapt-getやらgitやらgemが使えない。まずは、Proxy環境への適応。

attributes/default.rb

ProxyのURLを直接レシピに入れたくないので、以下のような内容をattributesとして設定しておく。

default["private"]["proxy"] = "http://ユーザ名:パスワード@ProxyのURL:ポート番号/"

recipes/default.rb

その上でレシピに以下を入れる。やっていることは、/etc/profileにProxyの環境変数を追加。

ちなみに、このレシピにはnot_ifを入れてあって、attributesにURLをセットしなければ、このレシピは動作しない。

# attirbutesに設定したProxyのURLを変数にセット
proxy = node['private']['proxy']

bash "proxy on profile" do
  not_if { proxy.empty? }
  code <<-EOC
    echo "export http_proxy=#{proxy}" >> /etc/profile
    echo "export https_proxy=#{proxy}" >> /etc/profile
    source /etc/profile
  EOC
end

認証が必要なGitリポジトリからclone

PublicなGitからcloneする分には、単にURLを入れれば良いが、認証の必要なPrivateリポジトリの場合は、一工夫いる。また、Gitを使う場合は、GitにもProxy設定が必要。上のattributesを応用する。

attributes/default.rb

default["private"]["gitUrl"] = "https://ユーザ名:パスワード@リポジトリURL"

recipes/default.rb

bash "git proxy" do
  # 以下で使ってるproxyは、Proxy環境への適応で作った変数
  not_if { proxy.empty? }
  code <<-EOC
    git config --global http.proxy #{proxy}
  EOC
end

git "cloneするディレクトリをフルパス指定" do
  # ここでは、attributesを直接使ってる
  repository node[:private][:gitUrl]
  reference "master"
  action :checkout
end

その他気をつけること・ハマったこと

not_ifの記述

not_ifをメソッド呼び出しだと思い込んだため、当初こんな書き方をしていた。

not_if(条件)

これ動作しない。以下のように書く。波括弧なことに注意する。

not_if { 条件 }

リンクを作るlink Resource

シンボリックリンクやハードリンクを作るlink Resourceを使おうと思って、こんな書き方をしていた。

link "/home/hoge" do
  to "/home/hoge/dotFiles/.zshrc"
end

やろうとしていることは、lnコマンドのつもり。

ln -s /home/hoge/dotFiles/.zshrc .

だが、これが動作しない。以下のように書く。ファイル名まで書くようにする。

link "/home/hoge/.zshrc" do
  to "/home/hoge/dotFiles/.zshrc"
end

【追記あり】SphinxのblockdiagでOSごとにフォント設定を変える方法

2013-04-15T13:11:00.000+09:00

Sphinxで簡単なフローとかを書く時にblockdiagを使うことがある。ただ、blockdiagは、フォント設定をしておかないとSphinxのビルド時にエラーになってしまう。

しかも、フォントの設定はMac・Linux・Windowsでパスも使うフォントも違う。そこで、Sphinxのconf.pyを使って、OSごとにフォント設定を変える方法を紹介。

追記

この記事を公開後、Twitterで作者さんからもっと便利な対処方法を教えていただきました。そちらの方が便利なので、以下の方法をお勧めします。@tk0miyaさんありがとうございました！

blockdiag_fontpath = [
  'C:\WINDOWS\Fonts\MEIRYO.TTC',
  '/Users/mas/Library/Fonts/meiryo.ttc',
  '/etc/alternatives/fonts-japanese-gothic.ttf',
]

blockdiag_fontpathは配列が指定できるので、分岐せずに全部指定するのがお勧めです。ファイルが見つからない場合はスキップします。 RT @mas0061 ブログ書いた →SphinxのblockdiagでOSごとに… goo.gl/fb/tpKhL
— Takeshi KOMIYAさん (@tk0miya) 2013年4月15日

追記前の元ネタ

といっても、割と単純な方法で、以下をconf.pyに入れるだけ。

import platform
〜中略〜
os_name = platform.system()
if os_name.startswith("CYGWIN"):
  blockdiag_fontpath = 'C:\WINDOWS\Fonts\MEIRYO.TTC'
elif os_name == "Darwin":
  blockdiag_fontpath = '/Library/Fonts/ヒラギノ角ゴ Pro W3.otf'
elif os_name == "Linux":
  blockdiag_fontpath = '/etc/alternatives/fonts-japanese-gothic.ttf'
else:
  sys.exit()

ちなみに、UbuntuだとIPAフォントを入れる方法が一般的っぽいけど、デフォルトの日本語フォントで事足りてる。fontpathを/usr/share/fonts以下の方にしてないのは、シンボリックリンクだからかblockdiagがエラーになるから元ファイルを設定してる。

今回紹介した方法とは別に、各OSの$HOME/.blockdiagrcにフォント設定を書く方法もある。でも、今のところblockdiagを常用してるわけじゃないので、この方法をしばらく使ってる。

Vagrant 1.1.xでGUIモードでVMを起動する方法

2013-04-12T22:09:00.000+09:00

Ubuntuの開発環境を作っていて、tmuxを使いたいがためにGUIを使ってる。Chef使って自動化を試みる中で、VagrantはデフォルトでCUIで立ち上がってくるので、GUIで起動する方法を調べた。

Vagrantの1.0.xと1.1.xでは、方法がちょっと違っているようで、ここに書いているのは1.1.xの起動方法。

Vagrantfileに

config.vm.boot_mode = :gui

を追加するとGUIになるのは、Vagrant 1.0.x。

1.1.xでは、作られたVagrantfileの以下のコメントを外せば良い。このまま起動すると、とりあえずVirtualBoxがGUIで起動する。

   config.vm.provider :virtualbox do |vb|
     # Don't boot with headless mode
     vb.gui = true
  
     # Use VBoxManage to customize the VM. For example to change memory:
     vb.customize ["modifyvm", :id, "--memory", "1024"]
   end

Windows + Cygwin + Proxy環境でChefにトライ

2013-04-12T21:45:00.000+09:00

伊藤直也さんの入門Chef Solo - Infrastructure as Codeを購入したこともあって、Chefにトライした。最初は、第2章をMac＋Vagrantで試してみて、続いて先日作ったUbuntuの開発環境を自動化してみようと思った。

会社で始めたので、残念ながらProxyの環境。以下の参考URL通りに進めたんだけど、やっぱProxyあたりで一工夫必要だったので、ブログに残すことにした。

参考：
Windows7上で Vagrant + Chef solo + knife-soloを使い、Ubuntu + ubuntu-desktopの環境を構築してみた - メモ的な思考的な

環境

Windows 7 Professional 64bit
Cygwin 1.7
認証Proxy必須…

準備

CygwinにOpenSSHをインストールしておく
VirtualBoxインストール → インストーラーの通りに
Vagrantインストール → インストーラーの通りに

chef, knife-soloインストール

% gem install chef --no-ri --no-rdoc
% gem install knife-solo -v 0.3.0.pre2 --no-ri --no-rdoc
% knife configure
  →全てEnter、参考にあるffiのエラーは出なかった

Ubuntu 12.10 32bitをインストール

% vagrant box add Ubuntu12.10 http://files.vagrantup.com/precise32.box
% vagrant init Ubuntu12.10

knife

% knife solo init chef-repo
% vi Vagrantfile
  → config.vm.network :private_network, ip: "192.168.33.10" をコメント外す
% vagrant up

ここでVM側のProxyを設定＆chefをアップデート

% vagrant ssh
--
$ vi /etc/environment
  http_proxy="http://user:password@hostname:port/"
  https_proxy="http://user:password@hostname:port/"
$ sudo vi /etc/wgetrc
  http_proxy=http://user:password@hostname:port/
  https_proxy=http://user:password@hostname:port/
  →ダブルコーテーション入れたらエラーになる
$ sudo gem update chef --http-proxy http://user:password@hostname:port/
$ exit
--
% cd chef-repo
% knife solo -V prepare vagrant@192.168.33.10

VM側の/etc/wgetrcにProxyを書かないと以下のエラー
knife-soloのコードを追い掛け回してやっと判明

  Bootstrapping Chef...
  Enter the password for vagrant@192.168.33.10:
  --2013-04-10 08:23:17--  https://www.opscode.com/chef/install.sh
  Resolving www.opscode.com (www.opscode.com)... failed: Name or service not known.
  wget: unable to resolve host address `www.opscode.com'

% vagrant halt
% knife cookbook create piyo -o cookbooks
% vi cookbooks/piyo/recipes/default.rb
  → 参考URL通りに記述
% vi ../Vagrantfile
  →いくつかコメントを外して実態に合わせて書き換える
   config.vm.provision :chef_solo do |chef|
     chef.cookbooks_path = "./chef-repo/cookbooks"
  #   chef.roles_path = "../my-recipes/roles"
  #   chef.data_bags_path = "../my-recipes/data_bags"
     chef.add_recipe "piyo"
  #   chef.add_role "web"
  #
  #   # You may also specify custom JSON attributes:
  #   chef.json = { :mysql_password => "foo" }
   end
% vi nodes/192.168.33.10.json
  {"run_list":["recipe[piyo]"]}
% vagrant up
  Bringing machine 'default' up with 'virtualbox' provider...
  [default] Setting the name of the VM...
  [default] Clearing any previously set forwarded ports...
  [default] Creating shared folders metadata...
  [default] Clearing any previously set network interfaces...
  [default] Preparing network interfaces based on configuration...
  [default] Forwarding ports...
  [default] -- 22 => 2222 (adapter 1)
  [default] Booting VM...
  [default] Waiting for VM to boot. This can take a few minutes.
  [default] VM booted and ready for use!
  [default] Configuring and enabling network interfaces...
  [default] Mounting shared folders...
  [default] -- /vagrant
  [default] -- /tmp/vagrant-chef-1/chef-solo-1/cookbooks
  [default] Running provisioner: VagrantPlugins::Chef::Provisioner::ChefSolo...
  Generating chef JSON and uploading...
  Running chef-solo...
  stdin: is not a tty
  [2013-04-11T02:00:37+00:00] INFO: *** Chef 11.4.0 ***
  [2013-04-11T02:00:39+00:00] INFO: Setting the run_list to ["recipe[piyo]"] from JSON
  [2013-04-11T02:00:39+00:00] INFO: Run List is [recipe[piyo]]
  [2013-04-11T02:00:39+00:00] INFO: Run List expands to [piyo]
  [2013-04-11T02:00:39+00:00] INFO: Starting Chef Run for precise32
  [2013-04-11T02:00:39+00:00] INFO: Running start handlers
  [2013-04-11T02:00:39+00:00] INFO: Start handlers complete.
  [2013-04-11T02:00:39+00:00] INFO: Processing execute[update package index] action run (piyo::default line 9)
  [2013-04-11T02:00:58+00:00] INFO: execute[update package index] ran successfully
  [2013-04-11T02:00:58+00:00] INFO: Processing execute[update package index] action nothing (piyo::default line 9)
  [2013-04-11T02:00:58+00:00] INFO: Processing log[done update] action write (piyo::default line 15)
  [2013-04-11T02:00:58+00:00] INFO: done update
  [2013-04-11T02:00:58+00:00] INFO: Processing package[ubuntu-desktop] action install (piyo::default line 17)
  [2013-04-11T02:33:14+00:00] INFO: Processing log[done install] action write (piyo::default line 21)
  [2013-04-11T02:33:14+00:00] INFO: done install
  [2013-04-11T02:33:14+00:00] INFO: Chef Run complete in 1954.115293972 seconds
  [2013-04-11T02:33:14+00:00] INFO: Running report handlers
  [2013-04-11T02:33:14+00:00] INFO: Report handlers complete
% vagrant halt
% vagrant up

参考：
Chefのプロキシ設定 #chef - Qiita

↓この本は良かった。Chefを始めてみるのに最適。ユースケースごとに解説されてるから、始めた段階でのリファレンスとしても良かった。

番外編：Ubuntuでリトライ

WindowsのProxy環境でどうにもうまくいかなくて、気分転換にWindows上のVMware Playerでやってみようと思った。結果から言うと、VMのネストが原因かVagrantをupできずやめた。

一応、Vagrantをインストールするとことまでを残しておく。

VirtualboxとVagrantをインストール

% sudo apt-get install libqt4-opengl
% sudo apt-get install libsdl1.2debian
% wget http://download.virtualbox.org/virtualbox/4.2.10/virtualbox-4.2_4.2.10-84104~Ubuntu~quantal_i386.deb
% sudo dpkg -i virtualbox-4.2_4.2.10-84104~Ubuntu~quantal_i386.deb
% wget http://files.vagrantup.com/packages/64e360814c3ad960d810456add977fd4c7d47ce6/vagrant_i686.deb
% sudo dpkg -i vagrant_i686.deb

Chefとknife-soloをインストール

Rubyが2.0.0しか入ってなかったので、1.9.3をインストール

% rbenv install 1.9.3-p392
% rbenv global 1.9.3-p392
% gem install rbenv-rehash --no-ri --no-rdoc
% gem install bundle --no-ri --no-rdoc

% gem install chef --no-ri --no-rdoc
% gem install knife-solo --no-ri --no-rdoc
% knife configure # 全てEnter

Ubuntu 12.10 32bitをインストール

% vagrant box add Ubuntu12.10 http://files.vagrantup.com/precise32.box
% vagrant init Ubuntu12.10
% vagrant up # VMware Player上のUbuntuでVirtualBoxを動かそうとしているからかupしない

RVMからrbenvにMac・Ubuntu・Windowsを移行した

2013-04-10T22:09:00.000+09:00

MacもLinuxもRubyの環境はRVMからインストールしていて、WindowsはRubyInstallerを使ってた。

この間、Ubuntuをセットアップした時に.zshrcを共通化したこともあって、Ruby環境も共通化したいなと思い、どうせならということでrbenvに乗り換えてみた。

Ubuntu 12.10

RVMアンインストール

% rvm seppuku
  → これでrvm自体とRubyとGemが全部消える
% vi .zshrc
  → RVM向けの設定を削除

rbenvインストール

% git clone https://github.com/sstephenson/rbenv ~/.rbenv
% vi .zshrc
  export PATH=$HOME/.rbenv/bin:$PATH
  eval "$(rbenv init - zsh)"
% mkdir ~/.rbenv/plugins
% cd ~/.rbenv/plugins
% git clone https://github.com/sstephenson/ruby-build
% exit

Rubyインストール

% rbenv install -l  # インストール可能なRubyが出る
% rbenv install 2.0.0-p0 --verbose
% rbenv global 2.0.0-p0
% exit

% gem install rbenv-rehash
% gem install bundle

参考
今更だけどrvmからrbenvに乗り換えるときの個人用メモ - === SANDmark 19106 === beginning stress test

Mac

準備

Homebrewで以下をインストール。

libyaml
openssl
autoconf, readlineはインストール済みだった

インストール

RVMのアンインストールからrbenv、RubyのインストールはUbuntuと一緒。 Macには、Ruby 1.9.3-p392と2.0.0-p0とJRuby 1.7.3をインストール。デフォルトは、2.0.0-p0にしておいた。

Windows

Windowsは、Cygwinで使えることが前提。ただし、結果から言うとrbenv installは失敗した。 Windows + Cygwin + 認証Proxyの組み合わせは、開発環境が非常に作りにくいと改めて実感。そういえば、RVMもRuby 1.9.3がrvm installできなくてRubyInstaller使うようになったんだった…。

rbenvのインストールまではUbuntuと一緒
rbenvをインストールしてシェルを起動した時に、"\r"関係のエラーが出る場合は、 Windowsの環境変数 "SHELLOPTS" に "igncr" を追加すると良い

\rを無視するための参考
Cygwin 上の bash で，CR を無視する方法 - Lokiへの日々

Rubyインストール

RubyInstallerでインストールしたRubyはアンインストール
rbenv install 1.9.3-p392にしても、yamlのconfigureでエラーになる
→単体でyamlをwgetしてconfigureしてもエラーにならない
諦めて、ソースからコンパイルしてrbenv管理下に置くことに
Cygwinのsetup.exeでlibyaml-devel, readline, zlib, zlib-devel, openssl, openssl-develを追加インストール

% wget http://ftp.ruby-lang.org/pub/ruby/1.9/ruby-1.9.3-p392.tar.gz
% tar xvf ruby-1.9.3-p392.tar.gz
% cd ruby-1.9.3-p392
% ./configure --prefix=~/.rbenv/versions/1.9.3-p392
% make
% make install
% rbenv rehash
% rbenv versions
  →　1.9.3-p392が出てくるはず
% rbenv global 1.9.3-p392

参考
自分でコンパイルしたRubyをrbenvで管理する(Mac OS X) #Ruby #Mac #rbenv - Qiita

VM上のUbuntu 12.10をセットアップした【追記あり】

2013-04-02T22:16:00.001+09:00

Cygwin + minttyの環境で色々やってきたけど、Proxy環境と相まってつまづくことが多い。そこで思い立って、UbuntuをVMware Playerにインストールして開発環境にしてみた。

今のところ必要なものをちょこちょことセットアップしてきて、ほとんどの環境ができてきたと思う。あとは、EclipseもUbuntuに移してしまうかどうかぐらいかな。

というわけで、やったことをログとして残しておく。

ベース環境

VMware Player上にUbuntu 12.10 日本語 Remixイメージをインストール

必要なモノをインストール

% sudo apt-get install zsh
% sudo apt-get install tmux
% sudo apt-get install subversion

Subversionは入ってないのに、Gitは最初から入ってることに驚いた。

あとは、VMWare Toolsも忘れずに。

.zshrc, .vimrcは、Gitリポジトリからcloneしてシンボリックリンク。.™ux.confは、今回初めて作ったので、これもGitリポジトリへ。

Sphinx

% sudo apt-get install python-setuptools
% sudo apt-get install python-pip

pipでProxyを使うために、.zshrcに以下を追加

alias pip="pip --proxy=$http_proxy"

% sudo pip install sphinx
% sudo pip install blockdiag
% sudo pip install sphinxcontrib-blockdiag

Oktaviaを使うために、Node.js v0.10.2をソースからコンパイル。
※apt-getで入るバージョンだと、古くてOktaviaが動かない模様

% ./configure
% make
% sudo make install

自作Pygmentsは、eggファイルだからpipで入らなくてeasy_install

% sudo easy_install pygments_plugin_vdm_lexer-0.1-py2.6.egg

日本語入力にMozc

% sudo apt-get install ibus-mozc
% killall ibus-daemon
% ibus-daemon -d -x &

日本語TeX環境

% sudo apt-get install texlive-lang-cjk
% sudo apt-get install texlive-fonts-recommended

あとは、自作のplatexからdvipdfmxするシェルスクリプトを持ってくればOK。

参考：WM×LI: 【Ubuntu12.10】LaTeX環境を整える【簡単】
※texlive-fonts-recommendedを入れないと日本語TeXコンパイルでエラー

追記

これでTeX環境もOKだと思ってたら、pngやjpg画像をebbしてTeXファイルをコンパイルしてみるとxbbファイルがないとのエラー。色々調べた結果、texmf.cnfにextractbbを追記しないとダメだった。

extractbbを入れてしまえば、これまで通り画像ファイルをebbしてplatexすればOKになった。

↓extractbbを入れるとこんな感じ。

shell_escape_commands = \
bibtex,bibtex8,\
kpsewhich,\
makeindex,\
mpost,\
repstopdf,\
extractbb, \

参考
TeXにpng画像を挿入するときの注意 #TeX #Ubuntu - Qiita

Ruby

% sudo apt-get install curl, bison, dh-autoreconf
% \curl -L https://get.rvm.io | bash -s stable
% rvm install 1.9.3-head

ここで、全くRubyが入っていない環境だと、Ruby 2.0.0を先に入れる動作になるらしい。で、2.0.0を入れるものの、which rubyしてもない環境で1.9.3のインストールに失敗する。たぶん、apt-get install rubyを先にした方が良いんだけど、ここでは、やったことをそのまま掲載。

% rvm use 2.0.0
% rvm install 1.9.3-head
% rvm use 1.9.3-head --default
% rvm install jruby

ホームディレクトリの不要なディレクトリを削除する

% LANG=C xdg-user-dirs-gtk-update
% vi ~/.conf/user-dirs.conf
enabled=False
% rm -rf Documents Music Pictures Public Templates Desktop Videos

リブートして、ディレクトリの名前を変えるか？のダイアログ出るけど、2度と表示しないにチェックして、ディレクトリを変えないボタンを押す

参考：Ubuntu 12.04 初期設定メモ - Softwares/Ubuntu - 総武ソフトウェア推進所

トラブル：ターミナルでCtrl+aとかCtrl+rができない

tmuxを疑ったこともあったけど、.zshrcに

bindkey -e

指定追加で解決。 MacでもCygwinでもいらなかったんだけどなー…。

参考：zsh でいつの間にか Ctrl+R とか Ctrl+A とかきかなくなっていた - 肉とご飯と甘いもの @ sotarok

pkgbuildとproductbuildでMacのインストーラーを作ろう

2013-03-12T06:20:00.001+09:00

ここ最近インストーラーを作る機会が多い。

Windowsでのインストーラー作りは、NSISやWiXを使う方法で書いた形で作れた。で、今回はMacでのお話。

Macのインストーラーは、Package MakerがXcodeに付属していて、これを使えばGUIベースで簡単にインストーラーが作れたらしい。Snow LeopardかLionあたりまでは。Mountain Lionな今、どうやらPackage Makerは標準ではなくなり、AppleのDeveloperサイトからAuxiallery Tool (Late July 2012)をインストールしなければ使えないらしい。

Auxiallery ToolをインストールしてPackage Makerで作ってもいいんだけど、どうせならMountain Lion時代の標準でと思い、色々調べてみた。その結果、pkgbuildとproductbuildというコマンドを使うのが良さそうだと行き着いた。ちなみに、両コマンドともSnow Leopardには既に入ってたコマンド。

pkgbuildとproductbuildを使うのに行き着いたのはいいけど、これらを使う情報が非常に少ない。特に日本語の解説は見当たらなかった。しかも、pkgbuildはArchLinuxにもあるらしく、そっちばかり検索に引っかかる…。そんな中、どう検索しても最終的に行き着く解説ページがStack Overflowにあった。

Making OS X Installer Packages like a Pro - Xcode4 Developer ID Mountain Lion ready pkg

↑では、単にインストーラーを作るだけじゃなくて、Developer IDを埋め込む方法も書いてある。

んで、今回のやりたいことはこんな感じ。

1つに集めたディレクトリ内のファイルを/Applicationsにコピー
インストール過程で使用許諾を表示して同意させたい
使用許諾は、日本語と英語で表示する文言を変えたい

1つ目の要求だけだったら、pkgbuildだけで実現できるんだけど、2つ目も実現しようとするとproductbuildが必要になってくる。なので、ここから個別に解説。

pkgbuildでインストールパッケージを作る

下のコマンドを発行すれば、とりあえずファイルを指定ディレクトリへコピーするインストーラーが作れる。

pkgbuild --root コピー元ディレクトリ \        --identifier jp.hoge.pkgみたいなやつ \        --install-location コピー先ディレクトリ（/Applicationsとか） \        --version バージョン番号 \        パッケージ名

productbuildでビルドするためのXMLファイルを作る

続いて、pkgbuildで作ったパッケージをproductbuildで仕上げるために、XMLファイルを作る。手でXMLファイルを作っても良いんだけど、このコマンドで発行した方がラク。

ちなみに、このコマンド発行は最初の1回だけで良い。

productbuild --synthesize \            --package pkgbuildで指定したパッケージ名 \            ./Distribution.xml（XMLの名前は何でも良い）

これによって、以下のようなXMLが得られる。

                                                                    pkgbuildで指定したパッケージ名

Distribution.xmlのカスタマイズ

これに2点手を加える。

まずは、タイトルを入れること。入れておかないと、インストーラーのタイトルがない状態になる。タイトルは、こんな感じで<installer-gui-script>の下にでも入れる。

The VDM++ Toolbox

続いて、使用許諾の表示。これは<options>の下あたりに以下を入れる。使用許諾のファイル名は何でもOK。

使用許諾を日英別々のファイルにするには、ディレクトリ構成を以下のようにして入れる必要がある。English.lprojとJapanese.lprojにそれぞれの言語の使用許諾ファイルを入れれば準備OK。

Resources├── English.lproj│   └── License.rtf└── Japanese.lproj    └── License.rtf

productbuildでインストーラーを仕上げる

ここまで準備できたら、後はインストーラーを仕上げるためにproductbuildをかける。

productbuild --distribution productbuildで指定したXML \            --package-path . \            --resources 各種リソースがあるディレクトリ \            最終的に作りたいインストーラーパッケージ名

まとめ

長くなったけど、これでMacのインストーラーができる。productbuildのsynthesizeは一度だけで良いので、インストーラーを作るシェルスクリプトを作っておくと便利。例えばこんな感じ。バージョンは引数で与える想定。

さらばKindle Fire HD

2013-03-02T06:24:00.000+09:00

この時ゲットしたKindle Fire HDを2ヶ月あまり楽しく使ってたんだけど、

先日こうなって、

Kindle Fire HDが起動しなくなった…。起動時のロゴ表示後落ちる or 起動後に強制シャットダウン。
— mas0061さん (@mas0061) 2013年2月21日

さらにこうなって、

起動しなくなったKindle Fire HDが、ごくたまに起動した隙に初期化してみた。端末からアッサリできるのはスゴい。が、初期化後の初期設定画面で強制シャットダウンのダイアログ…。ダメだこりゃ。
— mas0061さん (@mas0061) 2013年2月21日

こうなった。

残念な感じのKindle Fire HDに見切りをつけ、Amazonに電話してみた。ダメそうな状態ってことで、この後交換含めた話をすることに。返品して、NEXUS 7 or iPad miniって離れ技はありなんだろうか？
— mas0061さん (@mas0061) 2013年2月21日

こうなる前から変な動作をしてた。

テーブルの上に置いて触ってもいないのにスリープから目覚める
電源ボタン付近を強めに押すと「シャットダウンしますか？」と聞いてくる
Perfect Viewerが頻繁に落ちる

というわけで、結論としてはタイトル通りこうなった。

色々あって、結局Kindle Fire HDは今日旅立つことに。短い付き合いだったな…。
— mas0061さん (@mas0061) 2013年2月21日

そして、これは更なる展開へ…

Sphinxの新しい？テーマを勝手に使ってみた

2013-01-30T05:49:00.001+09:00

たまに見に行くSphinxの公式サイト。最近見てみたらテーマが変わってた。なかなかいい感じの見た目なので、早速適用してみたいと思ったのが今回の発端。

HTMLを見てみると、どうやら「sphinx13」というテーマらしいことが分かる。が、どこかで配布されてるようなものではない模様。

で、色々探したあげく、BitbucketのMercurialリポジトリに入っていることを発見。

そこで、Mercurialリポジトリを丸ごとcloneしてきて、テーマだけ抜いて適用してみたのがこちら。

MacのChromeだとこんな感じ。

WindowsのFirefoxだとこんな感じ。

適用するためには、source/_themeにsphinx13をディレクトリごと入れて、conf.pyに以下の設定を追加する。

html_theme = 'sphinx13'html_theme_path = ['_theme']

ただし、今回2点カスタマイズした所がある。

ヘッダー画像を入れ替える
日本語フォントをCSSに追加する
リレーションバーを書き換える

ヘッダー画像は、SphinxのWebサイト用のが使われてたので、layout.htmlを変更した。

日本語フォントを追加したのは、元々が英語サイトで、細めのOpen Sans？を使ってるんだけど、日本語フォントをセットしないとMS Pゴシックになっちゃって残念な感じになるから。何が合うかと思ったけど、どこにでも入っていそうなメイリオを指定することにした。

なので、sphinx13.cssのbodyを以下のようにした。

body {  font-family: 'Open Sans', 'Lucida Grande', 'Lucida Sans Unicode', 'Geneva', 'Verdana',               'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', メイリオ, Meiryo, sans-serif;    （以下省略）}

リレーションバーは、元々のテーマだとうまくパンくずリスト的にならなかったので、以下のURLを参考に書き換えた。

テーマに少し手を入れてちょっとだけ使いやすくる — togakushi.bitbucket.org 0.1 documentation

{% block rootrellink %}  home{{ reldelim2 }}
  {{ super() }}
{% endblock %}

これで、Sphinxドキュメントをmake htmlすればできあがり。良い感じになったので、しばらくこれを使おうかな。

Windowsでインストーラーを作るのは意外と簡単だった【NSISとWiX】

2013-01-27T07:35:00.001+09:00

仕事でWindows用のインストーラーを作ることになって、ちょっと面倒だなと思ってたけど意外と簡単だったというお話。

今回は、以下のようなことを実現したいと思ってツールを選定、試行した。

64bit版Windows対応できることが最優先
できれば64bitと32bitのインストーラーを1つにまとめたい
できれば日本語と英語のインストーラーを1つにまとめたい
インストーラー作成はCygwinからコマンドラインでやりたい
使用許諾をインストールの過程で出したい

で、今回の成果は、GitHubに公開しておいた。汎用的に書いておいたから、他でも流用できるはず。

NSIS-WiX_Example - https://github.com/mas0061/NSIS-WiX_Example

色々試行する中でのTips等々を書いておく。なお、今回試した環境はいずれもWindows 7 64bit。

まずはNSISから。

NSIS

NSISは、専用のスクリプト言語みたいので書いてツールにかけることでインストーラーができるツール。スクリプトはちょっとクセがあるので書きやすいとは言えないけど、記述量は多くないのでなんとかなる感じ。

NSISのメリットは、64bitと32bitを1つのインストーラーにまとめられること。あとはスクリプトベースなので、後述するWiXのXMLベースよりは書きやすいとこかな。

ツールダウンロード

NSIS：2.46（この時の最新）
HM NIS EDIT/ ：2.0.3（この時の最新）

ツールインストール

どちらもインストーラーを実行して素直に従えばOK。HM NIS EDITはオプションで、今回は結局インストールすらしなかった。直接スクリプトを書いていっても問題ない感じ。

Cygwinで使えるようにする

% vi .zshrc # bash使いなら vi .bashrc

↓以下を追加

export PATH="/cygdrive/c/Program Files (x86)/NSIS":$PATH

Cygwinで

% makensisMakeNSIS v2.46 - Copyright 1995-2009 ContributorsSee the file COPYING for license details.Credits can be found in the Users Manual....

となればOK

メモとTips

Cygwin + Poderosaの組み合わせはダメ、Cygwin + minttyやCygwinのターミナルならOK
Fileコマンドの/rと/oname=Xは両立できない

ディレクトリを違う名前でインストールしたければ、以下のようにする

File /r hogeRename "$INSTDIR\hogeRename" "$INSTDIR\hoge"

参考になるURL

続いて、WiX。

WiX

ツールダウンロード

WiX Toolset：3.7（この時の最新）
WixEdit：0.7.5.0（この時の最新）

ツールインストール

どちらもインストーラーを実行して素直に従えばOK。

Cygwinで使えるようにする

% vi .zshrc # bash使いなら vi .bashrc

↓以下を追加

export PATH="/cygdrive/c/Program Files (x86)/WiX Toolset v3.7/bin":$PATH

Cygwinで

% candleWindows Installer Xml Compiler version 3.7.1224.0Copyright (C) Outercurve Foundation. All rights reserved.

となればOK

チュートリアルを実施

右も左も分からない状態で、良いチュートリアルがあったので、それをベースに作っていった。その上で詰まった所や変えたとこを書いておく。

ProductのVersionは、数字+.しか許されないようだ。「10.0.0b」のような記述は不可
ライセンスに同意して次へ進むと不明なエラー(コード2819)が出る。

上にある不明なエラーは、「Property.Id="WIXUI_INSTALLDIR"」がキャメルケースになってたためだった。

参考： orange/note: WindowsインストーラWiX

64bit版インストーラーを作るためには、以下が非常に参考になる。この中の方法2で今回は試した。

参考： WiXによるインストーラ作成 - torutkの日記

参考になるURL

さいごに

64bit対応のために始めた今回の試行。冒頭に書いた通り意外と簡単だった。あんまりインストーラーを作る機会はないけど、貴重な経験の1つとしておこう。いつか使うかもしれないし。

VDM++のgetter・setterを生成するサクラエディタのマクロ書いた

2012-12-21T23:22:00.001+09:00

VDM++は、仕様記述言語かつオブジェクト指向言語。VDM++にはレコード型という構造体のような型が組み込まれているし、仕様記述言語なので、タイトルにあるようなgetter・setterは使いたくない所ではある。
ただ、例えば汎用的なフレームワークやライブラリーを書きたいシーンや、コード生成を前提に周辺クラスとの連携をするシーンにおいては、インスタンス変数とgetter・setterのセットが含まれたクラスを書くこともある。
その時、このgetter・setterを書くのが面倒だと、常日頃思ってた。定型的な書き方なのに記述量は割りと多い。これを解決するには、2つの方法がある。

インスタンス変数をpublicにする
getter・setterの記述を生成する仕組みを作る

今回は、2.の生成する仕組みをサクラエディタのマクロとして実現した。Windowsでサクラエディタを使ってVDM++を書くという、超ニッチなニーズがどこにあるのか分かんないけど、少なくとも自分は常用するマクロなので、どこか他の人にもで役に立つといいなと思って公開する。

ダウンロード

GitHubからダウンロードしてください。
VDMgetterSetterGen.js

使う準備

まずは、サクラエディタにマクロの登録をする。
任意の場所にマクロを置いて、[設定] -> [共通設定]。[マクロ]タブの空いている所に、以下のように設定して、[設定]ボタンを押す。

WS001 posted by (C)mas
続いて、[キー割り当て]タブにてキーを割り当てる。例えば自分の場合は[Shift+Ctrl+g]にしてる。

WS002 posted by (C)mas
こうすれば、[ツール] -> [登録済みマクロ]以下に、設定したマクロとキーが設定されているはず。

使い方

まずは、以下のようにクラスにインスタンス変数を定義する。1行に1インスタンス変数にする。初期値はあってもなくても良い。

class EntityClass

instance variables
  id : nat := 0;
  flag : bool := true;
  aClass : Aclass;

end EntityClass

次に、getter・setterを生成するインスタンス変数を選択してコピーする。

WS003 posted by (C)mas
コピーした状態で生成したい場所にカーソルを移動し、マクロを設定したキーを押す。すると、getter・setterが生成される。

WS004 posted by (C)mas
ちなみに、boolのインスタンス変数で生成した場合は、getterがis○○になる仕様。

WS005 posted by (C)mas

仕様

操作名は、「getインスタンス変数名」と「setインスタンス変数名」
インスタンス変数名の最初は大文字にする
boolのインスタンス変数は、getterが「isインスタンス変数名」になる
改行コードはCRLF

もし想定通りに動かないとか、こうした方が良い、があればぜひご意見お願いします。

Kindle Fire HD到着・ファーストインプレッション

2012-12-19T22:30:00.001+09:00

縁あって入手することになったKindle Fire HDが昨日届いた。セカンドがあるかはわかんないけど、ファーストインプレッションを。

IMG_0120 posted by (C)mas
あんまり予備知識がない中で入手したので、手探りでセットアップした。今回は、ギフト扱いで到着してるので、Amazonのアカウントがセットされた状態じゃなくて、セットアップの過程でアカウントとのヒモ付け。

IMG_0133 posted by (C)mas
一通りセットアップが終わると、Kindle Storeで購入した電子書籍が既にあって、開くとiPhoneのKindleアプリで読んでた所から読めた。Kindle Paperwhiteの記事とかで読んでたから知ってたけど、改めて体験すると感心してしまう。

IMG_0134 posted by (C)mas
ここから、色々と触ってみて感じたことを羅列してみる。

大きさはちょうど良い。iPad miniをちゃんと触ってないこともあって、重さも悪くない
液晶保護フィルム貼るのに失敗したので、Kindle Fire HDは裸族で行くことに
付属のUSBケーブルが固めで、柔軟さはあんまりない
フォントに違和感。昔のLinux的な
改めて、iOS端末の作りこみのスゴさを実感。あらゆる所にユーザーが気持よく使える工夫がしてあると実感。
液晶がキレイなのは、写真を表示した時に実感。ロック画面の写真がキレイ
ホーム画面は、コンテンツが増えてきたらツラくないか？マンガみたいに複数冊出てくると一覧性が悪い
PDFのページめくり方向が設定できないのは不便
動作はキビキビしてるとこと、そうでないとこが入り混じってる感じ

IMG_0135 posted by (C)mas
一通り触ってから、手持ちのPDFも入れてみようとMacとUSBで接続するも、USB接続するには接続用のアプリを入れろとKindle Fire HDが言う。そこで、指定されたページに飛んで、「USB Transfer Tools for Kindle Fire HD and Kindle Fire 2nd Generation」をダウンロードしようとするが、Macは「Android File Transfer」を使うように、さらに飛ばされる。

IMG_0136 posted by (C)mas
この辺りは、USBでMacと繋げれば、外部ディスクとして使えると思ってたので、ちょっとがっかりした点。

IMG_0137 posted by (C)mas
そして、ここからコンテンツ周りで色々試してみたこと。

iTunes用に変換した動画は、そのままKindleで再生できる
動画をイヤホンで見たけど、結構音は良い感じ
USB接続して、Booksディレクトリ以下に子ディレクトリ作って、PDFとか入れても読めるか？を試してみたけどダメだった
PDFファイルは、Booksディレクトリ以下に入れても本ではなく、ドキュメントとして認識される
【追記】事前にできないとの情報も見てたけど、iPhone 5とBluetoothでのPAN通信も試してみた。Buletooth端末としてiPhone 5を認識するも通信はできず…。

IMG_0139 posted by (C)mas
ちょっとマイナス面が多い気もするけど、この値段でこのサイズ感は結構好き。今までiPhone 5で動画を見たりしてたけど、これを機に動画はKindle Fire HDに任せても良いかなと思った。いずれにしろ、まだ使い始めたばかりなので、せっかくだからもっと色々触ってみよ。

↓一緒に急速充電器も買うと良い。

Kindle Fire HD用の液晶保護フィルム届いた

2012-12-16T21:26:00.001+09:00

本体はいつ届くか分からないけど…。買ったのはこちら。

IMG_0116 posted by (C)mas

とにかく安いやつってのがコンセプト。見た目、iPad用？って思うけど、よく見ると「Kindle Fire HD 7 Anti-glare」って書いてある。まぁ、アンチグレアだと知ったのは届いてからだが。

IMG_0117 posted by (C)mas

汎用品かなぁと思ったけど、カメラ用？の穴も開いてるから大丈夫そう。

IMG_0119 posted by (C)mas

とりあえず、本体が届いたらこれを貼ってみよう。

ちなみに、Kindle Fire HDは父からの誕生日プレゼント。ありがたや。

【レビューを書いてメール便送料無料】 Kindle Fire HD用　保護フィルム　保護フィルター　キンドル　ファイヤーHD　タブレット　レザー　電子書籍　電子ブックリーダー
価格：420円（税込、送料込）

astah Scriptでパッケージを取り払ったXMI出力するスクリプト書いた

2012-12-09T07:00:00.001+09:00

いや、ホントは書いてからだいぶ時間経っちゃったけど…。

astah Scriptが出た時に、これはおもしろいということで、何か作ることにした。例によって、VDM関連でできたら良いな、というものがあったので、それを作ることに。

作ったのは、パッケージに分けられたクラス構造から、パッケージが全くないフラットなクラス構造にしたXMI出力するスクリプト。

何に使うかというと、VDM++にはパッケージの概念がないので、これまでastah→VDMToolsにクラス構造をXMIエクスポートしてくると、パッケージ内のクラスが反映されなかった。

でも、クラス構造をUMLで見る場合はツリー構造になってる方が分かりやすい。そこで、XMI出力する時だけパッケージ構造を取り払うことにした。

仕様

パッケージを全て取り払ったクラス構造のXMI出力をします
XMLファイルは、元の.astaファイルがある場所に「exportFlat.xml」という固定ファイル名で出力します
パッケージ構造を取り払うのは一時的で、元の.astaファイルには反映されません
パッケージを越えて同じクラス名があった場合は、先に見つかった方が優先されます
この時、astahのスクリプトウィンドウ下部に、「duplicate class -> クラス名」と表示されます

使い方

ここからダウンロードして、ExportFlatClassXMI.jsを任意の場所に置く
クラス構造を含む.astaファイルを開く
メニューの [ツール] -> [スクリプト] で、スクリプトウィンドウを表示する
ここからスクリプトウィンドウでの操作

[ファイル] -> [開く]で、保存したExportFlatClassXMI.jsを指定
[アクション] -> [実行] でスクリプト実行

制限事項

astahのXMI出力機能を使うため、astah* professionalが必要です
パッケージを全てなくしてしまうため、パッケージをまたがって同じクラス名があった場合は、最初に発見したクラスを優先します
Macにおいて、円マークをファイル名やディレクトリ名に使用した場合の動作は保証できません

試行錯誤したとこ

パッケージのない構造が元ファイルに保存されると困るので、XMI出力した後で保存しないで閉じる→再度開くをしてる。もうちょっとスマートなやり方ないもんかな。

トップのパッケージをスクリプトで取得するのに、全パッケージをループして親がいないパッケージを探索する関数を書いたけど、途中で「astah.getProject()」で取れることに気づいた…。ちなみに、最初は以下のようなコードで取ってた。

function getTopPackage() {    packages = astah.findElements(IPackage);        for(var j in packages) {        if (packages[j].getOwner() == null) {            topPacakge = packages[j];        }    }    return topPacakge;}

これを使うと、astahでおおよそのクラス構造を書いて、VDMにXMIで持っていくのが便利になった。自分では常用しそうだから、スクリプトじゃなくてプラグインにしちゃった方が良いかな？？？

Proxy経由でastahプラグインの開発環境を作る時の注意点

2012-12-07T22:21:00.001+09:00

astahのプラグイン開発環境を作るには、公式の開発チュートリアルがあるので、通常は特に迷うことなく環境が作れるはず。

がっ！世の中には閉鎖的な環境というのがあるもんで、Proxyのある環境ではチュートリアル通りに行かない。ここでは、そんな環境で注意すべき点を1つ紹介。

試した環境は、Windows XPのCygwin環境。環境変数のhttp_proxyは設定してあるけど、それではダメ。astahプラグインSDKを置いた場所（ASDK_HOME）以下に設定ファイル（ASDK_HOME/conf/settings.xml）があるので、それを編集する。

90行目付近に、Proxy関連の設定があるので、それを生かすようにする。

  
    
      optional
      true
      http
      proxyuser
      proxypass
      proxy.host.net
      80
      local.net|some.host.com

動作確認するには、これを設定した上で「astah-launch」してastahが起動すればOK。

指を加えて早4年、ようやくiPhoneへMNPした

2012-11-23T22:29:00.001+09:00

iPhoneが日本で発売されて4年以上。当初から欲しいと思っていたが、自分の携帯がドコモで、ドコモからiPhoneが出ないため、ずっと奥さんの了承が取れなかった。が、ようやく10/28にiPhone 5へMNP。

P1070253 posted by (C)mas

iPhoneを買えない間、

2009年：第3世代iPod touch購入
2010年：WiMAXルーター購入
今年1月：Softbankの007Zルーターに買い替え

と、外でネットに繋げて色々やる環境は持っていた。加えて、携帯はドコモのガラケーを月1,200で運用していた。

P1070252 posted by (C)mas

満を持して購入したiPhone 5。奥さんの了承が取れたのは、

ずっとiPhone欲しいと言っていた（しつこくない程度に…）
世の中スマートフォンの流れになっているし、iPhoneがデファクトみたいに見える
奥さんが仲の良いママ友が夫婦でドコモからiPhone 5へMNP
auがiPhoneを取り扱い始め、さらにスマートバリューを始めた
我が家のネットはauひかり
自分のおこづかい減額を提案した

と、様々な要因が絡み合ってのこと。ここまで長かった…。

P1070251 ケースは、iPod touchで使った実績からパワサポのエアージャケットに。posted by (C)mas

そうやってようやく手に入ったiPhone 5で今は快適な暮らしをしてる。ここまで1ヶ月弱使ってきての印象は、

やっぱりどこでもネットに繋がるのは快適
LTEは本当に速い
どこでも繋がる分、ちょっと繋がらなかったり遅いとストレス感じるように…
カメラが優秀すぎ
iPod touchをずっと使ってるから戸惑わないと思ったけど、結構電話やメッセージの設定周りで右往左往
持ち物が激減（ガラケー＋iPod touch＋Wi-Fiルーター → iPhone 5のみ）

という感じかな。

P1070377 posted by (C)mas

あとは、iPhoneにMNPしてメールアドレスが変わるのきっかけに、キャリアメールを使うのを止めた。iPhoneというか携帯のメールアドレスとして、Google Appsで運用している独自ドメインにメールアドレスを作った。アドレス変わりましたメールをGmailから出せるのは快適だったけど、思っていたより送れない人が多かった。おそらくドメイン指定受信の設定をしているため。これについては、一部の方には申し訳ないけど指定受信設定をしてもらって、他の方は送れないままにしている。直接会う機会があったら設定をお願いするかも。

IMG_0053 iPhoneのカメラは、夜でもここまで撮れる。posted by (C)mas

何はともあれ、ようやくiPhoneを手に入れた。今回のiPhone 5は、周りにいたドコモユーザーの乗り替えが目立つ。相当数auへMNPしたというニュースを肌で感じたし、実際ドコモを持っていたメリットは安いこととエリアが確かなことぐらい。やっぱり使う端末に魅力がないとツラいのかな、という感じがしている。

2年後はどうするかな？？？

astah Scriptで遊ぼう

2012-08-31T18:52:00.001+09:00

astah*が、JavaScriptでastahにアクセスできるプラグイン「astah Script」を出してた。ホントはETロボコンのモデルを書かなきゃいけないから遊んでる場合じゃないんだけど、遊んでたらおもしろかったので…。色々書いてみて遊んだメモを残しておく。

インストールや基本的な動かし方は、公式サイトを見てください。あと、今回作ったスクリプトは別エントリで公開しようと思ってる。例によって、VDM絡みのスクリプト。

気をつけること

getNameで取れるのは、JavaScriptのStringではない

Javaのjava.lang.Stringじゃないかと。

文字列比較が == ではできなくてequals使う必要あるし、typeofするとObjectになる。

getProjectで取れる要素の意味

開いているプロジェクトのトップ階層がAPI説明で言うところの「起点となるモデル」。

最初分からなくて、自分で取得するメソッド書いてた…。

JavaScriptのArrayクラスが持つindexOfは使えない

なぜだろう？？？そんなメソッドないエラーが出る。

Tips

UML版やPro版で可能なモデルの編集にはimportを追加する

importPackage(com.change_vision.jude.api.inf.editor);

XMIエクスポートみたいに、ファイルやディレクトリが絡むとMacとWindowsの関係が面倒

下のような関数を作って対応。ただし、ファイル名やディレクトリ名に円マーク使った場合は正常に動かない

var dirName = getCurrentDirectory(astah.getProjectPath());

function getCurrentDirectory(fullPath) {
  var enPos = fullPath.lastIndexOf("¥¥");
  var slaPos = fullPath.lastIndexOf("/");
  return fullPath.substring(0, enPos >= slaPos ? enPos + 1 : slaPos + 1);
}

配列に含まれているか？のindexOfは、自分で実装

Arrayとastahから取れるStringをもらって判定。仕様はJavaScriptのindexOfと一緒で、見つからなければ-1を返す。

function indexOf(org, element) {
  for (var i in org) {
    if (org[i].equals(element)) {
      return i;
    }
  }
  return -1;
}

astah.close()すると、モデルを書き換えていてもいきなり閉じる

保存しますか？ダイアログ出ないので注意

今回の用途だと、モデルは一時的に書き換えたいだけだから良かった

要求図で、起点モデルから要求の包含関係を辿るスクリプト

ただし、satisfyやderiveReqtで繋がる要求まではカバーしない

importPackage(com.change_vision.jude.api.inf.model);

var req = astah.findElements(IRequirement);
for(var i in req) {
  if (req[i].getNestedClasses().length != 0) {
    if (req[i].getOwner().getName() == astah.getProject().getName()) {
      println(req[i].getName());
      printNestClass(req[i], 1);
    }
  }
}

function printNestClass(req, depth) {
  var nestClasses = req.getNestedClasses();
  for(var j in nestClasses) {
    for(var k = 0; k < depth; k++) { print("    "); }
      println("|- " + nestClasses[j].getName());
      if (nestClasses[j].getNestedClasses().length != 0) {
        printNestClass(nestClasses[j], ++depth);
      }
    }
  }

使ってみて思ったこと

おもしろい、簡単
JavaScript上の問題なのかJavaの問題なのかが切り分け辛い
Groovyあたりで書いた方がJavaとの親和性も高くてやりやすいかも

Groovyで書いておけば、astah Scriptでちょろっと試して、それをプラグインまで持ってくのがラクかも

C.C.レモンストロングはC.C.レモンではない

2012-07-25T22:57:00.004+09:00

昔からC.C.レモンが好き。学生の頃は良く飲んでた。

そんなC.C.レモン好きとしては、一度飲んでみたいと思ってたのがC.C.レモン好きストロング。先日コンビニでようやく買ってみた。

が、これはC.C.レモンではない。別物だ。どっちかというと、オロナミンCの方が味が近い。しかもきわめつけは、そんなに炭酸強くもない…。

次買うことはないな。と、初めてiPadから更新してみた。

MySQL 5.1系から5.5系にダンプ→復元する時は文字コード設定に気をつける

2012-07-11T22:38:00.001+09:00

先日、管理しているサーバーの移転をした時に、MySQLのバージョン違いでハマった話。

移転前のサーバーには、MySQLの5.1.xがインストールされてて、いくつかのDBがある状態だった。で、サーバー移転するために、まずは全てのDBをダンプした。

% mysqldump -u root -x --all-databases > mysqlDump.sql

んで、このファイルを新サーバーにコピーして復元。

% mysql -u root -p < mysqlDump.sql

この時点で、MySQLをコマンドラインから見ると問題なくデータが復元されてた。で、もろもろのWebサービスも移転したんだけど、唯一Java+Tomcat+Apache+MySQLな構成のWebサービスだけ挙動が不審。

Javaから検索に行っても正常に検索されず、updateをすると文字化け、でもupdateしたデータは検索できる。と、明らかに文字コード関連で変な挙動をしている。

ダンプ→復元時にDBの文字コードが反映されなかったかな？と思って見たけど、移行前後ともにUTF-8。

mysql> show create database DB名

結局原因は、MySQL 5.5からmy.cnfに対する文字コード設定が変わったことだった。元々、my.cnfには [mysql]、[mysqld]共に

default-character-set=utf8

としてたんだけど、MySQL 5.5からは [mysqld] のみ

character-set-server=utf8

じゃないとダメだった。設定し直して、MySQLを再起動したら無事動作するようになった。それにしても、こんな微妙な仕様変更しなくても良いのに…。

【参考サイト】 MySQL 5.1 系と MySQL 5.5 系の文字コード - make world

mas-lab.blog

ナノブロック アンバサダーモニターで『まちと電車のある風景』を体験

SVGで画像内のデータをJavaScriptから操作する

MacにInkscapeをインストール

Inkscapeで画像を描く

JavaScriptから操作する

Android SDKの場所を変えた時にCordovaプロジェクトで修正すべき所

Gradleでfile.encodingをセットする

Proxy環境でJenkins回すために

Jenkinsをyumでインストール

Apacheと連携

AntとGradleをインストール

GradleのProxy設定

Titanium StudioをWindowsかつProxyの環境で使う時のTips

64bitのWindowsで動かない！

Titanium Updatesできない！

参考

Kitchen Sinkがimportできない！

Chefで試したレシピのイディオム的な何か

Proxy環境への適応

attributes/default.rb

recipes/default.rb

認証が必要なGitリポジトリからclone

attributes/default.rb

recipes/default.rb

その他気をつけること・ハマったこと

not_ifの記述

リンクを作るlink Resource

【追記あり】SphinxのblockdiagでOSごとにフォント設定を変える方法

追記

追記前の元ネタ

Vagrant 1.1.xでGUIモードでVMを起動する方法

Windows + Cygwin + Proxy環境でChefにトライ

環境

準備

chef, knife-soloインストール

Ubuntu 12.10 32bitをインストール

knife

番外編：Ubuntuでリトライ

VirtualboxとVagrantをインストール

Chefとknife-soloをインストール

Ubuntu 12.10 32bitをインストール

RVMからrbenvにMac・Ubuntu・Windowsを移行した

Ubuntu 12.10

RVMアンインストール

rbenvインストール

Rubyインストール

Mac

準備

インストール

Windows

Rubyインストール

VM上のUbuntu 12.10をセットアップした【追記あり】

ベース環境

必要なモノをインストール

Sphinx

日本語入力にMozc

日本語TeX環境

追記

Ruby

ホームディレクトリの不要なディレクトリを削除する

トラブル：ターミナルでCtrl+aとかCtrl+rができない

pkgbuildとproductbuildでMacのインストーラーを作ろう

pkgbuildでインストールパッケージを作る

productbuildでビルドするためのXMLファイルを作る

Distribution.xmlのカスタマイズ

productbuildでインストーラーを仕上げる

まとめ

さらばKindle Fire HD

Sphinxの新しい？テーマを勝手に使ってみた

Windowsでインストーラーを作るのは意外と簡単だった【NSISとWiX】

NSIS

ツールダウンロード

ツールインストール

Cygwinで使えるようにする

メモとTips

参考になるURL

WiX

ツールダウンロード

ツールインストール

ナノブロックアンバサダーモニターで『まちと電車のある風景』を体験

C.C.レモンストロングはC.C.レモンではない