読んだドキュメントを備忘録的にエントリーしておく。その第1弾。

注意事項

• JavaScriptファイルを更新した場合、MAXパッチを開き直さないと変更が反映されない

Arguments

Document

js オブジェクトに渡した引数は JavaScript 内では jsarguments[] 配列で参照できる。

• jsarguments[0] => ファイル名 (required)
• jsarguments[1] 以降 => その他の引数 (optional)

ということになる。

Test Code

function bang() {
  post(jsarguments[0], jsarguments[1], jsarguments[2], jsarguments[3]);
}

How Input to the js Object is Handled

Document

js オブジェクトの inlet に foo 1 2 3 というメッセージを送った場合、グローバルスコープの foo() 関数を引数 1,2,3 と共に実行するということになる。

Test Code

function foo(a, b, c) {
  post(a, b, c);
}

なお、グローバルスコープは jsthis オブジェクト（ブラウザ JavaScript でいう window オブジェクト）とドキュメントには書いてあるが、jsthisオブジェクトを呼び 出そうとしてもMAXウィンドウに Javascript ReferenceErrod: jsthis is not defined と出て怒られる。なんだこれは。 一方、一般的な this オブジェクトは機能している。

function foo() { }
post(this.foo === foo); // 1 (true)

Special Function Names

Document

msg_int, msg_float

Document

inlet に int が入力されると msg_int() が呼ばれる。inlet に float が入力されると msg_float() が呼ばれる。msg_float() が未定義の場合、 msg_int() が代用で呼ばれるが、少数点以下は切り飛ばされる。 なお msg_float() は少数点第3位以下を受け取ることができない。

Test Code 1

function msg_int(a) { // a == 1
  post(a); // 1
}

Test Code 2

function msg_int(a) { // a == 1
  post(a); // 1
}
function msg_float(a) { // a == 1.23456
  post(a); // 1.23
}

list

Document

inlet に最初の値が int もしくは float の list が入力されると list() が呼ばれる。 上記の例のように最初の値が String の list はその String 名の関数が呼ばれる。

Test Code 1

function list(a, b, c) { // a == 1, b == 2, c == hoge
  post(a, b, c); // 1 2 hoge
  post(arguments.length); // 3
}

anything

inlet に入力されたものに該当する function が定義されていなかった場合、anything() で受け取ることができる。例えば int が入力されたときに msg_int() が未定義だったら anything() が呼ばれる。float や list でも同様。
anything() 内部では messagename と inlet 変数が定義されており、それぞれ inlet に入ったメッセージの種類と、inlet 番号を参照できる。

Test Code 1

function anything(a, b, c) { // a == 1, b == 2, c == hoge
  post("messagename", messagename); // messagename list
  post("inlet", inlet); // inlet 0
  post("anything", a, b, c); // anything 1 2 hoge
}

loadbang

Document

loadbang() はパッチ起動時に呼ばれる。js オブジェクトや jsui オブジェクトを追加した時ではなく、あくまでそれを予め含むパッチ起動時に呼ばれることに注意。
Cmd+Shiftを押しながらパッチを起動すると loadbang を無効化できるが、無効になっているかどうかは max.loadbangdisabled プロパティに 1 が入っているかどうかで分かる。

Test Code 1

function loadbang() {
  if (max.loadbangdisabled == 1) {
    post("no loadbang");
  } else {
    post("loadbang!");
  }
}
function bang() {
  post("bang!");
}

普通にパッチを起動した場合

Cmd+Shiftを押しながらパッチを起動した場合

getvalueof

Document

JavaScript 内で定義した変数の値（String か Number）を pattr 関連オブジェクトから呼び出せるようにする関数。 → pattr オブジェクトのことがよく分からないので、テストコードが書けない。後で復習する。

setvalueof

Document

pattr 関連オブジェクトから JavaScript 内に変数（Number か String）をパスできるインターフェースを提供する関数。 value が複数の場合、jsthis オブジェクトの arrayfromargs() メソッドで引数を扱うと良いとのこと。
→ pattr オブジェクトのことがよく分からないので、テストコードが書けない。後で復習する。

save

Document

save() を定義すると、JavaScript 内の状態をパッチに保持することができる。 パッチが再読み込みされると、JavaScript 内の状態が復元される。

save() 内だけで使える embedmessage() を使い、値を保存する。

• embedmessage() の第1引数には保存された値を渡したいコールバック関数名を文字列で渡す
• embedmessage() の第2引数以降には保存したい値を渡し、これがコールバック関数の引数に渡される

Test Code 1

