◆主な機能・欠点

• 予約投稿機能(2008/05頃)
• モバイルテンプレートあり＆カスタマイズ可(2011/11頃)
• 「続きを読む(追記)」機能(2009/09頃)
• RSSの続きを読む以降をカットする機能(2010/12頃)
• コメントのスパムフィルタリング機能(2010/08頃)
• そこそこ詳しいアクセス解析機能(2010/07頃)
• 投稿プレビュー機能(2010/06頃)
• 固定ページ機能(2010/01頃)
• android・iPhone用のアプリ
• テンプレ・設定・ポスト・コメントのインポート・エクスポート機能(2008/09頃)
• ブログ全体・ブログ全体のコメント・ポスト別のコメント・ラベル(タグ)別のRSSフィード
• カテゴリ機能・トラックバック機能はなし(タグ機能はあり。トラックバックは有志が実現している)
• 少し重い気がする
• Wiki記法などはついていない
• 1アカウントで複数ブログ可
• 1ブログ複数人で編集可
• 独自ドメイン可
• プライベートブログ可(指定したユーザーのみ閲覧可)
• 広告はなし
• 管理画面が今風(去年頃)
• テンプレートデザイナー機能(2010/06頃)

分かるものは後ろに実装時期を記してあります（参考：クリボウの Blogger Tips）。これを見るとここ一二年でかなりまともになったのがわかります。

◆テンプレートデザイナー

特にこの中で、テンプレートデザイナー機能は他のブログサービスにはない機能です。2010年の2月ごろにニュースになっているのを見て知っては居ましたが、当時は特に惹かれずスルーしていました。もったいなかった。テンプレートデザイナーは視覚的にテンプレートを弄ることができます。以下画像を使って簡単に解説します。

基盤となるテンプレートは公式には30程置いてあるのでまずその中から好きなテンプレートを選びます。

背景は公式でかなりたくさんの数が用意されてあります。また自分で画像をアップロードして使用することも可能です。

一つの適当な色を選ぶことで、ブログタイトル・記事タイトル・記事本文の文字の色をいっぺんに調節することができます(個別に調節はアドバンスで可能)

バーを動かすと動的にブログ全体の幅、サイドカラムの幅を調節することができます。

1カラムデザイン、2カラム左サイドバー・右サイドバー、3カラム、4カラムなど選択するだけでデザインが変更できます。

独自にCSSを追加することや、GoogleWebFontsAPIを利用して特殊なフォントを画像化することなく扱えたり、フォントのサイズ・色などを個別に変更できます。

細かい配置はこの画面でカスタマイズできます。ガジェットの右下の「編集」を細かい設定をすることが出来、また左端に取っ手の付いたガジェットはヘッダより下ならば自由に配置することができます。ガジェットの追加は数千ある中から選ぶことができます。

ブログの投稿の「編集」を押すとこんな感じ。

必要と有らばテンプレートを直接いじることも出来ます。

---

勿論欠点はいくつも存在します。

• 公式のテンプレがかなり少ない
• アドバンスでいじれる所が少ない
• 記事の部分に何かを設置しようとすると(例えばはてなブックマークのアイコン)結局テンプレートを直に弄る必要が出てくる
• 非公式のテンプレートは公式で公開する場所が設けられておらず追加するのが面倒
• 非公式のテンプレートはガジェットの追加・移動と独自のCSSの追加しか対応していない

壁紙を変えたり、色をちょろっと変えたりするくらいではやはり初期テンプレート臭さは残ってしまうので、結局CSSを自分で弄る必要が出てきます。また三番目のように少し凝ろうとするとテンプレートデザイナーだけではカバーしきれないことがどうしても出てきてしまいます。

しかし、他のブログサービスより少し自由度の高いガジェットの移動機能や段組を簡単に変更できることなどを考えると、デザインは弄りたいけどテンプレートをガリガリ弄るのは面倒のような場合には他のサービスよりも数段優秀ではないかと思います。（デザインを弄るのも面倒、適当に選んでそのまま使うという場合には逆に1と4の点で他のサービスよりも劣っていると感じます）

---

