たった１個のHTMLファイルで動く

IE6,7,8,9で動かす場合

Firefox,Google Chrome, Safariで動かす場合

iPhone, iPad で動かす場合

これを作ったきっかけ

ご意見・ご感想をお待ちしております。

参考

setTimeout(function(){alert(1)}, 1000);  // 1秒後にalert

var say = function(){ alert('hello');}

setTimeout(say, 1000);  // 1秒後に'hello'と表示

問題：オブジェクトのメソッドをコールバックとして渡すにはどうすればよいか？

setTimeout(
        function(){alert('I am ' + this.name);}
        , 1000);

bindメソッド

setTimeout(obj.say.bind(obj) , 1000); // 'I am pikachu'と表示

MDN(MOZILLA DEVELOPER NETWORK)から借りてくる

if (!Function.prototype.bind) {
  Function.prototype.bind = function (oThis) {
    if (typeof this !== "function") {
      // closest thing possible to the ECMAScript 5 internal IsCallable function
      throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
    }

    var aArgs = Array.prototype.slice.call(arguments, 1), 
        fToBind = this, 
        fNOP = function () {},
        fBound = function () {
          return fToBind.apply(this instanceof fNOP
                                 ? this
                                 : oThis || window,
                               aArgs.concat(Array.prototype.slice.call(arguments)));
        };

    fNOP.prototype = this.prototype;
    fBound.prototype = new fNOP();

    return fBound;
  };
}

どういう仕組みでthisを束縛しているのか？

Function.prototype.bind = function() {
  var __method = this, args = $A(arguments), object = args.shift();
  return function() {
    return __method.apply(object, args.concat($A(arguments)));
  }
}

f.apply(o);

var obj = {name : 'pikachu'};
var say = function(){ 
       alert('I am ' + this.name); 
};

say.apply(obj); // => 'I am pikachu'

var obj = {
    name : 'pikachu',

    say : function(){
       alert('I am ' + this.name); 
    }
}

setTimeout(function(){obj.say.apply(obj)}, 1000); // => 'I am pikachu'

var obj = {
    name : 'pikachu',

    say : function(){
       alert('I am ' + this.name + counter++); 
    }
}

function bind(f,o) {
  return function(){ return f.apply(o); };
}

var bound_say = bind(obj.say, obj);
setTimeout(bound_say, 1000);

まとめ

• コールバックとしてメソッドを渡したいときはbind
• IE6,7,8,Safari5にはbindがない
• MDNのbindを使うといいかも
• コンパクトにやるなら自前でapply

参考

• bind - MDN MOZILLA DEVELOPER NETWORKのbind解説ページ
• Function.prototype.bindは何がいいのか - 枕を欹てて聴く　bindの自前実装例
• 404 Blog Not Found:javascript - Function.prototype.bindを無理矢理捕縛してみた dankogai氏による実装例

「ケツカンマ問題」

— Sotaro KARASAWA© (@sotarok) May 2, 2012

var list = ['a' , 'b', ];
var obj  = { a : 1, b : 2, }

• 配列のケツカンマテスト
• 連想配列のケツカンマテスト

テスト結果

• 〇：ケツカンマがあってもなくても挙動が変わらない
• Ｘ：ケツカンマをつけると挙動が変わる

なぜIE6,7(とIE8の配列)ではケツカンマが正しく動かないのか

var list = ['a' , 'b', ]; // →　要素３個のarrayが生成される。
var obj  = { a : 1, b : 2, };  // → 文法エラー

ECMAScriptの仕様はどうなっているのか

ECMAScript3

Syntax
ObjectLiteral :
{ }
{ PropertyNameAndValueList }
PropertyNameAndValueList :
PropertyName : AssignmentExpression
PropertyNameAndValueList , PropertyName : AssignmentExpression

ECMAScript5

Syntax
ObjectLiteral :
{ }
{ PropertyNameAndValueList }
{ PropertyNameAndValueList , }

