テスト環境

VPS:さくらのVPS
CentOS 5.5
Samba 3.6.1

必要なライブラリインストール

必要なファイルを予めインストールする。

yum install pam-devel readline-devel fileutils libacl-devel openldap-devel krb5-devel cups-devel keyutils-libs-devel libtalloc libtdb

SAMBAインストール

ソースからコンパイル&インストールする。

$ wget ftp://ftp.samba.gr.jp/pub/samba/samba-3.6.1.tar.gz
$ tar zxvf samba-3.6.1.tar.gz
$ cd samba-3.6.1/source3
$ ./configure –prefix=/usr/local
$ make
$ make install

SAMBA設定

$ cd ../packaging/RHEL/setup
$ cp samba.log /etc/logrotate.d/samba
$ cp samba.pamd /etc/pam.d/samba
$ cp samba.sysconfig /etc/sysconfig/samba
$ cp smb.conf /etc/samba/
$ cp smbprint /etc/samba/
$ cp smbusers /etc/samba/
$ cp smb.init /etc/rc.d/init.d/smb
$ cp swat /etc/xinetd.d
$ cp winbind.init /etc/rc.d/init.d/winbind
$ echo /usr/local/lib >> /etc/ld.so.conf.d/usrlocal.conf
$ ldconfig
$ ldconfig -p | egrep libnetapi\|libsmb\|libtalloc\|libtdb\|libwbclient

設定ファイル変更

/etc/samba/smb.conf

[homes]
comment = Home Directories
browseable = no
writable = yes
create mask = 0644
directory mask = 0755
valid users = %U
vfs objects = recycle
recycle:exclude = *.tmp *~
recycle:maxsize = 0
recycle:touch = no
recycle:keeptree = no
recycle:repository = .recycle

[public]
path = /home/samba/public
writable = yes
create mask = 0666
directory mask = 0777
guest only = no
guest ok = no
vfs objects = recycle
recycle:exclude = *.tmp *~
recycle:maxsize = 0
recycle:touch = no
recycle:versions = yes
recycle:keeptree = no
recycle:repository = .recycle%u

サーバー起動

/etc/init.d/smb start

参考サイト

・sambaのインストール

http://ja.528p.com/linux/centos/SP001-samba.html

・VistaからSambaにアクセスできない場合の対処法
chieko.goto@rakutojp.com

久々にあった友人でもTwitterでFacebookで情報を共有してるので、

「最近どうよ」みたいな近況報告なしでも、まるで毎日会っているような会話の流れになる。

ネット上のそういった知の集合体みたいなものを、ネット界隈で「合脳」なんて呼ばれたりしている。

世界の新しいサービス情報や面白ネタなども日々溢れてくる。

最近思うのがネット上に流れる情報の質が上がってきた気がする。

誰かが、インターネット上での質の低い情報は自然淘汰され、質の高い情報だけが残るみたいに事言ってた。

ネットの利用者推移は増加傾向にあるので、今後のその傾向は強まるのだろう。

ただ、インターネットだけでなく、情報そのものに自然淘汰的な性質があるのだろうけど。

今のマスメディアが淘汰されているように。

10年前に、小学生に携帯を持たせる事に社会的にも反発があったけど、いまや自然なことになった。

この10年でここまで変わり、あと5年、10年後はどうなってるのだろ。

19世紀以前と20世紀でコミュニケーション手段のあり方は全く違うものになってきている。

情報技術革新により、人と人との間に”時間”と”場所”という概念があまり必要ないものになってきてる気がする。

ただ、プラトン、ソクラテスなど過去の思想、哲学から辿ってみると、自己の存在について、

それらの概念を外したものだという考え方は既に導きだされている。

これまでの思想家、哲学者達も多かれ少なかれそういった考えを取り込んできている。

そう考えると、

歴史の偉人達の時空を超越した世界観が、2000年以上の時を超えて具現化されようとしている。

まさにそんな感じ。

シェイクスピア曰く、

「なんと素晴らしい傑作だ、人間という奴は！」

まさにそんな感じ。

これからどんな未来が待ち受けているのか、案外、ギリシャ哲学の中から見出せるのかも。

IT化が進んでいないところでは、社内の貴重なデータを普通のデスクトップパソコンに保存、管理してるケースも少なくないと思う。
貴重なデータは最低でも以下の環境に置かれていることが望ましい。
１．データセンター内のサーバー
２．ハードディスクが多重化されている。
３．複数のサーバーでバックアップ
上記の条件が揃っているサービスとしてクラウドがあげれるが、
安心かと思われたクラウドでも昨年、Amazonクラウドサービスで
大規模の障害がおきた。
そのため、クラウドを利用する時も、3のバックアップは他ホスティングサービスを
利用したほうが一層安心かもしれない。

オンラインデータ管理システムBoxroom

とある会社からデータ管理システムを頼まれたので、オープンソースで良いのがないか探していたところ、
Boxroomを発見。なかなか良さそう。しかもRailsで実装されている。
試してみたところ予想以上に使い勝手がよいのでメモ。
ちなみに、その会社、聞いたところによると大切なデータを外付けHDDで保管しているとのこと。
手軽な外付けHDDなんて、そのまま持っかれたら終わりだし。

開発環境は

ServersMan@VPS
CentOS 5.4
Ruby 1.9.2
Rails 3.0.9

インストール方法

Git,Ruby,Railsなどはインストールしてあるものとする。