触ってみた感じでは最初に書いたように全く他のブログとも引けを取らない(簡単・気軽という点ではMarkdownや大量のテンプレを持つTumblrが一強だと思いますが)のですがその割に寂れ具合はどういうことなのかと思うところです(正直あんまりにもBloggerを使ってるブログを見ないので見るまでは今でもあんまりなのかと思っていました)。

WordPress程重くなくてもいいけどTumblrだと物足りない、という場合やサーバに金をかけずにそこそこのブログがやりたい。なんて場合にはBloggerは選択肢の一つに入れてみてはどうでしょうか。

◆大体の流れはこんな感じ

今回はスキャナーを持っていないので一番上のルートを主に紹介する感じになります。あ、あと画像には書き忘れてしまいましたが、黄緑の一番上と一番下はWiFi経由でのファイル共有となるので、家庭内無線LAN等がない場合は出来ません。

◆まずCamScannerでの取り込みですが、

まず同種のアプリを使っても問題は無いと思いますが、殆ど使った事がないので解説は避けます。

1. 起動して左下のボタンを押す。
2. カメラが起動されるのでノートを写真に撮る。*1 *2
3. 画像処理画面になったら画像の向きを直し、鮮明化モードを選び、緑の枠がきちんとノートに合っているか確認して右下のチェックマークを押す。

*1

バッチモードになっていると画像処理画面はスキップされます。鮮明化モードは前回選んだ物が適応されます。

*2

取り込みは昼間やる事（結構ぼけます）。また紙が重ねて積んだ状態で撮ると自動範囲取得に失敗しやすい為注意。

上の*2を注意してやればバッチモードでカシャカシャと撮っていくだけで済むので意外と簡単です。ただ無料版は(現在)3回までしか同時に撮れません。詳しい制限はAndroidMarketの説明を参照。

画像を確認して、自動取得が失敗していた場合は下中央の再編集ボタンから手動でやり直します。ぼけていた場合は再度左下のボタンから取り直して右下の鉛筆マークで並び替え・削除の編集作業をします。

◆次にOn Airを使いサーバを立てます。

使い方はAndroidのSDカードをWi-Fi経由で読み書きできるアプリ「On Air」(非rootでもOK)に十分詳しく乗っているのでこちらを参考にして、パスワードを固定化してFTPかWebDAVで立てます。

◆最後にiPadのGoodReaderを起動して

Connect to ServersのAddボタンからサーバ登録をすれば完成です。

◆GoodReaderを買いたくないでござるって人は

遅いですが、SideBooksはDropboxに対応しているのでそれを経由して送れば大丈夫です。というかGoodReaderの場合でも特別急がないならばDropbox経由の方が同時に操作しなくて良い分楽ちんです。AndroidからDropboxにファイルを投げるのは右から二番目の良く分からないボタンからが一番簡単かと思います。

以上です。

実行環境はWindows Python 2.6＋chardetです。導入していない場合は導入してください。chardetは解凍して中の"chardet"フォルダをautoTag.pyと同じフォルダに突っ込めば動作します。

実行は"python autoTag.py chrome gmail"みたいな感じで。割と時間がかかります。あとその他のブックマークに"autotag/"、"autotag/error"、"autotag/warning"フォルダを先に作っておく必要があります。

file:autoTag.py（エンコードはUTF-8）

# -*- coding: utf-8 -*-
import urllib2, urllib, sys, json, re, time, datetime, os

class countWord(object):
	def __init__(self):
		self.tags = {}
	def __call__(self,jsonFile):
		r = re.compile(u"[!@#$%^&*()_+=-`\[\]{}:;?/,.<>！＠＃＄％＾＆＊（））＿＋－＝￥｜「」｛｝【】『』［］《》〔〕：；？・…＜＞、。]")
		for tag in map(lambda x:r.sub("",x.lower()),reduce(lambda x,y:x+y["tags"],[[""]]+json.loads(jsonFile)["bookmarks"])[1:]):
			self.tags[tag] = self.tags[tag]+1 if tag in self.tags else 1
		return self.tags