var valuetosave = 0;
function foo(v) {
  valuetosave = v;
}
function save() {
  embedmessage("callback", valuetosave);
}
function callback(v) {
  valuetosave = v;
  post(v);
}

foo 1 メッセージを送ったあと、パッチを再起動した場合

foo 2 メッセージを送ったあと、パッチを再起動した場合

notifydeleted

Document

js オブジェクトが削除されたときに呼ばれる

Test Code 1

function notifydeleted() {
  post('js object was deleted.');
}

Global Code

Document

グローバルスコープに書かれたコードは編集された後、スクリプトがロードされるかコンパイルされたタイミングで評価される。 js / jsui オブジェクトが完全に作られる前に評価される。 js オブジェクトがいくつ inlet / outlet を持つかはグローバルコードからは分からない。これはグローバルコードから inlet / outlet をいくつにするか定義できることを意味する。しかし言い換えれば、まだ outlet が存在しなければ、使うことはできない。 初期化処理を書きたい場合は loadbang() の中に書くべし。

グローバルコードでやるべきこと

• inlet / outlet の数を定義する
• jsarguments[] プロパティ（js オブジェクトの引数）にアクセスする
• inlet / outlet の値の操作
• グローバル変数の定義と初期化
• グローバルアプリケーション環境にアクセス＆操作するため、Max オブジェクトを使う

グローバルコードでやるべきでないこと

• outlet から何か出力すること
• js オブジェクトが置かれたパッチ側を参照しようとすること

Private (Local) Function

Document

js オブジェクトへの inlet メッセージから参照されたくないローカル関数を作りたい場合、local プロパティに 1 をセットする。

Test Code 1

function foo() {
  post("Welcome to 'foo' method!");
}
foo.local = 1;

Application>Utilities>Audio MIDI設定.app

• ウィンドウ＞MIDIウィンドウ
• IACドライバをダブルクリック＞装置はオンライン にチェック

共有＞インターネット共有

• 共有する接続経路: (ウチの環境だと) Display Ethernet
• 相手のコンピュータが使用するポート: Wi-Fi
• Wi-Fiオプション: ネットワーク名、パスワードは適当に

ネットワーク＞Wi-Fi

• ネットワークを作成
• 先述のWi-Fiオプションで設定したものと同じものを設定
• 自己割当IP が出るのでメモっておく

iPhone 設定

設定＞Wi-Fi＞デバイス

• さっきのネットワークがあるので接続

TouchOSC＞Settings

• MacOS側の自己割当IP、ポート番号を入力

Kuvva

KuvvaはMacとiPhone向けの壁紙アプリ。アプリとウェブサービスが連動しており、ウェブサービス側からアプリへと壁紙を配信する仕組み。ウェブサービスに無料のアカウント登録をすれば、「お気に入り(Favorites)」などの情報をMacとiPhoneで共有することができる。

iPhoneアプリやサイトからは、登録されているアーティストごとに作品の一覧を見ることができ「お気に入り」を管理できる。

もちろんMacアプリで直接「Add to favorites」も可能。

Deko

DekoはiOS向け壁紙アプリ。特定のパターンから画像をジェネレートし、壁紙として保存したり、シェアしたりできる。

画面を左右にフリックするとパターンが変化するのだけど、速くフリックすると新しいパターンに、遅くフリックすると同じパターンで色違いになったりする。どういうルールで変化するのかいまいち分からないし、使いやすいとは言えないけど、独特のインターフェースだなあと。なにより、どういう画像ができるか分からないという偶然性が魅力的。

実際に壁紙にしてみると、こんな感じ。

アプリのダウンロードは無料だけど、高解像度で画像を保存するために1.99$のアドオンが必要。一度支払うだけでOK。

あとがき

気軽にアートに触れることができる、こういったアプリやウェブサービスが出てくるのは嬉しいですね。決して大衆向けとは言えないかもしれませんが、盛り上がって行くといいなあと思います。

ネタ元

• 仕事中でも気分転換！ 壁紙を定期的に自動で変更するアプリ『Kuvva』 : ライフハッカー［日本版］
• Deko – Generative Wallpapers for iOS / @suprjohan

Visual mode+sを普通に使っていた僕にとってこれは手痛い変更。Visual選択してからShift押してsなんて、かったるくてやってられない。

しかし改めてドキュメントを読んでいると、ys+[なんたら]が強力であることが分かって、そっちに乗り換えるのが正しい使い方なんだろうなと思った。

例えばこれを

<h1>大見出し</h1>

こうしたいとする

<h1><a href="#">大見出し</a></h1>

今までは

vits<a href="#"<Enter>