[]$ git clone https://github.com/mischa78/boxroom.git
[]$ cd boxroom
# GemfileとGemfile.lockに書かれているバージョンが古いので変更。
# rakeファイルの変更はbundleコマンドをたたく前に必要あり。
# rake = 0.8.7 → 0.9.2
# 他にもバージョンが違うgemがあったら「gem list」を参考に変更しておく。
[]$ vim Gemfile
[]$ vim Gemfile.lock
[]$ bundle
Using rake (0.9.2)
Using abstract (1.0.0)
Using activesupport (3.0.9)
Using builder (2.1.2)
Using i18n (0.5.0)
Using activemodel (3.0.9)
Using erubis (2.6.6)
Using rack (1.2.3)
Using rack-mount (0.6.14)
Using rack-test (0.5.7)
Using tzinfo (0.3.29)
Using actionpack (3.0.9)
Using mime-types (1.16)
Using polyglot (0.3.1)
Using treetop (1.4.9)
Using mail (2.2.19)
Using actionmailer (3.0.9)
Using arel (2.0.10)
Using activerecord (3.0.9)
Using activeresource (3.0.9)
Using acts_as_tree (0.1.1)
Using bundler (1.0.15)
Using cocaine (0.1.0)
Using dynamic_form (1.1.4)
Using factory_girl (1.3.3)
Using rdoc (3.8)
Using thor (0.14.6)
Using railties (3.0.9)
Using factory_girl_rails (1.0.1)
Using paperclip (2.3.16)
Using rails (3.0.9)
Using sqlite3 (1.3.3)
Your bundle is complete! Use `bundle show [gemname]` to see where a bundled gem is installed.
[]$ rake db:migrate RAILS_ENV=development
[]$ rake db:migrate RAILS_ENV=production

Passengerで本番環境で動かすには、、

Boxroomは本番環境ではxSendFileというApacheモジュールが必要で、Apacheの初期状態でははいってない。
そのためインストールして設定する必要がある。

[]$ yum install -y mod_xsendfile
[]$ vim /etc
# xSendFileの設定
[]$ vim /etc/httpd/conf.d/xsendfile.conf

LoadModule xsendfile_module modules/mod_xsendfile.so
<IfModule xsendfile_module>
XSendFile on
XSendFilePath /var/www/uploads
</IfModule<>

# バーチャルホストの設定はこんな感じ。
[]$ vim /etc/httpd/conf.d/boxroom.conf

NameVirtualHost *:80
<VirtualHost *:80>
DocumentRoot /var/www/boxroom/public/
ServerName your_boxroom_domain.com
ErrorLog /var/log/httpd/boxroom-error_log
CustomLog /var/log/httpd/boxroom-access_log common
XSendFile on
XSendFilePath /var/www/boxroom/uploads/production
</VirtualHost>

BoxroomでHTML5のファイル複数同時アップロードを実装する場合

こんな感じ変更すれば複数同時アップロードを実装できました。

  def create
    if params[:user_file]["attachment"].class == Array
      # 複数ファイルの場合の処理
      params[:user_file]["attachment"].each do |f|
        @file = @target_folder.user_files.build({"attachment" => f})
        render :action => 'new' and return unless @file.valid?
      end

      params[:user_file]["attachment"].each do |f|
        @file = @target_folder.user_files.build({"attachment" => f})
        @file.save
      end
      redirect_to folder_url(@target_folder)

    else
      # 単数ファイルの場合の処理
      @file = @target_folder.user_files.build(params[:user_file])
      if @file.save
        redirect_to folder_url(@target_folder)
      else
        render :action => 'new'
      end
    end
  end

   <%# f.file_field :attachment %>
    <input id="user_file_attachment" name="user_file[attachment][]" type="file" multiple = "multiple" />

// Firebugにログ出力する関数を作成
function ftrace(msg) {
	trace("ftrace = ", msg);
	return ExternalInterface.call("window.console.log", msg)
		|| ExternalInterface.call("opera.postError", msg)
		|| ExternalInterface.call("printfire", msg)
		|| ExternalInterface.call("Debug.writeln", msg)
		|| ExternalInterface.call("debug.trace", msg)
	;
}

// ftrace実行
ftrace("firebug log test");

これだけでFirefoxで実行しても下記のようなフラッシュからセキュリティエラーがでる。
Adobe Flash Player Security

これを解決するには、
Global Security Settings panelで実行しているローカルのswfを許可設定してあげないと駄目みたい。
Flashでは、当たり前なのかもしれないけど知らなかったのではまった・・。
下記サイトから”edit location”をクリックしてテスト用のswfファイルを選択する。

http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04.html

上の設定が終わったあと試してみると無事にFirebugに出力されました。

MySQL, PHP, Git、Rubyをインストールする。

# remiレポジトリ追加
$ wget http://download.fedora.redhat.com/pub/epel/5/i386/epel-release-5-4.noarch.rpm
$ wget http://rpms.famillecollet.com/el5.i386/remi-release-5-8.el5.remi.noarch.rpm
$ sudo rpm -Uvh remi-release-5-8.el5.remi.noarch.rpm epel-release-5-4.noarch.rpm
# enabled=1に変更
$ vi /etc/yum.repos.d/remi.repo
# Gitのインストール
$ yum install git
# MySQL 5.5.4のインストール
$ yum install mysql*remi
$ chkconfig –level 3 mysqld on
# PHP 5.3.6のインストール
$ yum install php php-devel php-mbstring php-mysql php-pdo php-mcrypt php-pear php-xml -y
# readlineのインストール
$ yum install readline-devel
# Sqlite3のアップデート
$ yum install sqlite sqlite-devel
# ruby1.9のインストール
$ wget ftp://core.ring.gr.jp/pub/lang/ruby/ruby-1.9.2-p290.tar.gz
$ tar zxvf ruby-1.9.2-p290.tar.gz
$ cd ruby-1.9.2-p290
$ ./configure
$ make
$ make install
$ gem install rails jpmobile mysql passenger
# FTPサーバーのインストール
$ yum install vsftpd
# vim-enhanceのインストール
$ yum install vim-enhanced

OpenPNEのダウンロード

$ git clone git://github.com/openpne/OpenPNE3.git
$ cd OpenPNE3
$ git checkout OpenPNE-3.4.14.1

$ mysql -u root -p
GRANT ALL PRIVILEGES ON {データベース名}.* TO {ユーザー名}@localhost IDENTIFIED BY ‘{パスワード}’ WITH GRANT OPTION;
CREATE DATABASE {データベース名} CHARACTER SET utf8;
$ cd OpenPNE3
$ cp config/ProjectConfiguration.class.php.sample config/ProjectConfiguration.class.php
$ cp config/OpenPNE.yml.sample config/OpenPNE.yml
$ ./symfony openpne:install