def hateBcount(url,errorFunc,warningFunc):
	print "hateBcount in"
	jsonFile = urllib2.urlopen(ur"http://b.hatena.ne.jp/entry/jsonlite/?url="+urllib.quote(url,'')).read()
	counter = countWord()
	if jsonFile == "null" or not counter(jsonFile):
		errorFunc()
		tags = []
	else:
		if len(counter.tags)<=5:
			warningFunc(counter.tags)
		tags = sorted(counter.tags.items(), key=lambda x:x[1],reverse=True)
	print "hateBcount out"
	return tags


def autoTag2chrome(bookmarkPath,sendFor):
	bookmarks = json.loads(open(bookmarkPath,"r").read())
	autoTagFolder = {}
	lasttimePath = os.path.join(os.path.abspath(os.path.dirname(sys.argv[0])),"lasttime")
	lasttime = long(open(lasttimePath).read()) if os.path.isfile(lasttimePath) else 0
	for x in ["/","/error","/warning"]:
		autoTagFolder[x] = filter(lambda y:"autotag"+x==y["name"],bookmarks["roots"]["other"]["children"])
	def walk(cd):
		for i in range(len(cd)):
			cd[i]
			if cd[i]["type"]=="folder" and long(cd[i]["date_modified"])>lasttime:
				print "nest in"
				walk(cd[i]["children"])
				print "nest out"
				continue
			if  long(cd[i]["date_added"])(.*?)",re.DOTALL).search(html).groups()[0]
		comment = "" if comment==title else comment+"\n\n"
		tags = "".join(map(lambda x:u" #"+x[0],tags)[0:10])
		
		body = comment + html
		subject = title + tags
		msg = MIMEText(body.encode("utf-8"), 'html', 'utf-8')
		msg['Subject'] = Header(subject.encode("utf-8"), 'utf-8')
		msg['From'] = from_address
		msg['To'] = to_address
		msg['Date'] = formatdate()
		s.sendmail(from_address, to_address, msg.as_string())
		print "send2gmail sleep"
		time.sleep(1)
		print "send2gmail out"
	print "send2gmail out"
	return func

if __name__ == "__main__":
    bookmarkPath = {}
    bookmarkPath["chrome"] = u"" //bookmarkファイルを指定
    from_address = "" //Gmailのアドレス
    password = "" //パスワード
    to_address = "" //送り先

    sendFor = locals()["send2"+sys.argv[2]]()
    locals()["autoTag2"+sys.argv[1]](bookmarkPath[sys.argv[1]],sendFor)

本当ならば処理の終わったブックマークは削除したかったのですが、ブックマークの編集・削除が不可能（恐らくchecksumが狂う為に起動時ブックマークを再構築しているようなのでその時。確認していませんがブックマークの順番を変えるのは問題ない様子）なのでdate_addedで判定するようにしました。

追記：フォルダを突っ込んでも動くようにしました。というかこれが無いといまいち使い出が無い。

var x = function(){
    var i=1;
    this.pipe = function(func){func();};
    this.alert = function(){alert(i)};
};
x.prototype.alert1 = function(){alert(i);};
x = new x;

var y = new function(){
    var i=0;
    this.alert = function(){alert(i)};

    this.test1 = function(){
        x.pipe(function(){alert(i);});
    };
    this.test2 = function(){
        x.pipe(x.alert);
    };
    this.test3 = x.alert;
    this.test4 = eval(x.alert.toSource());
};


y.alert();  //0     (1)
y.test1();  //0     (2)
y.test2();  //1     (3)
y.test3();  //1     (4)
y.test4();  //0     (5)
x.alert1(); //Error: i is not defined (6)

(1)は当然として、(2)はCallback関数を渡す関数を扱うときによく見る形ですね。私は初見ではxとyどちらに繋がっているのかわかりませんでした。まあよくよく考えると実際にxに繋がれていても使い道に困りますが。(3)は(2)のCallback関数がxのプロパティになった物ですが、こちらはxに繋がれています。また(4)もxに繋がれています（これははじめかなりビックリしました）。(5)は(4)をyに繋ぐための小細工。使う機会はほとんどないと思われますが。

結局ネット上で調べても出てこなかったのですが、この挙動を見るに関数オブジェクトが作成された場所のスコープを繋いでいく、のかな。そう考えれば上記の例は理解できますし、javascriptの関数が変態すぎる - 俺のメモの”関数リテラルとFunctionコンストラクタによってスコープがちがう”というのも一応理解できます。

