• なんとなくlighttpdをWebDAVサーバにしてみようと思ったのでやってみた。
• どうやらソースからビルドしないと無理っぽいことがわかったので仕方なくビルドした。
• 一応できた。

内容

環境はこんな感じ。lsb_release -a は覚えとくと結構役に立つ。

$ lsb_release -a
LSB Version:    :core-3.1-ia32:core-3.1-noarch:graphics-3.1-ia32:graphics-3.1-noarch
Distributor ID: CentOS
Description:    CentOS release 5.4 (Final)
Release:        5.4
Codename:       Final

とりあえずyumで入ってるlighttpdを消す。

# /etc/init.d/lighttpd stop
# yum remove lighttpd

なんかlighttpd-fastcgiも依存性の関係で削除されるよって言われるけど、最新のソースだとfastCGIは本体に内蔵されてるっぽいので削除しちゃう。

lighttpdのソースを拾ってくる。インストールした当時は1.4.25が最新だった。2010/2/7に1.4.26出てるね。。。

$ wget http://download.lighttpd.net/lighttpd/releases-1.4.x/lighttpd-1.4.25.tar.gz
$ tar xvzf lighttpd-1.4.25.tar.gz
$ cd lighttpd-1.4.25

普通にmakeするとpropsとlockが動かない。こいつらが有効になってないとMacからうまく繋がらないようなので、configureする時のオプションに書いとく。あと、SSLも。

$ ./configure --with-webdav-props --with-webdav-locks --with-openssl
$ make
# make install

/etc/lighttpd/lighttpd.confにWebDAV用の設定を追加する。/dav をWebDAVディレクトリにして、Digest認証をかける。SSLにしといた方がベター。Digest認証の設定とか、SSLの設定とかはgoogle先生に聞いてください。

$HTTP["url"] =~ "^/dav($|/)" {
  auth.backend                = "htdigest"
  auth.backend.htdigest.userfile = "/etc/lighttpd/lighttpd.user.htdigest"
  auth.require = ( "/dav" =>
                   (
                     "method"  => "digest",
                     "realm"   => "WebDAV",
                     "require" => "valid-user"
                   )
                 )
  webdav.activate = "enable"
  webdav.sqlite-db-name = "/var/run/lighttpd/lighttpd.webdav_lock.db"
}

これとは別に、server.modulesのmod_なんちゃらがいっぱい書いてある所に “mod_webdav” を追加しておく。

サーバ起動。

# /etc/init.d/lighttpd start

litmusっていうツールでWebDAVサーバのテストができるらしいので、サーバとは別のマシン(Mac)にMacPortsでインストールして試す。それなりに動いているらしいことを確認した。まあ、特にやらなくてもいいかもしれない。

この設定で、Mac OS X v10.5 LeopardのFinderとWindows XPのネットワークプレースで接続できる事を確認した。Windows Vistaはなんかややこしくなってるらしい。できるかどうかは知らない。
日本語ファイル名が文字化けする人が結構いるみたいだけど、特に設定しなくても文字化けしなかった。ようわからん。

まとめ