Node.js

Felix's Node.js Style Guide

var a = ['hello', 'world'];
var b = {
  good: 'code',
  'is generally': 'pretty',
};

ケツ論

参考：他の言語ではどうなのか

Perl

「初めてのPerl」第５章ハッシュ

my %last_name = {
  "barney" => "rubble",
  "betty"  => "rubble",
}

リストの末尾によぶんなコンマが置かれていることに注目してください。
これは無害であり便利なものです。
このハッシュに行を追加する必要が生じた場合、その行には、キーと値のペアがあり、末尾にコンマがあることを確認するだけで済みます。

PHP

    /** @protected    array   デフォルトのforward定義 */
    protected $forward_default = array(
        '403' => array( 'view_name' => 'Ethna_View_403',),
        '404' => array( 'view_name' => 'Ethna_View_404',),
        '500' => array( 'view_name' => 'Ethna_View_500',),
        'json' => array( 'view_name' => 'Ethna_View_Json',),
        'redirect' => array( 'view_name' => 'Ethna_View_Redirect',),
    );

	public $default = array(
		'datasource' => 'Database/Mysql',
		'persistent' => false,
		'host' => 'localhost',
		'login' => 'user',
		'password' => 'password',
		'database' => 'database_name',
		'prefix' => '',
		//'encoding' => 'utf8',
	);

Ruby

class Person < ActiveRecord::Base
  validates :email, :uniqueness => true, :on => :create
  validates :age, :numericality => true, :on => :update
  validates :name, :presence => true, :on => :save
end

まとめ

• JavaScriptのケツカンマは過渡期
• Perl,PHPではケツカンマがわりと普通
• ケツ論て言いたいだけちゃうんかと

関連記事

• JavaScriptで、もう連想配列の最後のカンマに悩まない！(※追記あり)

追記

• IE8,9のテスト結果に間違いがあったので修正しました。
• Rubyのケースを書きなおしました。
• ECMAScript3の仕様の解釈についての記述を修正しました。
• 「ケツコンマ」と呼ぶべきではないかとのご意見をいただきました。その発想はなかった。

あなたのご意見をお待ちしております。
ハッシュタグは 　#ケツカンマ　です。
]]> tag:dqn.sakusakutto.jp,2012://5.644 2012-05-02T19:19:48Z 2012-05-18T09:16:48Z
Subversion1.7はいろいろ新機能が盛り込まれていて便利になっているよう...
DQNEO レポジトリの構造も大幅に改良されているようです。


本記事では、CentOS6.2にSubversion1.7をインストールする方法を紹介します。
途中mod_davモジュールの読み込みに失敗して２時間ほど試行錯誤しましたが、そこさえクリアすればうまく行きました。
]]> wandisco.comからバイナリを取得 wandiscoという会社が各OS向けのバイナリを配布しています。
見てみたらちゃんとCentOS6用のものが用意されていました。
http://www.wandisco.com/subversion/download#centos6




メアドや氏名などを入力すると、ダウンロード用のURLをメールで教えてくれます。

事前にyum updateをしてから、インストーラをダウンロードします。

$ sudo yum -y upgrade
$ wget http://www.wandisco.com/get.php?f=YTo0OntzOjEwO.... -o installer.sh

インストーラを実行

インストーラはbashスクリプトなのでbashで実行します。

$ sudo bash  installer.sh

WANdisco Subversion Installer for CentOS 6
Please report bugs or feature suggestions to opensource@wandisco.com

Gathering some information about your system...
CentOS release 6.2 (Final)
CentOS version 6.x confirmed..
Checking your system arch
Installing for x86_64
Checking to see if you already have Subversion installed via rpm...
Subversion is already installed on the system.
Do you wish to replace the version of subversion currently installed with the WANdisco version?
This action will remove the previous version from your system
[y/n]

既存の古いsubversionを置き換えるか聞かれるので、迷わずYes。