Sqlite3.7.3にアップグレード

rails3がsqlite3.6以上でしないと駄目なので・・。

$ cd /usr/local/src
$ sudo wget http://www.sqlite.org/sqlite-amalgamation-3.7.3.tar.gz
$ sudo tar xvzf sqlite-3.7.3.tar.gz
$ cd sqlite-3.7.3
$ sudo ./configure
$ sudo make
$ sudo make install

Passengerのインストール

$ yum install curl-devel httpd-devel apr-devel apr-util-devel
$ passenger-install-apache2-module

ちなみに我が家は東京タワーのエリアぎりぎりの最弱電界エリア。
一度業者に見積もり&調査依頼をしたら、7万5000円とぼったく価格を提示された。
原価数千円のブースターが2万ってなんだよ。って心の中でつっこみ。
市販の地デジをアンテナ(↓みたいな)では映らないですか?と聞いたら、この辺りだと屋根に取り付けないと無理です。と言われた。
普通は諦めて向こうの言い値でお願いするのだろうけど、あまり信用できそうな感じの業者ではなかったので、自分で調べて試すことに。
ネットが一番評判の良かった弱中エリア用の地デジアンテナ。しかもブースター内蔵。デザインもなかなか素敵。

DXアンテナ 地上デジタル放送用平面アンテナ デジキャッチフラットパワー1900 UAD1900 新品価格 ￥13,100から (2011/5/22 08:38時点)

ぶっちゃけ映るかどうか賭けだったけど1万円ちょいなら試してみる価値ありという判断のもと思い切って購入。
DXアンテナのページを見てみても弱中電界地域専用と書いてあるので大丈夫だろうと自分を勇気づけた。
UAD1900アンテナが届いて説明書を見てみると、いくつか足りない部品があったのでAmazonですぐに購入した。
ケーブルと5C用F型接栓、あとはニッパを持ってないので合わせて購入。
ニッパはケーブルを加工して接栓付けるために必要みたい。(当たり前なのだろうけど、こういう事は全くやった事無いもので・・)
あと複数のテレビを地デジ化する人は分配器が必要みたいだけど、家はテレビ一台で今後購入する予定もないので今回は分配器はつけなかった。

DXアンテナ 同軸ケーブル 10m S5CFB10B 新品価格 ￥1,260から (2011/5/22 08:45時点)

接栓は本当はDXアンテナ製の「DXアンテナ 5C用接栓 2個入 F-5SN-2B2」ってやつがいいみたいなんだけど、
高いので下記の接栓を購入。結論からいうとこの安いやつで特に問題なかった。

【１個￥６０×１０個入】アンテナ接栓　５Ｃ用　Ｆ型接栓 新品価格 ￥600から (2011/5/22 08:51時点)

下記のニッパを買ったけど、もっと安いので全然良かったと微妙に後悔。
皮むき作業ができる便利な穴がついていたから選んでみたけどC5ケーブルが太すぎて全く使えなかった。

フジ矢 皮むきニッパ No.10 150MM 新品価格 ￥1,892から (2011/5/22 09:13時点)

UAD1900は価格.comで調べたら11900円で売ってた。
なんで備品と合わせて、、、

地デジ対策費 = ¥11,900 + ¥1,260 + ¥600 + ¥1,892 = ¥15,652

で、見事に地デジも受信できた!!

地デジ受信測定 = 60前後

ギリギリだけど普通にテレビ見るだけなら全然問題ない。
なぜか教育テレビだけ80台、、たまにずっと50台で推移している時もあるけど特に気にならない。
配線を屋内に通すの戸惑ったり、アンテナの微妙な調整とかも含めてかかった時間は約3時間。
慣れている人ならほんとサクッってできるんだろけど、まずまずの作業時間・・!!?

業者に頼むより格安で付けれたので結構満足。
こんな簡単にできるならもう少し早く対応しても良かったなと思った。

　2011年3月、FaceBookはアクセス数でGoogleを追い抜いた事で一段と存在感がでてきたが、日本での知名度はまだまだ高いとはいえない。
しかし日本でりのFacebookの人気は急増しており、2011年1月時でアクティブユーザーが200万人を超えた(※1)ようだ。
MixiやGreeにはまだ及ばないものの無視できない存在となっている。
実際に周りでもFaceBookの法人ページを立ち上げた方や、これから立ち上げたいという声も多く聞こえてきた。
テレピやラジオで「ツイッター」という言葉が自然とでてくるようになって間もないが、次はフェイスブックという言葉が聞こえてきそうだ。

※1 参考: Socialbakersi – 日本国内のFaceBookユーザー数

米国ではFacebookページを持つのが常識に

　アメリカではFacebookの普及率がおよそ70%(※2)と爆発的に広がっている。
個人、法人ともにFaceBookでページを持っており、この流れは米国だけでなく欧米やアジアにも拡大(※3)している。
ただ、全体的にみると日本と中国がのり遅れており、かつてGoogleは日本ではYahoo Japanに、中国では百度にシェア争いで勝てなかった過去を思い浮かべる。今後のFaceBook自体のブランディングにも注目だが、タレント、大手企業や有名人が参入する事により一気に増加する事も考えられる。
FaceBookではお気に入りのページをファンとして登録でき、レディーガガの場合はそのファン数が3000万人以上もいる。
FaceBookの特徴として基本的に利用者は全て実名登録である。そのため、その3000万人というファン数は全て信頼できる実在する人の数という事あり、彼らに対してメッセージや活動情報を簡単に無料で配信できるので利用せずにはいられない。
ファン数1000万人をこえる有名人は他にもたくさんいる。

• Lady Gaga – ファン数34,552,262人
• Barack Obama – ファン数20,636,307人
• Justin Bieber – ファン数27,443,259人

※2 参考: ComScore社 : Media Metrix Ranks TOP U.S Web Properties
※3 参考: アジアのソーシャルネットワーキングサイト利用動向調査
※4 参考: Top Social Network Stars

FaceBookの活用方法