まとめてみると非常にシンプルな仕様なのですが、例えば(6)なんかも初見ではいけるんではないかと思ってしまいました。オブジェクトとスコープが完全に別物であることを理解することが大事なのでしょうかね。

追記。JavaScriptのスコープチェーンとは何か？ - javascriptめも辺りが詳しそう。

1. 適当なところにpxeというフォルダを作る。さらにその中にubuntuフォルダとpxelinux.cfgフォルダを作る。

2. TFTPD32 : an opensource TFTP server/service for windows : TFTP server からTFTPD32をDL＆インストール（今回使用したものはv3.51）、起動して設定をする。（参考画像）

   TFTPタブ

   PXE Compatibilityをクリックすると自動でほかの設定がチェックされます。

   DHCPタブ

   「IP pool starting address」……「192.168.0.(このPCの数字+1～254)」

   「Size of pool」……1以上の数をテキトーに入力

   「Boot File」……"pxelinux.0"

   「WIND/DNS Server」……ルーターかプロパイダーのDNSサーバのアドレス(わからない場合はコマンドプロンプトに"ipconfig"と打って確認)

   「Default router」……ルーターのアドレス(わからない場合は（ｒｙ)

   「Mask」……サブネットマスク(わからない場合は（ｒｙ)

3. Index of /pub/linux/utils/boot/syslinuxからsyslinux-4.03.zipをDL。解凍してcore\pxelinux.0、com32\menu\menu.c32、memdisk\memdiskをpxeフォルダに入れる。

4. Index of /ubuntu/dists/maverick/main/installer-i386/current/images/netboot/ubuntu-installer/i386（ミラー）からinitrd.gzとlinuxをDL。ubuntuフォルダに入れる。
5. defaultというテキストファイルを作り、以下の内容をコピーして保存する。
6. 「Current Directory」にpxeフォルダを指定します。（参考画像）
7. 必要ならば、ルーターにアクセスし（さっきのDefault routerのアドレス）DHCPサーバー機能をオフにします。（参考画像）
8. あとはUbuntuを入れるPCを起動させて成功していればブート選択画面が出ます。

file：default

DEFAULT menu.c32
PROMPT  0
MENU TITLE === Oshinagaki ===

LABEL ubuntu
      KERNEL ubuntu/linux
      APPEND vga=normal initrd=ubuntu/initrd.gz locale=ja_JP

◆気になった事

違うVersionのUbuntuを入れるときには

ディレクトリ構造が ”/ubuntu/dists/コードネーム/main/installer-i386/current/images/netboot/ubuntu-installer/i386”となっているので、Ubuntu - Wikipediaを参考にいれてやると出来ます。初めこれを知らずに10.10のURLを紹介しているサイトをひたすら検索するハメになるなりましたorz

Ubuntu 10.02+GUIだと起動に失敗する

恐らく今回使用したFMV-830MT固有の問題だと思われますが、起動中に表示されていたUbuntuのロゴがバグりその後は黒画面のままうんともすんとも言わなくなってしまいます。ネットワークブート以外も8.04からのバージョンアップにて発現しました。9.10や11.04は問題ないようなので10.02を避ければ良いだけの話ですが。

---

＃余談。この記事を書いた理由は初めにも書いた「もっと簡潔な手引きがあった方がいい」と思った以外にも機会があればWindowsのインストールにも挑戦して記事にしてみようかと、その足がかりの意味もあったのですが、、、、Windows XP のインストールに「ネットワークブート」を使うYO！の巻 - Palm84 某所の日記まさか既にあったとは。一年ほど遅かったorz

◆下準備

1. WinSCP（インストール版）とteratermをインストール
2. WinSCPの中のPuTTYgenを起動。「SSH－2 RSA」をチェックし、右下の"1024"を"2048"に直して「Generate」ボタンをクリック、マウスをテキトーに動かしてやると早く終る。
3. 「Key passphrase」にはログイン時のパスワードを入力する（OSのユーザーに設定されているパスワードではない）。気休めのようなものらしいので無くても可。
4. 「Save public key」ボタン上部のテキストエリアをすべてコピーと「Save pricate key」ボタンをクリックしてそれぞれ（公開鍵は"authorized_keys"という名前にして）保存。
5. またメニューの「Conversions」をクリックして「Export OpenSSH key」をクリックして"id_rsa"というファイル名で保存する。