y
Removing old packages...
Adding repository configuration to /etc/yum.repos.d/
 ------ Installing yum repo ------
Importing GPG key
 ------ Installing yum repo: Done ------

Installing Subversion 1.7.4

....

Complete!

Would you like to install apache and the apache SVN modules?
[y/n]

apache用のSVNモジュールも一緒にインストールするか聞かれるので、これもYES。

y
Installing apache and subversion modules
Loaded plugins: fastestmirror
Loading mirror speeds from cached hostfile
 * base: mirror.nsc.liu.se
 * epel: mirrors.coreix.net
 * extras: centosv4.centos.org
 * ius: mirror.rackspace.com
 * updates: centosk3.centos.org
Setting up Install Process
Package httpd-2.2.15-15.el6.centos.1.x86_64 already installed and latest version
Resolving Dependencies
--> Running transaction check
---> Package mod_dav_svn.x86_64 0:1.7.4-1 will be installed
--> Finished Dependency Resolution

Dependencies Resolved

==================================================================================================================================================================================================================
 Package                                              Arch                                            Version                                             Repository                                         Size
==================================================================================================================================================================================================================
Installing:
 mod_dav_svn                                          x86_64                                          1.7.4-1                                             WANdisco                                           92 k

Transaction Summary
==================================================================================================================================================================================================================
Install       1 Package(s)

Total download size: 92 k
Installed size: 198 k
Downloading Packages:
mod_dav_svn-1.7.4-1.x86_64.rpm                                                                                                                                                             |  92 kB     00:00
Running rpm_check_debug
Running Transaction Test
Transaction Test Succeeded
Running Transaction
  Installing : mod_dav_svn-1.7.4-1.x86_64                                                                                                                                                                     1/1
httpd を停止中: [  OK  ]
httpd を起動中: [  OK  ]

Installed:
  mod_dav_svn.x86_64 0:1.7.4-1

Complete!
Installation complete.
You can find the subversion configuration file for apache HTTPD at /etc/httpd/conf.d/subversion.conf
By default, the modules are commented out in subversion.conf.
To enable the modules, please edit subversion.conf and remove the # infront of the LoadModule lines.
You should then restart httpd (/etc/init.d/httpd restart)

インストール完了！

/etc/httpd/conf.d/subversion.conf のコメントアウトを外せば有効になると書いてあるので、そのようにしました。
Apacheを再起動すると、

$ sudo /etc/init.d/httpd restart
httpd を停止中:                                            [  OK  ]
httpd を起動中: httpd: Syntax error on line 221 of /etc/httpd/conf/httpd.conf: Syntax error on line 23 of /etc/httpd/conf.d/subversion.conf: Cannot load /etc/httpd/modules/mod_dav_svn.so into server: /etc/httpd
/modules/mod_dav_svn.so: undefined symbol: dav_register_provider
                                                           [失敗]

イテテ！
起動に失敗しました。


$ sudo find /  -name "*mod_dav_svn*"
/var/lib/yum/yumdb/m/aa3a030b580a1958a4ddd6fbb87afad8982eaa2b-mod_dav_svn-1.7.4-1-x86_64
/usr/lib64/httpd/modules/mod_dav_svn.so

モジュールは確かに存在するのに、おかしいですね。
２時間ほど格闘したあげく、dav_moduleが読み込まれていないのが原因であることに気づきました。

/etc/httpd/conf/httpd.conf を編集して、下記のコメントアウトを解除

#LoadModule dav_module modules/mod_dav.so
↓
LoadModule dav_module modules/mod_dav.so

Apacheを再起動

$ sudo /etc/init.d/httpd restart
httpd を停止中: [  OK  ]
httpd を起動中: [  OK  ]