とやっていた（Visual modeでタグの内側を選択してからsでsurround.vimを起動してタグを打ち込んでEnter）。 でも今はこうしなきゃいけない。

vitS<a href="#"<Enter>

途中でShift+sは苦痛。 しかしこうできることが分かった。

ysit<a href="#"<Enter>

（タグの内側に対してsurround.vimを起動。タグを打ち込んでEnter）
久しぶりに「おおっ」と思った気づきなので、思わす記事を書いてしまった。

世間ではVim Advent Calendar 2011をやってるみたいです。Check it out!!

Vim-users.jp – Hack #120: gVim でウィンドウの位置とサイズを記憶する

このスクリプトを.gvimrcに書き込んでおけば、$HOMEに.vimwinposというファイルが作られそこに前回Vim終了時のウィンドウのX座標、Y座標、横幅、縦幅が保存されます。

1点気をつけるべき点がありました。.gvimrc内にtransparencyオプションの設定がしてある場合、それより後に書かないとウィンドウの位置が強制的にメインモニタ内に移動してしまいます。
（理由は定かではありませんがtransparencyオプションが使用するWindowsの描画機能の影響・・・？）
これを回避できれば全く問題なしです。ありがとうございました！

Git Bashのタイトルバーを右クリックすると、編集や範囲指定のメニューが出てくる。

Git Bash内でコピペをする方法 | public static void main

助かりました！
データ納品型の案件だと、ファイルの修正箇所を差分として伝えなくてはならないことが多々あります。そういう時にコミットのログやdiffを差分として納品すりゃ楽チンですねー。

1. XAMPPのインストール、Apacheの設定
2. ActivePerlのインストールと設定、MySQLの設定
3. ImageMagickのインストール、Movable Typeのインストール

今回はImageMagickのインストールと、MovableTypeのインストールを扱い、全3回の記事の最後とします。

1. ImageMagickのダウンロードページにアクセスし、左に並んでいるメニューの中から「Release→Windows」を選択します。

   

2. 「Windows Binary Release」という見出しのページが表示され、ダウンロードできるパッケージの一覧が表示されます。この中から「ImageMagick-6.6.0-3-Q8-windows-dll.exe」を選択します。HTTPとFTPどちらでダウンロードしても構いません。
   6.6.0-3というところはバージョンを表しているようなので、その時によって最新となるバージョンは異なっているかもしれません。
   また、お使いのマシンが64bitなら「ImageMagick-6.6.0-3-Q16-windows-x64-static.exe」を選んでください。

   

3. ダウンロードしたインストーラーファイルを実行します。インストールウィザードが始まります。

   

4. ライセンスを読み、「I accept the agreement（ライセンスに同意）」を選択して「Next」をクリックします。

   

5. 「information」が表示されるので適当に読んで「Next」をクリック。

   

6. インストールするディレクトリを選択する画面になります。適当に変更しても構いませんが、今回はあえてデフォルトのままでいきます。「Next」をクリックします。
   「Program Files」というようにディレクトリ名に半角スペースが入ると、この後のPerlとの連携でダメになりそうな気がするのですが・・・意外にも大丈夫なんですね。

   

7. スタートメニューになんという名前で登録されるかを設定する画面になります。特に変更せず「Next」をクリック。

   

8. インストールの追加オプションを選択する画面になります。ここで忘れずに「Install PerlMagick for ActiveState Perl v5.10.1 build 1007」を選択します。これでActivePerlと連携するためのPerlモジュールが一緒にインストールされます。「Next」をクリック。

   

9. これでインストールのための設定は終わりとなります。「Install」をクリックしてしばらく待ちます。

   

10. もう一度「Information」が表示されます。「Next」をクリック。

    

11. これでインストールは完了となります。「Finish」をクリックします。

    

12. さて、正しくインストールできたかどうか、mt-check.cgi（前回までの設定を正しく行っていれば http://site1.localhost/mtos/mt-check.cgi というURL）にブラウザでアクセスしてみましょう。すると、perl.exe – コンポーネントが見つかりませんというアラートが表示され、正しく実行できなくなっています。さきほどインストールしたImageMagickのdllファイルを呼び出そうとして、失敗していることが分かります。これはImageMagickインストール時に設定された環境変数が、まだシステムに認識されていないために起こる問題なので、Windowsを再起動することで解決します。作業を中断し、ひとまず一旦再起動です。

    

13. Windowsが起動したら、忘れずにApacheとMySQLを起動しましょう。デスクトップに追加されたショートカットやスタートメニューから「XAMPP Control Panel」を起動し、ApacheとMySQLの「Start」ボタンをクリックし、「Running」状態にします。
    ApacheやMySQLをシステムの「サービス」として登録するとWindowsが起動すると同時にこれらも起動するようになりますが、今回はこの設定は行いません。

    