◆OSのインストール

1. まずさくらのコントロールパネルを開き、OS再インストール→カスタムOSインストールと進んでOS選択をUbuntu 10.04 i386を選んで確認ボタンを押す。
2. 公式のマニュアルがあるのでこれを読みながらインストールする。

◆セキュリティ

SSH

1. WinSCPを起動し「新規(N)」ボタンを押す。「ファイルプロトコル」を"SCP"にし、ホスト名とインストール時入力したユーザー名、ポート番号に"22"を入力して「保存(S)」ボタンを押す。
2. 「ログイン」ボタンを押しログインする。おそらく"/home/ユーザー名"が開かれるのでそこに右クリックから".ssh"というフォルダを作り、"authorized_keys"を放り込む。
3. "authorized_keys"と".ssh"のパーミッションをそれぞれ"600"と"700"にしてWinSCPを閉じる。
4. さくらのコントロールパネルのリモートコンソールを開きログインする。
5. 以下のように入力、編集していく

$ sudo apt-get install vim
$ sudo vim /etc/ssh/sshd_config
$ sudo /etc/init.d/ssh restart

file：/etc/ssh/sshd_config

Port 22 #0~65535の間の数字を適当に入れる。10000以上が良いらしい。

PermitRootLogin no #yesをnoに変える。rootのログインを禁止する。

#RSAAuthentication yes #コメントを取る。RSA認証を許可する。
#PubkeyAuthentication yes #コメントを取る。公開鍵認証を許可する。

#PermitEmptyPasswords no #コメントを取る。パスワード無しのログインを禁止する。

ChallengeResponseAuthentication no #noになっていることを確認する。

PasswordAuthentication yes #yesをnoに変える。パスワードでのログインを禁止する。

あとは保存して完了です。編集しづらいのは我慢します、挿入モードで十字キー使える分Viよりマシ。

TeraTerm設定

1. 設定(S)→端末(T)と開く。ロケールは"japanese"に言語コードは"932"に。
2. 設定(S)→ウィンドウ(W)と開く。カラーの反転をクリック。（個人的趣味）
3. 設定(S)→フォント(F)と開く。日本語を使えるフォントに変える。
4. 設定(S)→SSH認証()と開く。ユーザ名には"サーバーでログインしているユーザー名"を、RSA/DSA鍵を使うにチェック。秘密鍵ボタンを押し、"id_rsa"を選ぶ。
5. 設定(S)→設定の保存(S)と開き、保存。

ファイアウォール

$ sudo ufw enable
$ sudo ufw default DENY
$ sudo ufw allow 80/tcp
$ sudo ufw allow SSHのポート

これでポートスキャンなども防げる。らしい。

参考：ufw（Ubuntu標準の簡易ファイアウォール）を設定するには - Ubuntu Japanese Wiki

denyhosts

ログファイルを監視して、ブルートフォースアタックしてきたホストを/etc/hosts.denyに追加するPythonスクリプト。

$ sudo apt-get install denyhosts
$ /etc/init.d/denyhosts start
$ sudo vim /var/lib/denyhosts/allowed-hosts #ホワイトリストに自分のIPを追加しておく。リモートコンソールがあるので無くてもいいかもしれない。

◆サーバ

$ sudo apt-get install apache2 php5 libapache2-mod-php5 mysql-server php5-mysql
$ sudo /etc/init.d/apache2 restart #Apache再起動
$ sudo vim /etc/mysql/my.cnf
$ sudo /etc/init.d/mysql restart

file：/etc/mysql/my.cnf

[client]
default-character-set=utf8 #追加

[mysqld]
default-character-set=utf8 #追加
character-set-server=utf8 #追加

Perl＆.htaccess有効化

$ sudo a2enmod rewrite #mod_rewriteを有効にする
$ ln -s /usr/bin/perl /usr/local/bin/perl
$ sudo vim /etc/apache2/sites-available/default
$ sudo /etc/init.d/apache2 restart #Apache再起動

file : /etc/apache2/sites-available/default