できました！！]]> tag:dqn.sakusakutto.jp,2012://5.643 2012-05-01T18:30:50Z 2012-05-19T01:43:24Z
ご存知の通り、JavaScriptの連想配列の最後のカンマはやっかいです。 最後...
DQNEO 最後の要素の後にカンマがあるとIEでバグになるので、普通はこのように書くと思います。

よくある書き方

var x = {
 a : 1,
 b : 2, 
 c : 3  // ←カンマつけない
}

しかしこの書き方は不便だしバグりやすい面倒くさいです。
]]> 末尾に要素を増やしたい、または減らしたいときに問題が起こります
例えば" c : 3 "の行を単純に削除するとバグるので削除したいときに、" b: 2,"のカンマを削除する必要があります。
また、" d : 4 "を追加したいときに、" c : 3 "の後にカンマを入れる必要があります。
これは面倒くさいですね。

(エンバグについてはjslintなどのツールで防げばよいという指摘があったので修正しました。）

より良いやりかた

var x = {
 a : 1,
 b : 2, 
 c : 3,
 dummy : null
}

このように最後に "dummy : null" というダミーの要素を書いておきます。
こうすれば、プロパティa, b, cはどれもカンマ付きで平等になります。

ぜひ一度試してみてください。
(もしかして常識だったらすみません。あとこの手法は for in で走査したいときはよくないかもしれません。)

私のおすすめ

クラスのプロトタイプ定義でこのテクニックを使うのがおすすめです。

var MyClass = function(){  };

MyClass.prototype = {
 doFoo : function() {} ,
 doBar : function() {} ,
 doBuz : function() {} ,
 dummy : null
};

prototypeをfor in するのは継承のときぐらいで、" dummy : null "を継承しても問題にならないのではないでしょうか。


参考

連想配列の最後にカンマを入れてはいけない言語もある - すぎゃーんメモ

追記

はてぶでたくさんのご意見をいただきました。
反響の大きさにびっくりしています。
ご意見ありがとうございます！！

みんな普通にやってるテクニックかと思っていたら、「バッドノウハウだ」「気持ち悪い」という意見が結構あってびっくりしました。

以下、ご紹介します。


「lengthが変わってしまうじゃないか」


確かめてみましたが、連想配列にlengthは（自分で定義しない限りは）ないので問題ありません。

「気持ち悪い」

これは見た人がどう感じるかですね。
私はIEのためだけにカンマに配慮しなきゃいけないのが気持ち悪いと思いました。
宗教論争かもしれません。

「バッドノウハウである」

そうかもしれません。
しかし、IEのJS仕様がバッド仕様なので、毒をもって毒を制すのもありかなと思いました。

「前カンマの方がよい」

var x = {
  a : 1
 ,b : 2 
 ,c : 3
}

SQLでよくやる書き方ですね。
JSでこれをやるというのは斬新ですね。
「先頭の要素はめったに変わらないので問題ない」というのも同意です。

ありかもしれませんね。


「IE無視すればよい」

う、うらやましい・・・

「知らずに全部カンマつけてた」

そんな人もいるんですね。

「{ .., reserved :null}ならアリ」

"dummy"という名前じゃなければいいんですかね。

「これで納品されたら2度と頼まないと思うw」

すいませんでした。
そんなに悪いことだとは思ってませんでした。

Perlモジュールの最後に1;と書くぐらいの感覚でいました。

「たたかれてるのがおもろい 信念貫いて変なプログラマーになるのが楽しみ」

ありがとうございます。

そんなに変ですかね・・・
普通に考えたらこうなっただけなんです。


「一瞬だけ良いなと思ったけど、すぐ辞めた。」

なんで辞めちゃったんでしょう・・？

「JSで慣れてしまって、Perlで最後の要素にカンマある方が違和感あった。今は使い分けてる。」

たしかPerlのリャマ本かアルパカ本で、「最後にカンマつけましょう」と書いてた気がします。

「ちなみにGo言語は最後のカンマが無いと逆にエラーになる素晴らしい言語です」

素晴らしい！！

「俺と同じ事を考えている人がいた。よかった、俺は一人じゃないんだ。」

おおー！

「ないわー」

ないですかねー。
ダメな理由をおしえてほしいです。

追記２

引用元のすぎゃーんさんが追加記事を書いてくださいました。

JavaScriptで、もう連想配列の最後のカンマに悩んでないので
• Node.jsでECMA Script 5で副作用が出る
• 書き手は楽だとしても読み手を混乱させる
• エディタやツールでチェックすべき
わざわざありがとうございます。
なるほど。


追記３

サーバサイドJS ならむしろ「最後もカンマつける」にしてしまえばいいのにと思いました。
でもサーバサイドjsとクライアントサイドjsでスタイルが変わるからNGなんでしょうか。


追記４

ツイッターをみた感じでは、９９％ぐらいの人が { , dummy : null }については否定的でした。


• 「気持ち悪い」
• 「ない」
• 「ひどい」
• 「ひどすぎる」
• 「醜い」
• 「美しくない」
• 「IEは悪くない」
• 「不要なデータを入れるべきではない」
一日でこれだけ多くの人に批判されるというのは実に貴重な体験でした。
本当にありがとうございました。

「気持ち悪い」については、「主観」「宗教論争」と割り切ることもできますが、
「不要なデータを入れるべきではない」については反論の余地がなさそうです。

delete obj.dummy ;　で回避するというさらなるバッドノウハウを思いつきましたが、やめておきます。



追記５　アンケートにご協力お願いします。

結局「何がベストか」については意見が割れているように思いました。
はてな人力検索でアンケートを作成してみたので、もしよろしければご回答をお願いします。

JavaScriptの「連想配列の末尾カンマ」についてアンケート
（※べつに多数決で一つのスタイルに決めるべきと考えているわけではありません）

追記６

この問題について「ケツカンマ問題」という名前が誕生しました。
JavaScriptの「ケツカンマ問題」まとめ

追記７

記念にドメインとりました。　→　 ケツカンマ.com

ご意見をTwitterで教えていただけると幸いです。
ハッシュタグは #ケツカンマ　です。

]]> tag:dqn.sakusakutto.jp,2012://5.642 2012-04-30T01:45:53Z 2012-05-19T06:29:44Z
MovableTypeの管理画面(mt.cgi)が遅くて遅くてずっと悩んでいたの...
DQNEO なんと画面表示時間が半分以下！！


]]>
これはかなりうれしいです。
思わず雄叫びの声をあげてしまいました。