　FaceBookと今までのSNSの大きな違いは実名登録を徹底しているという事。
最近では不正なアカウントは強制的に停止されてしまう。
実名登録によるFaceBookユーザーの信頼度の向上が、大企業の参入をスムーズにしていると予想できる。
他にもFaceBookには様々な用途で活用されている。

• 個人のブログサイトとして
• 企業・団体のホームページとして
• 商品やイベントのプロモーションサイトとして
• その他、Q&Aやアンケート用のプラットフォームとして

「いいね」ボタンであなたのサイトをFaceBook連携

　最近、ニュースサイトやブログサイトでもよく見かけるようになったFaceBookの特徴の一つである「いいね」ボタン。
これは簡単にあなたのサイトに貼付ける事ができ、また「いいね」ボタンを押されるたびにGoogleランク10であるFaceBookからのリンクが貼られる事になりSEO対策に大変有効である。
　FaceBook内に「いいね」ボタン生成用のページがあるので、あなたのページのサイト用の「いいね」ボタンが作れる。
ボタン生成ページを利用するには、アカウントにログインしていて個人の認証のため携帯メールアドレスを登録しておく必要がある。
生成すると下記のようなボタンが作れる。

1. FaceBookアカウント取得
2. FaceBookアカウントで携帯メールアドレスの確認 → Confirm Phone
3. 「いいね」ボタン作成ページで作成 → 「いいね」ボタン作成ページ

まとめ

　FaceBookの機能・活用方法はまだまだたくさんあるけど一旦まとめ。
海外では主流になってきているFaceBookの今後の日本の展開に期待。
WEBの世界では早くにやった物勝ちなところがあるので、FaceBookが少しでも気になっている方はアカウント登録してみて少しずつ試してみて遅れを取らないように。
Mixi、Greeやモバゲーも黙ってFaceBookの参入を伺っているとは思えないので各社の動向も注目。ただ、個人的には日本の匿名利用でのゲームを主としたSNSとして、FaceBookはより現実世界に近いSNSとして区分けされていくように思う。

おすすめ書籍

Facebookブランディング 新品価格 ￥1,785から (2011/5/23 12:09時点)

Facebookマーケティング 新品価格 ￥1,680から (2011/5/23 12:10時点)

Dear Developer,

Thank you for your recent binary submission for “Flash Card of Kuman Professor” to the App Store. Unfortunately we discovered an issue with your binary that you will need to correct in order for your application to proceed to the review stage. The specific issue is outlined below:

Invalid Signature – Make sure you have signed your application with a distribution certificate, not an ad hoc certificate or a development certificate. Verify that the code signing settings in Xcode are correct at the target level (which override any values at the project level). Additionally, make sure the bundle you are uploading was built using a Release target in Xcode, not a Simulator target. If you are certain your code signing settings are correct, choose “Clean All” in Xcode, delete the “build” directory in the Finder, and rebuild your release target.

Once you have corrected the issue, please return to the application’s version details page in the iTunes Connect Manage Your Applications module and click on the Ready to Submit Binary button. This will take you through the binary submission flow and return your application version status to Waiting for Upload. You can then use Application Loader to upload your new binary. If any other issues are found with your submission you will be contacted.

Thanks,
The iTunes Connect Team

ググってみるとたくさん引っかかるが、原因は人それぞれみたい・・。
仕方ないので一つ一つ確認していく。このプログはその時のメモ。

1. Xodeで’Run’時のwarnやerrorがでないようにしておく。

2. Xcodeの’Build Setting’の’Code Singing’→’Release’に’iphone Developer’ではなく’iPhone Distribution’を選択する。
　→ ‘iPhone Distribution’が無い人はProvisioning Profileが間違っているのでiOS Provisioning Portalページで確認。

3. Xcodeの’Architectures’にStandard(armv6, armv7)を指定する。
　→ AppStoreに2本目のiPhoneアプリを登録したの巻

4. Xcodeのメニュー’Product’→’Edit Scheme’→左項目’Archive’を選択。’Build Configuration’を’distribution’に選択する。
　→ Distributionの作り方
※ ‘Build Configuration’を’distribution’ではなく’Release’で登録完了できました。

一応、上記確認後に再アップロードしたら無事登録完了しました。iTune Connectでアプリのステータスが’Waiting For Review’になりました。あとは審査が通るかどうか・・。
ちなみにアップロードが無事登録完了すると下記のようなメールが届きます。

Dear ***** *****,
The status for the following app has changed to Waiting For Review.

App Name: Flash Card of Kuman Professor
App Version Number: 1.0.0
App SKU: ********
App Apple ID: *******
To make changes to this app, sign in to iTunes Connect and open the Manage Your Applications module.

If you have any questions regarding your app, click Contact Us in iTunes Connect.

Regards,

The iTunes Store Team

他にも色々調べて確認したけど、右往左往してまとまってないので記載できてなかったり。
下記のサイトがとても参考になりました。
- The binary you uploaded was invalid. The signature….
- 【申請方法】Invalid Binaryの理由について

関連サイト

• AppStore登録でInvalid Binaryがでてしまった。
• Titanium.UI.iPhone.SystemButton [undefined] is not an object
• Titanium Mobileの関連サイトを集めてみる

動画ストリーミングとは

通常、動画配信にはWebサーバーを利用して行います。
動画配信には動画ファイルをWebサーバー上に置くだけでは実現できず、FlashやSilverLightやWindowsMediaPlayerといった動画再生用のアプリケーションを利用する必要があります。また動画ファイルも適切な形式に変更(エンコード)する必要があります。
また、動画配信は回線に相当の負荷がかかるので利用者や動画サイズ・長さを考慮してサーバーを選択する必要があります。
ホームページへの組み込み方法はHTMLのオブジェクトタグを使用します。

2種類の配信方法がある

Web上での動画配信には主に2種類の方法があります。
それぞれ長所・短所があるので用途に合わせて選択します。