<Directory /var/www/>
    Options Indexes FollowSymLinks MultiViews +ExecCGI # ここと
    DirectoryIndex index.cgi # ここを追加。index.cgi はおまけ。
    AddHandler cgi-script .cgi .pl # もし Perl （拡張子は .cgi か .pl）を有効にしたい場合はこの行を追加
    AllowOverride ALL #.htaccess
    Order allow,deny
    allow from all
</Directory>

独自ドメイン設定

$ sudo vim /etc/apache2/sites-available/default
$ sudo /etc/init.d/apache2 restart #Apache再起動

file : /etc/apache2/sites-available/default

<VirtualHost *:80>
        ServerName ドメイン名
        DocumentRoot 絶対パス
</virtualHost> #追加しておく。

ちなみにさくらで独自ドメインを購入した場合は、ゾーン表示→さくらインターネットのネームサーバに設定する（詳細設定）→変更ボタンと進む。

WordPress用のデータベース作成

$ mysql -u root -p
mysql> create database データベース名;
mysql> create user ユーザー名@localhost identified by 'パスワード';
mysql> grant all on データベース名.* TO ユーザー名@localhost;
mysql> exit
$ sudo /etc/init.d/mysql restart

データベース名、ユーザー名、パスワードはWordpressをインストールする際にwp-config.phpに入力するアレ。

一応目を通しておいたほうがいいかもしれない↓

• ［MySQLウォッチ］第26回 知らないではすまされない，MySQLのセキュリティ設定 - オープンソース：ITpro
• MySQL :: MySQL 5.1 リファレンスマニュアル :: 4.6.1 セキュリティ ガイドライン

WordPressインストール

$ wget http://ja.wordpress.org/wordpress-3.0.4-ja.zip
$ unzip wordpress-3.0.4-ja.zip
$ mv wordpress-3.0.4-ja 移す先の絶対パス

あとはいつも通り。

◆雑多なこと

自動起動設定

通常、インストール時に自動起動が設定されますが一応。

$ sudo apt-get install sysv-rc-conf
$ sudo sysv-rc-conf denyhosts on

と自動起動を設定しておく。

ロケールを ja_JP.UTF-8 にする

$ sudo apt-get install language-pack-ja
$ sudo locale-gen ja_JP.UTF-8
$ sudo update-locale LANG=ja_JP.UTF-8
$ export LANG=ja_JP.UTF-8

sub _DoDList{
    my $text = shift;
    my $less_than_tab = $g_tab_width - 1;
    my $whole_dl = qr{
        (
            (.+?\n)+?
            :[ \t]*(?s:.+?)(\z|\n{2,})
            (?!([^\n]+\n)?:)
        )
    }mx;
    $text =~ s{
        (?:(?<=\n\n)|\A\n?)
        $whole_dl
    }{
        my $list = $1;
        my $result = _ProcessDLItem($list);
        $result = "<dl>\n" . $result . "</dl>\n";
        $result;
    }egmx;
    return $text;
}
sub _ProcessDLItem{
    my $dl_str = shift;
    my $less_than_tab = $g_tab_width - 1;
    $dl_str =~ s{
        (?<=\n):[ \t]*(.*?)(?=\n:|\z|\n{2,})
    }{
        "<dd>" . $1 . "</dd>\n";
    }egmsx;
    $dl_str =~ s{
        (?:(?<=</dd>)|\A)(.+?)(?=<dd>|\z)
    }{
        "<dt>" . $1 . "</dd>";
    }egmsx;
    return $dl_str;
}

あとは_RunBlockGamutに$text = _DoDList($text);を追加

拡張構文を知らなくて少し手こずりましたがなんとか簡易的な対応ですが完成しました。しかし。

• Markdown Extra for perl
• blosxomでMarkdown Extraが使いたい(20090710-152330) « ふがっさむ・WP

先駆者がいました。以前PerlでMarkdownExtraが使えないものかと探したのが2008年の夏ごろなのでそりゃあ知らない筈ですし、今回はDLに絞って検索してしまったので検索に引っかかってこず（実際には引掛っているのですが分かり辛い）、記事を書く段階になってようやく気づきましたorz。まあこの記事が同じような目を見るかもしれない人の救済になればと思います。

ｸｿｯ