管理画面が遅いのはSQLがボトルネックかと想像してたのですが、そうではなくCGI(の起動処理？)がボトルネックだったようです。


測定方法


ダッシュボード、ブログ記事作成画面、デザインテンプレート画面の３画面について
Google Chromeでアクセスして、Developper Toolsでmt.cgiのレスポンスタイムを記録しました。
１画面３回アクセスして平均値をとりました。






管理画面をPSGIで動かす方法


Githubで開発中のMovableTypeのdevelopブランチを入手します。
https://github.com/movabletype/movabletype/tree/develop

Plack関連モジュールを一括でインストールして、Starmanを起動します。

cpanm install Task::Plack
starman --daemonize --pid=/tmp/starman.pid /path/to/mt/mt.psgi

http://hostname:5000/mt/mt.cgi にアクセス
mt-upgrade.cgのところで無限ループみたいになるので、一度Starmanを再起動したらいけました。

わりとさくさく動いてびっくりしています。
（実は１年前にも挑戦していて、そのときは対して速くならなかったのです。今回はMT本体にPSGI最適化の仕組みが入ったのかもしれません。)

参考

• FastCGIと比べて約1.4倍のスピード！　開発中のmt.psgiを使ってみた - MTエンジニアブログ - スカイアークシステム
• PSGI版Movable Typeを試してみた - The blog of H.Fujimot
]]> tag:dqn.sakusakutto.jp,2012://5.641 2012-04-29T23:12:18Z 2012-05-19T06:26:30Z
ブログ記事の作成画面が吐き出すSQLログを調べてみました。 画面表示が遅いと思っ...
DQNEO
画面表示が遅いと思ったら、ずいぶんとたくさんのSQLを発行していたんですね。。
(画面表示が遅い原因がこれらSQLにあるのかかどうかは、これから調査します。）

それにしても複雑ですなぁ。 ]]> 120430 8:11:01 6 Query SELECT blog_id, blog_allow_anon_comments, blog_allow_comment_html, blog_allow_commenter_regist, blog_allow_comments_default, blog_allow_pings, blog_allow_pings_default, blog_allo w_reg_comments, blog_allow_unreg_comments, blog_archive_path, blog_archive_tmpl_category, blog_archive_tmpl_daily, blog_archive_tmpl_individual, blog_archive_tmpl_monthly, blog_archive_tmpl_weekly, blog_archive _type, blog_archive_type_preferred, blog_archive_url, blog_autodiscover_links, blog_autolink_urls, blog_basename_limit, blog_cc_license, blog_children_modified_on, blog_class, blog_convert_paras, blog_convert_p aras_comments, blog_created_by, blog_created_on, blog_custom_dynamic_templates, blog_days_on_index, blog_description, blog_email_new_comments, blog_email_new_pings, blog_entries_on_index, blog_file_extension, b log_google_api_key, blog_internal_autodiscovery, blog_is_dynamic, blog_junk_folder_expiry, blog_junk_score_threshold, blog_language, blog_manual_approve_commenters, blog_moderate_pings, blog_moderate_unreg_comm ents, blog_modified_by, blog_modified_on, blog_mt_update_key, blog_name, blog_old_style_archive_links, blog_parent_id, blog_ping_blogs, blog_ping_google, blog_ping_others, blog_ping_technorati, blog_ping_weblog s, blog_remote_auth_token, blog_require_comment_emails, blog_sanitize_spec, blog_server_offset, blog_site_path, blog_site_url, blog_sort_order_comments, blog_sort_order_posts, blog_status_default, blog_theme_id , blog_use_comment_confirmation, blog_use_revision, blog_welcome_msg, blog_words_in_excerpt FROM mt_blog WHERE (blog_id = '20') LIMIT 1 6 Query SELECT author_meta_type FROM mt_author_meta WHERE (author_meta_author_id = '1') 6 Query SELECT author_meta_author_id, author_meta_type FROM mt_author_meta WHERE (author_meta_author_id = '1') AND (author_meta_type = 'favorite_blogs') 6 Query SELECT author_meta_author_id, author_meta_type, author_meta_vchar, author_meta_vchar_idx, author_meta_vdatetime, author_meta_vdatetime_idx, author_meta_vinteger, author_meta_vint eger_idx, author_meta_vfloat, author_meta_vfloat_idx, author_meta_vblob, author_meta_vclob FROM mt_author_meta WHERE (author_meta_author_id = '1') AND (author_meta_type = 'favorite_blogs') LIMIT 1 6 Query SELECT blog_id FROM mt_blog WHERE (blog_class = 'blog') AND (blog_parent_id = '20') 6 Query SELECT blog_id, blog_allow_anon_comments, blog_allow_comment_html, blog_allow_commenter_regist, blog_allow_comments_default, blog_allow_pings, blog_allow_pings_default, blog_allow_reg_comments, blog_allow_unreg_comments, blog_archive_path, blog_archive_tmpl_category, blog_archive_tmpl_daily, blog_archive_tmpl_individual, blog_archive_tmpl_monthly, blog_archive_tmpl_weekly, blog_archive_type, blog_archive_type_preferred, blog_archive_url, blog_autodiscover_links, blog_autolink_urls, blog_basename_limit, blog_cc_license, blog_children_modified_on, blog_class, blog_convert_paras, blog_convert_paras_comments, blog_created_by, blog_created_on, blog_custom_dynamic_templates, blog_days_on_index, blog_description, blog_email_new_comments, blog_email_new_pings, blog_entries_on_index, blog_file_extension, blog_google_api_key, blog_internal_autodiscovery, blog_is_dynamic, blog_junk_folder_expiry, blog_junk_score_threshold, blog_language, blog_manual_approve_commenters, blog_moderate_pings, blog_moderate_unreg_comments, blog_modified_by, blog_modified_on, blog_mt_update_key, blog_name, blog_old_style_archive_links, blog_parent_id, blog_ping_blogs, blog_ping_google, blog_ping_others, blog_ping_technorati, blog_ping_weblogs, blog_remote_auth_token, blog_require_comment_emails, blog_sanitize_spec, blog_server_offset, blog_site_path, blog_site_url, blog_sort_order_comments, blog_sort_order_posts, blog_status_default, blog_theme_id, blog_use_comment_confirmation, blog_use_revision, blog_welcome_msg, blog_words_in_excerpt FROM mt_blog WHERE (blog_id = '20') LIMIT 1 6 Query SELECT permission_id FROM mt_permission WHERE (permission_author_id = '1') AND (permission_blog_id IN ('0','20')) 6 Query SELECT permission_id, permission_author_id, permission_blog_id, permission_blog_prefs, permission_created_by, permission_created_on, permission_entry_prefs, permission_modified_by, permission_modified_on, permission_page_prefs, permission_permissions, permission_restrictions, permission_role_mask, permission_template_prefs FROM mt_permission WHERE (permission_id IN ('15')) 6 Query SELECT author_meta_author_id, author_meta_type FROM mt_author_meta WHERE (author_meta_author_id = '1') AND (author_meta_type = 'favorite_websites') 6 Query SELECT author_meta_author_id, author_meta_type, author_meta_vchar, author_meta_vchar_idx, author_meta_vdatetime, author_meta_vdatetime_idx, author_meta_vinteger, author_meta_vinteger_idx, author_meta_vfloat, author_meta_vfloat_idx, author_meta_vblob, author_meta_vclob FROM mt_author_meta WHERE (author_meta_author_id = '1') AND (author_meta_type = 'favorite_websites') LIMIT 1 6 Query SELECT blog_id FROM mt_blog WHERE (blog_class = 'blog') AND (blog_parent_id >0) LIMIT 6 6 Query SELECT blog_id FROM mt_blog WHERE (blog_id IN ('20')) 6 Query SELECT blog_id FROM mt_blog WHERE (blog_class = 'website') AND (blog_id NOT IN ('20','20')) LIMIT 2 6 Query SELECT blog_id FROM mt_blog WHERE (blog_class = 'blog') AND (blog_parent_id = '20') 6 Query SELECT permission_id FROM mt_permission WHERE (permission_author_id = '1') AND (permission_blog_id IN ('20','5')) 6 Query SELECT permission_id FROM mt_permission WHERE (permission_author_id = '1') AND (permission_blog_id IN ('20','5')) 6 Query SELECT plugindata_id FROM mt_plugindata WHERE (plugindata_plugin = 'Zemanta') AND (plugindata_key = 'configuration:blog:5') LIMIT 1 6 Query SELECT plugindata_id, plugindata_data, plugindata_key, plugindata_plugin FROM mt_plugindata WHERE (plugindata_id IN ('126')) 120430 8:11:02 6 Quit ]]> tag:dqn.sakusakutto.jp,2012://5.640 2012-04-29T20:29:47Z 2012-05-19T01:19:37Z
MovableTypeの画像アップロード機能、使いにくくないですか？ ずっと前か...
DQNEO MovableTypeの画像アップロード機能、使いにくくないですか？