• わりとサクっとできました。
• でもlighttpdがyumでアップデートされなくなっちゃったので今後めんどくさそうだなー。
• やっぱApacheの方が(ry

以上

禁則事項 (ブックマークして使う)

元ネタ

• http://zenith.sakura.ne.jp/blog/2007/04/post-48.html

参考情報

• 禁則事項 – アンサイクロペディア
• 朝比奈みくる – アンサイクロペディア

/**
 * 禁則事項ブックマークレット
 * reference -> http://zenith.sakura.ne.jp/blog/2007/04/post-48.html
 *
 * 使用方法は、変換を適用させたいページをブラウザに表示させてから
 * アドレス欄に
 * javascript:(function(){var u="http://ブックマークレット設置箇所";var d=document;var s=d.createElement('script');s.charset="UTF-8";s.src=u;d.body.appendChild(s);})()
 * と入力します。
 */

// 名前空間用のオブジェクト window.Negisio が存在しなければ定義
if (!("Negisio" in window))
{
  Negisio = {};
}

// 名前空間用のオブジェクト window.Negisio.Bookmarklet が存在しなければ定義
if (!("Bookmarklet" in window.Negisio))
{
  Negisio.Bookmarklet = {};
}

/**
 * HTML 文章を禁則事項するブックマークレットの新しいインスタンスを初期化します。
 */
window.Negisio.Bookmarklet.Arisyu = function ()
{
  this.filters = [];
}

/**
 * 指定した要素に変換フィルタを適用します。
 *
 * @param HTMLElement element 対象の要素。
 * @param bool recursive 子要素にも再帰的に適用するなら TRUE、しないなら FALSE。
 */
window.Negisio.Bookmarklet.Arisyu.prototype.filter = function (element, recursive)
{
  for (var i = 0, iLast = this.filters.length; i < iLast; i++)
  {
    var f = this.filters[i];

    f.apply(element);

    if (recursive)
    {
      for (var j = 0, jLast = element.childNodes.length; j < jLast; j++)
      {
        var child = element.childNodes[j];
        this.filter(child, recursive);
      }
    }
  }
}

/**
 * 指定した要素が持つ全ての子要素のうち、変換対象の要素のテキストを禁則事項します。
 * 子要素は再帰的に列挙されます。
 *
 * @param HTMLElement element 対象の要素。
 */
window.Negisio.Bookmarklet.Arisyu.prototype.apply = function (container)
{
  this.filter(container, true);
}

/**
 * 正規表現により文章を置換するフィルタの新しいインスタンスを初期化します。
 */
window.Negisio.Bookmarklet.Arisyu.RegExpFilter = function ()
{
  /**
   * 置換候補の正規表現と結果の辞書
   */
  this.dictionaries = [
      {
        "pattern": "([一-龠々〆ヵヶ]|[ァ-ヴー]|[a-zA-Z0-9 _\-])+(を|で|が|の|的|と|する|して|した|しよう|は|や])",
        "option": "gm",
        "replace": "禁則事項$2"
      }
    ];

  /**
   * 正規表現オブジェクトのキャッシュ
   */
  this.regexpCache = [];
}

/**
 * 指定された要素がフィルタの適用対象かどうかを取得します。
 *
 * @param HTMLElement 調べる対象の要素。
 * @return bool 適用対象なら TRUE、対象外なら FALSE。
 */
window.Negisio.Bookmarklet.Arisyu.RegExpFilter.prototype.isAcceptElement = function (element)
{
  var isAccept;

  switch (element.nodeName.toLowerCase())
  {
    case 'style':
    case 'script':
    case 'frame':
    case 'code':
      isAccept = false;
      break;

    default:
      isAccept = true;
  }

  return isAccept;
}

/**
 * 指定された要素へフィルタを適用します。
 *
 * @param HTMLElement 適用対象の要素。
 */
window.Negisio.Bookmarklet.Arisyu.RegExpFilter.prototype.apply = function (element)
{
  if ("parentNode" in element && element.parentNode != null)
  {
    if (!this.isAcceptElement(element.parentNode))
    {
      return;
    }
  }

  if (element.nodeName.toLowerCase() != "#text")
  {
    return;
  }

  var nodeValue = element.nodeValue;

  for (var i = 0, iLast = this.dictionaries.length; i < iLast; i++)
  {
    var dictionary =  this.dictionaries[i];

    if (!(i in this.regexpCache))
    {
      this.regexpCache[i] = new RegExp(dictionary.pattern, dictionary.option);
    }

    var regexp = this.regexpCache[i];
    nodeValue = nodeValue.replace(regexp, dictionary.replace);
  }

  element.nodeValue = nodeValue;
}

////////////////////////////////////////////////////////////////////////////
// ここから実行
////////////////////////////////////////////////////////////////////////////

var arisyu = new Negisio.Bookmarklet.Arisyu();

// フィルタ設定
arisyu.filters = [
    new Negisio.Bookmarklet.Arisyu.RegExpFilter()
  ];

// トップ レベルの文章に適用
arisyu.apply(window.document);

// フレームがあればそちらも適用
if ("frames" in window)
{
  for (var i = 0, iLast = window.frames.length; i < iLast; i++)
  {
    arisyu.apply(window.frames[i].document);
  }
}

テレビ版

新劇場版1

新劇場版2

ロゴの文字を変えたり色を変えたりできます。
テレビ版、新劇場版1、新劇場版2の3種類あります。
PNG画像として保存できます。

• 日本語は一応入力できますが、環境によってはイマイチなことになります。
• macで日本語を入れようとするとおかしなことになります。
• 文字の右端が切れるときはスペースを入れるといいようです。
• 新劇場版2は実装上の都合により色は反転しかできません。

• 0詰めにする
• 任意文字列で詰める
• 小数点以下の桁数を揃える

非常に大きな数値や非常に小さな数値の場合は考慮しない。つまり、1.2e34 とか与えられても知りません。

0詰めにする

最も簡単な方法は、”0″を先頭に追加して、後ろから欲しい桁数分だけ切り出す方法だと思われる。

3から”03″を作る場合
(“00″+3).slice(-2);

sliceメソッドは、引数に負数を指定すると後ろから数えてくれる。第二引数を省略した場合は文字列の最後までを切り出すので、slice(-2)で後ろから2文字目以降の文字列を切り出すことができる。
これをふまえて、以下のような関数を作れば任意桁の0詰め文字列が得られる。

function zeroPadding(val, len) {
  len = len || 4; // len が指定されなかった場合 4 桁でそろえる。
  if ( String(val).length >= len ) return String(val);
  var zero = "0";
  while ( zero.length < len ) { zero += "0";}
  return (zero+val).slice(-len);
}

zeroPadding(3); // => “0003″
zeroPadding(3,2); // => “03″
zeroPadding(13,2); // => “13″

val で渡す数の桁数より小さい len を指定すると val をそのまま文字列にしたものが返る。
zeroPadding(1234, 2); // => “1234″

任意文字列で詰める

0詰めにする場合は後ろからn文字切り出すだけで良いが、任意文字列( など)で詰める場合はこのままではできない。
足りない桁数分だけ文字列を配列に入れ、joinした後に数値と結合する。

function strPadding(val, len, str) {
  len = len || 4; // len が指定されなかった場合 4 桁でそろえる。
  str = str || "0"; // str が指定されなかった場合 0 で詰める。
  var val_len = String(val).length;
  if ( val_len >= len ) return String(val);
  var pad = [];
  while ( pad.length < (len-val_len) ) { pad.push(str);}
  return pad.join("") + val;
}

strPadding(12, 4, “$”); // => “$$12″;
strPadding(12, 4, “hoge”); // => “hogehoge12″;

第三引数を指定しないか、”0″を指定すれば zeroPadding と同じ動作。
strPadding(12, 4); // => “0012″

小数点以下の桁数を揃える

(2009/10/15追記)
toFixed()メソッドという便利なメソッドがあるので、それを使うとよい。
ただし、四捨五入の挙動がブラウザによって微妙に違うので(特にIE)注意。

指定桁数より下の桁は切り捨て、足りない場合は0詰めする。
文字列にしてから処理する。四捨五入したい場合は少し改良する必要がある。

function decimalAlignment(val, len) {
  len = len || 2; // len が指定されなかった場合 2 桁でそろえる。
  var array = String(val).split(".");
  var zero = "0";
  while ( zero.length < len ) { zero += "0";}
  array[1] = (array[1] + zero).substr(0, len);
  return array.join(".");
}

decimalAlignment(1.23, 1); // => “1.2″
decimalAlignment(1.2345); // => “1.23″
decimalAlignment(1, 3); // => “1.000″

これと strPadding を使い、小数点の位置で表示を合わせたりできる。
strPadding(decimalAlignment(1.2), 6, “*”); // => “**1.20″
strPadding(decimalAlignment(123.456), 6, “*”); // => “123.45″

建造中というか、もう完成してました。
写真で見てから行ったのですが、実物は想像以上にすごかった。びびる。
細部にまでこだわりが見られ、サンライズとバンダイナムコの本気を伺うことができます。
一般公開は7/11からだそうです。その時にまた見に行きます。
http://sankei.jp.msn.com/sports/other/090611/oth0906110038000-n1.htm

「Ruby on Rails: ファイルアップロード機能を作る」の書き直し。変更点は以下の通り。

• rails2.2 を使う。
• ファイルをデータベースに保存せずにフォルダに入れることにした。
• ファイルサイズの上限設定など、validation をわりとまじめにすることにした。
• 保存に関する作業をモデルに記述することにした。

正直、file_column とか paperclip とか使った方がいいと思うけど、まあ自分で書いたほうが何かと勉強になるので。

環境

とりあえず

今回は、ファイルの属性情報をデータベースで管理し、ファイル本体は public/uploaded 以下に入れることとします。サーバで稼動させる時は、public/uploaded の書き込み権限に注意してください。
属性情報のモデル名は attachment。コントローラ名も attachment とします。scaffold は使わずに作ります。

$ rails uploader
$ cd uploader
$ mkdir public/uploaded

データベースを作ろう

まず、モデルの雛形と、対応するデータベースの雛形である migrate ファイルを作ります。

$ ruby script/generate model Attachment

つぎに、migrate ファイルを編集します。
db/migrate フォルダに 20090212134452_create_attachments.rb のような感じのファイルが生成されていると思いますので、次のように編集します。

20090212134452_create_attachments.rb

class CreateAttachments < ActiveRecord::Migration
  def self.up
    create_table :attachments do |t|
      t.string  :filename
      t.string  :content_type
      t.integer :size

      t.timestamps
    end
  end

  def self.down
    drop_table :attachments
  end
end

ここでは、ファイルの属性として、名前 (:filename)、コンテンツタイプ (:content_type)、サイズ (:size) を持たせています。

では、これらのカラムを持ったデータベースを作成しましょう。

$ rake db:migrate

これでデータベースは完成です。

モデルを作ろう

app/models/attachment.rb にモデルの雛形が出来ているので、それを次のように編集します。

attachment.rb

class Attachment < ActiveRecord::Base
  FILE_DIR = "#{RAILS_ROOT}/public/uploaded"
  MAX_FILE_SIZE = 1.megabyte

  validates_presence_of :filename, :message => 'ファイルを選択してください。'
  validates_inclusion_of :size, :in => (1..MAX_FILE_SIZE),
    :message => "ファイルサイズが大きすぎるか、0 です。最大サイズは #{MAX_FILE_SIZE} バイトです。"

  def file=(file)
    self.filename = file.original_filename if file.respond_to?(:original_filename)
    self.content_type = file.content_type  if file.respond_to?(:content_type)
    self.size = file.size                  if file.respond_to?(:size)
    @tmp = file
  end

  def after_save
    File.open(filepath, "wb") { |f|
      f.write @tmp.read
    }
  end

  def after_destroy
    File.delete filepath if File.exist? filepath
  end

  def filepath
    "#{FILE_DIR}/#{self.id}_#{self.filename}"
  end
end

FILE_DIR でファイルの保存先フォルダの指定、MAX_FILE_SIZE でファイルサイズの上限を指定します。 validates_presence_of と validates_inclusion_of を使って入力がブランクのときと、存在しないファイルを指定したとき (サイズが0)、ファイルサイズが上限を超えているときのエラーチェックを行います。
after_save, after_destroy は、それぞれデータベースへの保存後/データベースからの削除後に自動実行されるメソッドで、ここでファイルを保存/削除するようにしています。
ファイルは、#{ID}_#{filename} のファイル名で保存先フォルダに保存されます。

コントローラを作ろう

コントローラの雛形を作ります。アクションは index, new, create, destroy, download を作ります。

$ ruby script/generate controller attachment index new create destroy download

app/controllers/attachment_controller.rb にコントローラの雛形が出来ているので、それを次のように編集します。

attachment_controller.rb

class AttachmentController < ApplicationController
  def index
    @attachments = Attachment.find(:all)
  end

  def new
  end

  def create
    @attachment = Attachment.new(params[:upload])
    if @attachment.valid? then
      @attachment.save
      redirect_to :action => 'index'
    end
  end

  def destroy
    @attachment = Attachment.find(params[:id])
    @attachment.destroy
    redirect_to :action => 'index'
  end

  def download
    @attachment = Attachment.find(params[:id])
    send_file(@attachment.filepath,
              {:filename => @attachment.filename,
               :type => @attachment.content_type})
  end
end

index でファイル一覧を取得します。
create では、ファイル選択フォームのパラメータを引数にして Attachment を new します。create, destroy を実行後は index にリダイレクトするように設定しています。

ビューを作ろう

コントローラの雛形を作ると、app/views/attachment フォルダにビューの雛形も出来ているので、それぞれ次のように編集します。destroy と download のビューは使いません。削除しても良いでしょう。

index.rhtml.erb

<h1>Attachment#index</h1>
<table>
  <tr>
    <th>filename</th>
    <th>content_type</th>
    <th>size</th>
    <th>action</th>
  </tr>
<% @attachments.each do |attachment| %>
  <tr>
    <td><%= link_to(h(attachment.filename),
                {:action => 'download',
                 :id => attachment.id})
     %></td>
    <td><%= h(attachment.content_type) %></td>
    <td><%= h(attachment.size) %></td>
    <td>
    <%= link_to('[destroy]',
                {:action => 'destroy',
                 :id => attachment.id})
     %></td>
  </td></tr>
<% end %>
</table>
<%= link_to('new', {:action => 'new'}) %>

ファイル名とコンテンツタイプ、サイズを表示するベーシックなリスト形式です。ファイル名をクリックするとファイルをダウンロードできるようにしています。

new.rhtml.erb

<h1>Attachment#new</h1>
<% form_tag({:action => 'create'}, :multipart => true) do %>
<%= file_field('upload', 'file') %>
<%= submit_tag('upload') %>
<% end %>
<%= link_to('index', {:action => 'index'}) %>

新規アップロード用の画面です。file_field の第二引数に ‘file’ を指定することにより、create で Attachment が new される際に、モデルで定義した file= メソッドが自動的に呼ばれます。また rails2.0 から form_tag の使用法が変わっているので注意してください。

create.rhtml.erb

<h1>Attachment#create</h1>
<%= error_messages_for :attachment %>
<%= link_to('index', {:action => 'index'}) %>

create のビューは、アップロード時のエラー表示に使います。

完成です

次のコマンドでサーバを起動して http://localhost:3000/attachment/ にアクセスしてみましょう。

$ ruby script/server

とりあえずこれでファイルはアップロードできるようになりましたが、まだまだ拡張の余地があります。たとえば…

• スタイルシートやビューを編集して好みの外観を作る。
• acts_as_authenticated プラグインなどを用いてユーザ認証を実装する。
• will_paginate や paginating_find プラグインなどを用いてページングを実装する (rails2.0 から標準では paginate が用意されていません)。
• ファイルの削除時に確認メッセージを表示する。

などが考えられます。色々拡張して遊んでみましょう。

• ツタヤオンライン、宅配レンタルサービスにコミック追加　「TSUTAYA宅配コミックレンタル」を開始
• 「60m離れて撮影した写真」から合鍵を作るソフトウェア
• 萌えイラストで覚える元素周期の本、刊行
  » なんといういまさら感。
• 富士通、初心者が使いやすいキーボードを搭載した「らくらくパソコン」
  » このキーボードの配色は意外にかっこいいかもしれない。
• PCゲームのシリアルキーを印刷ミス、対策は「正しい文字を推測せよ」
  » Red Alert 3 伝説作りすぎだろ。
• パナソニック、看護師向け「TOUGHBOOK」発表
• 【元次官襲撃事件】 毎日新聞、「Wikipediaに犯行予告」と誤報→各テレビ局も釣られて報道
  » これはひどい。終わってる。
• 理解できそうで、できないもの
  » うける。
• みんなで『Zipper』みたいな『Vipper』ってファッション誌作ろうぜ！
  » 才能の無駄使い。
• 初音ミクコスプレをしたアニヲタのキックボクサーが圧勝で新王者に 名前は「長島☆自演乙☆雄一郎」
• 米国に住んでいて「あー日本の家電はこっちじゃ売れないよなあ」と思ってしまう理由
• イタリア人じゃなくて本当に良かった。
  » なんだこの首相・・・
• プリンセス・ミネルヴァ
  » 感動した。

物品購入

• KINGJIM デジタルメモ「ポメラ」 DM10オレ トワイライトオレンジ
  » つい買ってしまった。
• Panasonic EVOLTA 急速充電器セット ニッケル水素電池 単4 (2本入) ブリスター K-KJQ21M42R
  » ポメラ用。あと4本追加で買った。
• ELECOM 液晶用ウェットクリーニングティッシュ50枚入り WC-DP50N
• ELECOM 強力タイプウェットクリーニングティッシュ30枚入り WC-JU30N
• マツイぞうきん ウェット 30枚入
  » 掃除しようと思ったけどまだしてない。

読んだ本

• 世界は仕事で満ちている
  » webで読める→降旗 学の「長目飛耳」
• 文章をダメにする三つの条件
• 重力ピエロ
• チルドレン
• ラッシュライフ
• グラスホッパー
  » 今月は伊坂幸太郎月間でした。

今月のオススメ

世界は仕事で満ちている 誰もが知っている、でも誰も覗いたことのない38の仕事案内

posted with All Consuming at 2008.12. 3

by 降旗 学
日経BP社
定価： ￥ 1,575

Amazon.co.jp で詳細を見る
ブックオフオンラインでチェックする
All Consuming でブログの評判を見る
crossreview のレビューを見る

お題

「まさかこんなことになるとは・・・」。2009年、あなたが考えた「画期的な名刺」によってビジネスシーンが大きく変わろうとしていた。この名刺を使った人は人脈が30倍に跳ね上がった・・・という、その脅威の仕組みについて次のことを教えてください。

その名刺は「人は（A）されたときに相手と仕事がしたい！」という心理法則を応用し、（B）なる機能を備えていた。しかも、（C）なるちょっとした工夫が施されていたため、絶対に捨てられることがなかったという。その名刺の名前は（D）。

※ よろしければ是非図解も！

回答

その名刺は「人は （A）仲良く されたときに相手と仕事がしたい！」という心理法則を応用し、（B）ツーショット写真入り なる機能を備えていた。しかも、（C）その場で撮る写真を使う なるちょっとした工夫が施されていたため、絶対に捨てられることがなかったという。その名刺の名前は （D）ポラ名刺。

図解

• ざわ・・・→ざわ・・・→ざわ・・・　完成で
• ざまぁｗｗｗｗｗｗｗと思ったコピペ貼ってけｗｗｗ
• CDBラボパニック‐生物学実験に挑戦してみよう
• 明治安田生命、顔写真付き女子大生１８００人情報流出
• 粘着テープを勢いよくはがすと…エックス線が発生、骨の透視撮影も
• 由美かおる入浴シーン22年でギネス申請
• 裁判所のキャラクターを現役の裁判官がデザインしていた！
• モバイル機器用直接メタノール型燃料電池システムの小型化を実現
• 「歩行発電」でiPod再生、タービン内蔵靴をNTTが試作

物品購入

• WESTERN DIGITAL 2.5インチ内蔵HDD Serial-ATA 5400rpm 320GB 8MB WD3200BEVT
  » PS3 の HDD を換装。
• BUFFALO USB2.0用 ディスプレイ増設アダプタ GX-DVI/U2
  » mac mini をデュアルディスプレイに。
• 太陽誘電 That’s 8倍速データ用/8.5GB/片面2層/ワイドプリンタブル白/5mmPケース10枚入 DR-85WWY10SA
  » 片面２層もだいぶ安くなったので。
• エアロスパイダー 01レッド
  » こういうのはとりあえず買う。
• 金封ふくさ （ちりめん）紫色
  » 結婚式用。
• シンプル金封　3色7本あわじ結び（緑）x3
  » 結婚式用。予備含む。

読んだ本

• 出口のない海
• KY式日本語―ローマ字略語がなぜ流行るのか
  » 微妙だった。
• カノン

お題

普段テレビを見ているときに「あ、ひょっとしてこれがあれば便利じゃね？」と思いついたあなたは、アプリキャストのコンテストで見事優勝してしまいます。2009年、全国のブラビアに搭載されたという、あなたが考えたウィジェットについて次のことを教えてください。

多くの人は（A）しているときにテレビを見ているはずだから、（B）なる問題を抱えているはずだと気づいたあなたは、テレビの横に（C）なる情報を表示することにしてみたらなんと大当たり！しかも毎日その情報が見たくなるように（D）なるちょっとした工夫も仕込んでみました。そのウィジェットの名前は（E）。

※ よろしければ図解もしてみてください。

回答

多くの人は （A） 他に何もすることがないほど暇 しているときにテレビを見ているはずだから、 （B） 潤いが足りない なる問題を抱えているはずだと気づいたあなたは、テレビの横に （C） 植物 なる情報を表示することにしてみたらなんと大当たり！しかも毎日その情報が見たくなるように （D） テレビを見ていると成長する なるちょっとした工夫も仕込んでみました。そのウィジェットの名前は （E） サイバープランター 。

テレビを見ていると成長する

見る番組のジャンルや放送時間によって成長バリエーションがある