■ ダウンロード配信
動画ファイルを利用者のマシンにダウンロードしてから再生します。
Youtubeはストリーミング配信とおもわれがちですが、実はダウンロード配信です。視聴した動画ファイルはしっかりマシンに保存されています。
[メリット]
・ストリーミングに比べ敷居が低い。
・特にコストが発生しない。
[デメリット]
・サーバー負荷が大きい。
・動画ファイルがダウンロードされるので著作物に関しては扱いが難しい。
・視聴者のマシンのディスク容量を圧迫する。

■ ストリーミング配信
動画ファイルをダウンロードしながら再生をします。
ストリーミング可能なサーバーを用意する必要がある。
[メリット]
・動画ファイルがダウンロードされない。
・再生開始が早い。(ダウンロードと同時に再生がはじまるため)
・サーバーの負荷が分散される。
・ライブ中継が可能。
・視聴者のマシンのディスク容量は少なくてもいい。(ファイルをダウンードしないので)
[デメリット]
・ストリーミング可能なサーバーが費用が高い。

費用の問題さえクリアすればストリーミングを選択してほうが良い面がたくさんあります。
ストリーミングサーバーは高額なので動画ポータルサイトなどではダウンロード配信を選択する割合が多いです。

動画配信アプリケーションと動画形式

配信アプリケーションにはいくつか種類があり、それに合わせて動画ファイル形式も違ってきます。

■ Flash
Adobe Flash。おそらく最も利用されている形式で動画ファイルはFLV形式。
Youtube、ニコニコ動画などの大手動画投稿サイトで採用されている。

■ Windows Media
Windowsに標準で搭載さてれいる。動画はWindows Media Video形式。
Macユーザーには扱いづらいので視聴者がWindowsユーザーのみであれば。

■ SilverLight
動画再生では後発なため、上記2つ比べると普及率は低い。
Gyaoで採用されています。

どのストリーミングサービスを選んだら良いか

動画配信方法がある程度わかったけど、実際どのサービスを選んだらいいのか。
業者を選ぶ前に下記の基準項目を決めておくとスムーズです。(わかる範囲で)

1. 配信方法
ダウンロード配信かストリーミング配信かを選択します。
2. 同時アクセス数
何人同時に動画を視聴するか。
3. 動画のビットレート
1秒間に送受信できるデータ量です。この値が大きいほど画質がよくなりますが、その分サーバーの負荷を増えます。
4. 動画の長さ
動画の再生時間です。

ものすご〜く大まかに例です。実際には上記の基準から複数の業者に選び相談してみる事をおすすめします。

ケース1. 画質・速度にはこだわらず視聴者も少ないので、とにかく安く動画配信したい。
ダウンロード配信を選択。ストリーミンクサーバーを借りる必要はなく、通常のレンタルーバーで配信可能です。
ただし、視聴者が増えてトラフィックが大きくなった場合にサーバー業者から注意がくる可能性もあります。
あまりおすすめの方法ではないです。
ex) さくらのレンタルサーバ スタンダードプラン / 月額500円

ケース2. 20名程度が同時にアクセスできるように動画配信したい。
帯域を計算してみます。
300kbps(ビットレート) × 20(人) = 6000kbps = 6Mbps
保証帯域が3M以上のサービスを選択する。
ex) Media Imageの共有WEBタイプ10 – 平均利用帯域10Mbps / 月額29,800円
ex) J-StreamのFlat6Mプラン – 保証帯域6Mbps / 月額35,048 円

ケース3. MacユーザーもWindowsユーザーにも視聴できるようにしたい。
Adobe Flash Video対応のストリーミングサーバーを選択します。

ケース4. DRM(デジタル著作権保護)での動画配信にしたい。
WindowsMediaPlayer対応のストリーミングサーバーを選択します。

ストリーミングサーバー ホスティング業者

J-Stream
Media Image
Smart Stream

動画配信サイト一覧

Youtube
ニコニコ動画
Stage 6
Dailymotion
Veoh

mongoDB用のレポジトリファイルを追加します。
/etc/yum.repos.d/10gen-mongodb.repo

32bit版Mongodbレポジトリの場合 (Fedora 14/13/12/11, CentOS 5.4/5.5 and Red Hat (RHEL) 5.4/5.5/5.6/6 on i686)

[10gen]
name=10gen Repository
baseurl=http://downloads-distro.mongodb.org/repo/redhat/os/i686
gpgcheck=0

64bit版Mongodbレポジトリの場合 (Fedora 14/13/12/11, CentOS 5.4/5.5 and Red Hat (RHEL) 5.4/5.5/5.6/6 on i686)

[10gen]
name=10gen Repository
baseurl=http://downloads-distro.mongodb.org/repo/redhat/os/x86_64
gpgcheck=0

2. mongoDBのインストール

安定版のインストール

yum install mongo-10gen mongo-10gen-server

開発版のインストール

yum install mongo-10gen-unstable mongo-10gen-unstable-server

3. mongoDBの起動

service mongod start
## OR ##
/etc/init.d/mongod start

4. ブート時に自動起動設定

chkconfig –levels 235 mongod on

関連ページ

• node.jsを試してみる
• express+node.js+sequelizeを試してみる
• MongoDBインストール手順
• node.js+MongooseでMongoDBを試してみる
• express+node.js+redisでセッション管理
• express+node.jsのSocket.ioを使ってチャネル対応チャットを作成

前回の「ServersMan@VPSでnode.jsを試してみる」に続いて、今度はnode.jsのSinatra風フレームワークExpressを試してみる。
本当はRuby on Railsを模したExpress on Railwayを試してみたかったけど、まだ機能的に未実装な部分が多かったのでまた今度。
今回はExpressを試してみました。
開発環境はServers@VPSのCentOS 5です。

Expressフレームワークの特徴

本家に書いてあるExpressの特徴をざっくりと、、(間違ってたらごめんなさい)

1. WEBアプリケーションが簡単に実装できます!
2. ルーティング設定できます!
3. コード/テンプレートは分離されてます!
4. テンプレート用ヘルパーメソッドがあります!
5. パフォーマンスが良いです!
6. ビューのレンタリングやパーティアルもサポートしてるぜ!
7. 環境の切り分けができます。(Railsでいうdevelopmentとproduction)
8. ジェネレーターもあります!
9. セッション操作もお手の物!