14. 改めてmt-check.cgiにブラウザでアクセスします。「Image::Magick」項目の黄色いエラー表示が消えていることを確認します。

    

15. これでMovable Typeを使う準備がようやく整いましたので、早速インストールを行いましょう。MovableType（ここではMTOS 5.01）のファイルを保存したディレクトリ（http://site1.localhost/mtos/）にブラウザでアクセスし、「サインイン」をクリックします。

    

16. するとmt-wizard.cgiというプログラムが実行され、インストールウィザードが始まります。

    

17. システムチェックが実行され、必要なPerlモジュールはそろっています。Movable Typeのインストールを続行する準備が整いました。と表示されます。
    と同時にオプションのPerlモジュールのうちいくつかが見つかりませんでした。と表示されます。「オプションモジュールを表示」をクリックするとシステムにインストールされていないモジュールの一覧を見ることができます。

    

18. Crypt::DSA や IPC::Run といったPerlモジュールがインストールされていないことが分かりますが、今回は使用することはないので「次へ」進みます。必要な場合は一旦インストールウィザードを中断し、前回のようにPPMを使ってインストールするといいでしょう。

    

19. データベースの設定の画面となります。「データベースの種類」には「MySQLデータベース（推奨）」を選択しましょう。

    

20. データベースの設定項目が出現しますので各項目を以下のように設定し、「接続テスト」をクリックします。

    データベースサーバ

    localhost

    データベース名

    mtos5 （前回作成したMySQLデータベース名）

    ユーザ名

    root

    パスワード

    前々回設定したMySQL rootユーザーのパスワード

    

21. データベースの設定を完了しました。と表示されます。「次へ」をクリック。

    

22. 「メール設定」という画面となりますが、今回は特に設定せず「次へ」をクリック。
    もし必要となった場合、後で設定できます

    

23. 「テンポラリディレクトリの設定」画面となります。テンポラリディレクトリはMovable Typeのシステムが画像などのデータやバックアップデータなどを扱う際、一時的にデータ置き場として利用されるディレクトリです。適当なディレクトリを設定しましょう。ここでは C:\Windows\Temp とし、「次へ」をクリック。

    

24. これでMovableTypeの設定ファイル（mt-config.cgi）が生成され、今まで設定した情報が書き込まれます。mt-config.cgiが正しく生成されたことを確認し、「次へ」をクリック。

    

25. Movable Typeにログインするためのアカウントを作成する画面になります。

    

    • ユーザー名
    • 表示名
    • 電子メール
    • 使用言語
    • パスワード

    以上の項目を設定できますが、ログインに使用するのは「ユーザー名」と「パスワード」だけです。
    適当に入力したら「次へ」をクリック。
    ここで設定する項目は後で変更することができます。

26. 「最初のウェブサイト」を作成という画面となり、Movable Typeで管理するウェブサイトを設定する画面となります。

    

    ウェブサイト名

    Site1
    （適当なサイト名）

    ウェブサイトURL

    http://site1.localhost/
    （Movable TypeがインストールされたサイトのURL）

    公開パス

    D:\htdocs\site1
    （Movable Typeがインストールされたサイトのディレクトリ。Windows環境だとディレクトリ区切りがバックスラッシュになりますのでご注意を）

    テーマ

    クラシックウェブサイト
    （どれでもOKです。選択によって設定されるテンプレートが変更されます）

    タイムゾーン

    UTC+9（日本標準時）

    上記のように設定したら、「インストール」をクリックします。
    「ウェブサイトURL」と「公開パス」は前々回にApacheのバーチャルホスト機能で定義した同サイト内であれば、自由に設定できます。ここではサイトのルートとなるディレクトリを指定しています。

27. しばらく待つと、インストールを完了しました！と表示されます。「Movable Typeにサインイン」をクリック。

    

28. これでめでたくMovable Typeがインストールされました。ローカルマシン上で自由に使える開発環境のできあがりです！

    

以上で全3回に渡る記事を終わります。

Apacheのバーチャルホスト設定とhostsファイルの設定をそれぞれ増やせば、管理するサイトを増やしていくこともできます。WindowsユーザーのWebデザイナーやフロントエンドエンジニアが利用するには、十分な環境となるのではないかと思います。欠点を挙げるとすると、「公開パス」でディレクトリ区切りが（Windows環境なので）バックスラッシュになることだったりします。ローカルで開発したものを本番の（Linux系の）サーバーに乗せる、という場合はこの辺りの設定を修正する必要があるということですね。