ずっと前から悩みの種でした。
ブログ記事に画像をはりつけようとすると、下記のような手順がいります。
]]> 「ブログ記事の作成」
　↓
「画像の挿入」をクリック
　↓
ここで数秒待たされる
　↓
「新しい画像をアップロード」をクリック
　↓
ファイルを選択
　↓
フォルダを選択
　↓
「アップロード」
　↓
ここで１０秒ほど待たされる
　↓
サムネイルやらサイズやらのオプションを選択
　↓
ＯＫ
　↓
張り付けられたタグがイマイチなので自分で書きなおす。

こんな流れです。
ものすごい工数がかかっていました。
１画像アップするのに５分はかかっていました。


問題点

• 待ち時間がやたら長い
• いくつもの選択を迫られる。「サムネイルは作るのか？」「サイズはどうするのか？」「左右どちらに配置するのか？」
非常にストレスになっていました。
特に後者は、「あれ、何ピクセルにすればいいんだっけ」と毎回考え込んでいました。

しかし今日、立ち止まって考えてみました。


この画像アップロード機能、使わなきゃいいのでは？


サムネイル作成など必要ない。
サイズ指定など必要ない。
アイテム管理など必要ない。

そう、開きなったのです。
直接FTPでアップロードしてしまえばよいのです。
そう考えると気持ちがすごい楽になりました。