Expressフレームワークのインストール

コマンドで一発でインストール完了。
あとついでにexpressで必要なejsテンプレートとMySQLのORMであるsequelizeもインストールします。

$ npm install express
$ npm install ejs

sequelizeはgitから最新版を取得してインストールします。(最新版でない日本語対応していないので・・)

git clone https://github.com/ngs/sequelize.git
npm install ./sequelize

骨組みの作成

Expressの骨組みを作成します。
Railsと同じく一発生成コマンドがあります。

$ cd ~/
$ mkdir blog
$ express -t ejs
$ ls
app.js logs pids public test views

Expressを起動してみる

$ node app.js

既定ではポート3000に開きます。ブラウザからアクセスしてみるとようこそと歓迎してくれます。

ログを出力してみる

既定値だとアクセスログが全く表示されないので、表示されるように設定してみる。
app.js 8行目

- var app = module.exports = express.createServer();
+ var app = module.exports = express.createServer(express.logger(),express.bodyParser());

これでサーバーを立ち上げ確認してみると下のような感じでアクセスログが表示される。

$ node app.js
192.168.0.1 – - [Thu, 17 Mar 2011 00:27:25 GMT] “GET / HTTP/1.1″ 200 – “” “Mozilla/5.0 (Windows; U; Windows NT 6.0; ja; rv:1.9.2.15) Gecko/20110303 Firefox/3.6.15 ( .NET CLR 3.0.30729; .NET4.0C)”
192.168.0.1 – - [Thu, 17 Mar 2011 00:27:25 GMT] “GET /stylesheets/style.css HTTP/1.1″ 304 – “http://192.168.0.1:3000/” “Mozilla/5.0 (Windows; U; Windows NT 6.0; ja; rv:1.9.2.15) Gecko/20110303 Firefox/3.6.15 ( .NET CLR 3.0.30729; .NET4.0C)”

またログに任意のメッセージを表示したい場合はconsole.logを使います。

app.get('/', function(req, res){
  console.log("トップページが表示されました。");
  res.render('index', {
    title: 'Express'
  });
});

ルーティング設定のサンプル

ルーティングの設定も簡単にできます。
設定ファイルはapp.js内で行います。

// getメソッドを設定
app.get('/user/:id', function(req, res){
    res.send('user ' + req.params.id);
});
// postメソッドを設定
app.post('/user/:id', function(req, res){
    res.send('user ' + req.params.id);
});
// 正規表現も使えます。
app.get(/^\/users?(?:\/(\d+)(?:\.\.(\d+))?)?/, function(req, res){
    res.send(req.params);
});

フォームで送信した内容を表示する

WEBアプリケーションでよくあるフォーム送信も簡単に実装できます。
テンプレートにフォームを追加します。

<form method="post" action="/chat/<%= id %>">
  <input type="text" name="user[message]" />
  <input type="submit" value="Submit" />
</form>

送信されたフォームデータはreq.bodyで取得することができます。

app.get('/', function(req, res){
  res.render('index', {
    title: 'Express'
  });
});
app.post('/', function(req, res){
  res.send('message: ' + req.body.user.message);
});

ブラウザ上での流れ

sequelizeを使ってMySQLにアクセス&データ挿入してみる

node.jsにはいくつかORMがあるけどsequelizeが評判良さそうだったので使ってみる。
その前にサクッとMysqlのインストールとデータベース作成する。

$ yum install mysql mysql-server mysql-devel
$ /etc/init.d/mysqld start
$ mysql -u root -e ‘CREATE DATABASE ‘express’ DEFAULT CHARACTER SET utf8′
$ mysql -u root express -e ‘CREATE TABLE comments (id int NOT NULL auto_increment, body varchar(400), createdAt datetime, updatedAt datetime, PRIMARY KEY(id));’

MySQL接続からデータ挿入までのコードは以下の通りです。とても簡単です。

// 1. Sequelizeを読みだす
var Sequelize = require("sequelize").Sequelize;
// 2. MySQLに接続
var sequelize = new Sequelize('express', 'root', null, {
  host: "localhost",
  port: 3306
})
// 3. テーブル定義する
var Comment = sequelize.define('comments', {
  body: Sequelize.STRING,
})
// 4. データを挿入する
var comment = new Comment({
  body: 'Hello Express, node.js and sequelize on ServersMan'
});
comment.save(function(){});

ただ、これだとapp.jsを起動する度にコメントが登録されてしまうので、
先程作成したフォーム送信時にコメントされるようにします。

// 先程作成したルーティング内にdoCommentを追加する。
app.post('/', doComment, function(req, res){
  res.send('Sended your comment: ' + req.body.user.message);
});
// コメントをDB挿入するメソッド
function doComment(req, res, next) {
  var comment = new Comment({
    body: req.body.user.message
  });
  comment.save(function(){});
  next();
}

sequelizeを使ってMySQLからデータを取得する

データの挿入ができたので次はデータの取得を行います。
Rails、SinatraやCakePHPを使っている方は予想できるかと思いますが、データの取得にはfindメソッドを使います。

Comment.find(123, function(comment) {
  // ID=123のCommentインスタンスを取得
})

Comment.find({ title: 'aComment' }, function(comment) {
  // title='aComment'のCommentインスタンスを取得
})

Comment.findAll(function(comments) {
  // 全データのCommentインスタンスを配列で取得します。
})

Comment.findAll({where: "name = 'A Comment'"}, function(persons) {
  // name='A Comment'のCommentインスタンスを配列で取得します。
})

ちなみにデータの削除はdestory()を使います。ただ、destroyAll()がないので全データ消す場合には下記のようにする必要があるみたい。

Comment.findAll(function(comments){comments.forEach(function(comment){comment.destroy()})})

データ取得の方法がわかったところで、トップページでコメント一覧を表示してみます。
app.get(‘/’)内をコメント一覧取得するコードを追加します。

app.get('/', function(req, res){
  Comment.findAll(function(comments) {
    res.render('index', {
      title: '一言掲示板',
      comments: comments
    });
  });
});

続いてテンプレートファイル(view/index.ejs)にコメント一覧用コードを追加します。

<h1><%= title %></h1>
<p>Welcome to <%= title %></p>
<form method="post" action="/">
  <input type="text" name="user[message]" />
  <input type="submit" value="Submit" />
</form>
<h2>コメント一覧</h2>
<ul>
<% comments.forEach(function(comment) { %>
  <li><%= comment.body %></li>
<% }) %>
</ul>

ヘルパーメソッドを使ってみる

テンプレートでデータの体裁を整えたい場合などに便利なヘルパーメソッドですが、勿論あります。
app.jsに下記のように記述します。
試しに日付オブジェクトのフォーマット用にヘルパーメソッドを追加してみます。

// Helper Methods
app.helpers({
  at: function(d){ return d.getFullYear() + "/" + d.getMonth() + "/" + d.getDay() + " " + d.getHours() + ":" + d.getMinutes()}
})

<h2>コメント一覧</h2>
<ul>
<% comments.forEach(function(comment) { %>
 　<li><%= at(comment.createdAt) %> <%= comment.body %></li>
<% }) %>
</ul>

シンプルな掲示板が完成しました。

感想

当初、サーバーサイドJavascriptは取っつきにくさはあるかと思っていましたが、
試してみると予想以上に簡単で感覚的にコードを記述できるので驚きました。
普段、sinatraを利用している人ならすんなりexpress+node.jsに移行できるのではないでしょうか。
またJavascriptなのでクライアントサイドでも同一言語で記述ができ、処理速度も高速となるとかなり魅力的です。
Ajaxを利用した小規模ウェブアプリケーションを開発する場合、expressより適したフレームワークはないのではないでしょうか。
次はAjaxを使ったexpressアプリを試してみたいと思います。

関連ページ

• node.jsを試してみる
• express+node.js+sequelizeを試してみる
• MongoDBインストール手順
• node.js+MongooseでMongoDBを試してみる
• express+node.js+redisでセッション管理
• express+node.jsのSocket.ioを使ってチャネル対応チャットを作成

関連サイト

node.js – http://nodejs.org/
sequelize – http://sequelizejs.com/
express – http://expressjs.com/

クライアントサイドとサーバーサイドがプログラム言語が一緒だったらなぁ、
そんな願いを叶えてくれる最近話題のnode.jsを試してみた。
テスト環境は遊び用で借りているServers@VPS(CentOS 5)で、OSはCentOS 5です。

Node.jsとは

サーバーサイトJavaScriptのひとつで、Googleが開発したV8 JavaScript Engine上で動く。
Node.jsはRubyのイベントマシーンやPyhonのTwistedの影響を受けており、スケーラビリティの高いネットワークプログラムを簡単に開発できるように設計されている。
イベントループモデルなのでApachなどで使われているスレッドモデルに比べてメモリ消費量が圧倒的に少ない。
また、I/Oライブラリにlibevとliveioを使うことで非同期I/Oによる並列高速処理を実現した。

node.js – http://nodejs.org/
V8 JavaScript Engine – http://code.google.com/p/v8/

必要なライブラリ

python – version 2.4 or higher
libssl-dev – SSL/TLS通信を行う場合は必要

$ yum install -y gcc gcc-c++ openssl-devel python

ソースからインストールする

$ mkdir ~/sources
$ cd ~/sources
$ wget http://nodejs.org/dist/node-v0.4.2.tar.gz
$ tar zxvf node-v0.4.2.tar.gz
$ cd node-v0.4.2
$ ./configure –prefix=$HOME/sources/node-v0.4.2
$ make
$ make install
$ export PATH=$HOME/sources/node-v0.4.2/bin:$PATH

NPMをインストール

NPMはパッケージ管理ツールでNodeのライブラリなど追加するときに使用します。

$ curl http://npmjs.org/install.sh | sh
$ npm install express

Hello Worldを表示しよう

お約束の「Hello World」です。やり方はいたってシンプルです。
下記のファイルを作成して実行するだけです。
※「127.0.0.1」はあなたのIPに変更して実行してください。
example.js