とにかく画像をWeb上にアップして、あとは<img src="" >にURLを書けばよいのです。
アップ先はMTが入ってるサーバである必要もなく、gyazoでもよいしAmazonS3でもよい。

というわけで実践してみました。
PCからAmazonS3に画像をアップして、そのURLを張り付けてみました。
それが、上に張り付けた画像です。


超らくちん！


すくわれました。 ]]> tag:dqn.sakusakutto.jp,2012://5.639 2012-04-29T20:01:15Z 2012-04-29T20:27:28Z
MTOS(MovableType Open Source )5.13を導入してみ...
DQNEO MTOS(MovableType Open Source )5.13を導入してみました。



MTとMTOSの違いは何かと言うと、MTOSには下記機能がないみたいです。

Movable Type 5 と MTOS にはどのような違いがありますか

• カスタムフィールドがない。
• コミュニティ・ソリューションがない。
]]> MTOSはどこから入手するのか？ 入手方法が２通りあるようです。
• Zipダウンロード版：MTOSのページから「今すぐダウンロード Movable Type(Open Source)」をクリック
• Github: git://github.com/movabletype/movabletype
Zipダウンロード版とGithu版の関係がどこにも書いておらず、よくわかりませんでした。＞＜
そもそもGithub版がMTなのかMTOSなのか、確信が持てずさまよってしまいました。笑
GithubにGPLのライセンスファイルが置いてあったので、おそらくこれがMTOSの最新版ということになるのでしょう。

今後の改修に追従しやすいように、Githubをクローンすることにしました。


MT 5.12　→ MTOSに切替えるためにやったこと

レンタルサーバ(DTIの500円VPS)にログインしてサーバ内で作業しました。

git clone git://github.com/movabletype/movabletype.git
mv movabletype mtos
cd mtos
cpanm  JavaScript::Minifier
cpanm  CSS::Minifier
make me

(JavaScript::MinifieとCSS::MinifierはCPANモジュールです。
これを入れとかないと警告が出ます。)

ここまでやってから、既存のMT5.12のディレクトリとMTOSディレクトリをごっそり入れ替えました。
mt-config.cgiを旧MTディレクトリから新MTOSディレクトリにコピー。
mt-staticも旧ディレクトリから新ディレクトリに引っ越し。(MTOSに同梱されいたmt-staticは不使用)
ブラウザからmt.cgiを叩くと、データベースアップグレード画面が出ます。
次へ次へと進むと正常に終了。
管理画面にも無事ログインできました。


導入してみた感想

ほとんど何も変わってない気がします。笑
今後使い込んでいけば、違いに気づくかもしれません。
そのときはまたここで記事を書きたいと思います。
]]>