var http = require(‘http’);
http.createServer(function (req, res) {
res.writeHead(200, {‘Content-Type’: ‘text/plain’});
res.end(‘Hello World\n’);
}).listen(8124, “127.0.0.1″);
console.log(‘Server running at http://127.0.0.1:8124/’);

下記のコマンドを実行します。

$ node example.js
Server running at http://127.0.0.1:8124/

TCPサーバーを立ち上げよう

hello worldと同じ要領でjsファイルを作成して実行します。
※「127.0.0.1」はあなたのIPに変更して実行してください。
example-tcp.js

var net = require(‘net’);

var server = net.createServer(function (socket) {
socket.write(“Echo server\r\n”);
socket.pipe(socket);
})

server.listen(8124, “127.0.0.1″);

下記のコマンドを実行します。

$ node example-tcp.js
Server running at http://127.0.0.1:8124/

Telnetを使って動作確認してみます。
※Windows Vistaでは既定ではtelnetコマンドが無効化されているので有効化してから試してください。有効化するには[コントロールパネル] – [プログラムと機能] – 「Windows の機能の有効化または無効化」を選択し、「Telnet クライアント」にチェックを付ければOKです。

telnet 127.0.0.1 8124

関連ページ

• node.jsを試してみる
• express+node.js+sequelizeを試してみる
• MongoDBインストール手順
• node.js+MongooseでMongoDBを試してみる
• express+node.js+redisでセッション管理
• express+node.jsのSocket.ioを使ってチャネル対応チャットを作成

JavaScriptオススメ書籍

本格的にJavaScriptをやるなら読んでおいたほうが良い書籍2冊。

JavaScriptパターン ―優れたアプリケーションのための作法 新品価格 ￥2,940から (2011/3/16 16:01時点)

JavaScript: The Good Parts 新品価格 ￥1,690から (2011/3/16 16:02時点)

非同期I/O処理などNode.jsについてもっと深く理解したい場合の書籍

UNIXネットワークプログラミング〈Vol.1〉ネットワークAPI:ソケットとXTI 新品価格 ￥8,400から (2011/3/16 17:15時点)

「フリーランスのための青色申告」という本にかなり助けられました。

【2010-2011年度版】図解 フリーランスのための超簡単!青色申告 新品価格 ￥1,701から (2011/2/21 13:14時点)

【良かったところ】
・　フリーランス用に丁寧に纏められているのでボリュームも少なくわかりやすい。
・　青色申告の基礎からe-Taxの方法まで完全網羅されている。
・　青色申告用ソフトがExcelベースなので馴染みやすく使い勝手が良い。
・　破格の安さ。ソフト付きで1620円。

【悪かったところ】
・　とくに無し。

※追記
この本買う前に10,000円くらいする別の青色申告ソフトを購入したのですが、
至れり尽くせりで本のボリュームも多く、フリーランスに必要ない情報もたくさんあるので、全く手をつけれませんでした。
下手すれば、その青色申告ソフトのマニュアル書が「フリーランスのための青色申告」と同等のボリュームあるんじゃないかと思えてくるほどです。
また、数カ月の電話サポート期間もついていたのですが、購入した日が早く、確定申告する時期には終了していました。
使う人によっては良いソフトなのかもしれませんが、フリーランスの方は1620円のこの本で十分だと実感しました。

※e-Taxに必要なICカードリーダー
調べ見たところ一番安かった。
e-Taxには絶対に必要なICカードリーダーですが、使うのはほんの一瞬だけだったので少し寂しい。

日立 USB接続 公的個人認証用 接触型ICカードリーダー ライター HX-520UJ.K 新品価格 ￥1,126から (2011/1/4 12:47時点)

必要なファイル

1. サーバー証明書
　→　証明書署名要求ファイルを元にサイバートラストに発行してもらいます。
　→　SureServer.2011.crt
2. 中間証明書
　→　サイバートラストのサイトからダウンロードできます。
　→　SSCA1.2011.crt
3. 証明書署名要求ファイル
　→　opensslコマンドを使って生成します。
　→　SureServer.2011.csr
4. 秘密鍵
　→　証明書署名要求ファイル作成時に生成されます
　→　SureServer.2011.key

SSL証明書更新の基本的な流れ

手順1. CSR(証明書署名要求)とその秘密鍵を作成

# CSR用ディレクトリを作成します。
$ mkdir /etc/httpd/conf/ssl.csr
# CSR用ディレクトリに移動します。
$ cd /etc/httpd/conf/ssl.csr
# CSRを生成します。下記参照【CSR生成ログ】
$ openssl req -new > SureServer.2011.csr

Generating a 1024 bit RSA private key
………..++++++
………………++++++
writing new private key to ‘privkey.pem’
Enter PEM pass phrase: 任意のパスワードを入力
Verifying – Enter PEM pass phrase:　任意のパスワードを再入力
—–
You are about to be asked to enter information that will be incorporated
into your certificate request.
What you are about to enter is what is called a Distinguished Name or a DN.
There are quite a few fields but you can leave some blank
For some fields there will be a default value,
If you enter ‘.’, the field will be left blank.
—–
Country Name (2 letter code) [GB]:　JA　国コード入力
State or Province Name (full name) [Berkshire]:　Tokyo　都道府県を入力
Locality Name (eg, city) [Newbury]:　Shibuya-ku　市区町村を入力
Organization Name (eg, company) [My Company Ltd]:Example Co.,Ltd.　会社名を入力
Organizational Unit Name (eg, section) []:example.com　会社ドメイン名を入力
Common Name (eg, your name or your server’s hostname) []:www.example.com 　サイトURLを入力
Email Address []:　空白でOK

Please enter the following ‘extra’ attributes
to be sent with your certificate request
A challenge password []:　空白でOK
An optional company name []:　空白でOK
———————————————————————

# CSR生成時にできる鍵ファイルの名前を変更します。
$ mv privkey.pem SureServer.2011.key

※CSRファイル・鍵ファイルは絶対に削除したり上書きしないように注意してください。

手順2. 1のCSR(証明書署名要求)をサイバートラストに送信してサーバ証明書を発行してもらう

下記サイバートラスト管理画面からサーバー証明書申請をします。

https://sstra.cybertrust.ne.jp/IRA/loginSb/

申請時に手順1で作成したCSRファイルが必要になります。
サーバー証明書は審査完了後にメールで送られてきます。(が、僕の場合なぜか迷惑メールに入ってて気が付きませんでした)
サーバー証明書を下記パスに保存します。

$ /etc/httpd/conf/ssl.crt/SureServer.2011.crt

手順3. 中間CA証明書を下記URLから取得

下記ページからダウンロードできます。
→　https://www.cybertrust.ne.jp/ssl/support/download_ca.html#01

# wgetで取得します。
$ mkdir /etc/httpd/conf/ssl.crt/
$ cd /etc/httpd/conf/ssl.crt/
$ wget https://www.cybertrust.ne.jp/SureServer/file/root_ca/PUBCAG1.txt
$ mv PUBCAG1.txt SSCA1.2011.crt

手順4. 取得した秘密鍵・サーバ証明書・中間CA証明書の3点を下記のように書き換える (Apache + mod_ssl)の場合

$ vim /etc/httpd/conf.d/ssl.conf

SSLCertificateFile /usr/local/apache/conf/ssl.crt/SureServer.2011.crt
SSLCertificateKeyFile /usr/local/apache/conf/ssl.key/SureServer.2011.key
SSLCertificateChainFile /usr/local/apache/conf/ssl.crt/SSCA1.2011.crt

※apacheの設定ファイルは必ずバックアップを取って作業する

手順5. サーバー起動時のパスワード要求を削除

$ cd /usr/local/apache/conf/ssl.key/
$ openssl rsa -in SureServer.2011.key -out SureServer.2011.key

手順6. サーバーを再起動。ブラウザで確認できれば完了。

$ /etc/init.d/httpd restart