芳文社

芳文社案件の作業工程及び注意点、コツなどを順次記述予定。

まんがタイムきららWeb

http://www.dokidokivisual.com/
クライアント担当者：馬籠

定期更新作業

（1）うごうご4コマ
・月1（主に第一週水曜日）3時更新
【更新作業ページ】

• トップページ
  
• Web連載ページ
  

1）データ便等でzipの圧縮ファイルが送られてくるので、webworksのsource上にアップ日のフォルダを作成し、解凍したファイルを格納する。
/webworks/014_芳文社/きらら/source/yymmdd
※赤地部分を（年月日）に置き換える。

2）works上の以下のファイルを、temporaryにアップ日のフォルダを作成してバックアップをとる。
/appear/index.html
/appear/index.tmp
/flash/four_scenes_image.swf
/flash/ugougo.swf

3）バックアップ済みのworks上のファイルを修正する。
/appear/index.html
/appear/index.tmp

<div class="serial-box" id="mitika">
<h2>更新日：''2008年1月9日''</h2>
<div class="wrap">
<div class="bg clearfix">
<div class="photo"><img src="img/authorbox_sato_photo.gif" width="82" height="157" alt="" /></div>
<div class="info">
<dl>
<dt>『うごうご四コマ<br />もっと！　うぃずりず』</dt>
<dd>里好</dd>
</dl>
<p>キュートなビジュアルと独特の笑いが人気！きららで好評連載中の「うぃずりず」がＷebでも連載。大好評のうごく四コマも見逃せないっ。</p>
<p class="link"><a href="wiz/wbrensai_rizu_20080109/_SWF_Window.html" onclick="window.open('wiz/wbrensai_rizu_20080109/_SWF_Window.html',
 'new', 'width=1000,height=650,left='+(screen.availWidth/2-507)+',top='+(screen.availHeight/2-381)+''); return false;">作品を見る</a></p>
<p class="link"><a href="sato/ugougo_13.html" onclick="window.open('sato/ugougo_13.html', 'new',
 'width=220,height=200,left='+(screen.availWidth/2-152)+',top='+(screen.availHeight/2-100)+''); return false";>
 第13回うごうごヴァージョンを見る</a></p>

※上記、source内の『更新日』『wbrensai_rizu_20080109（日付）』『ugougo_13.html（連番）』、を変更。

4）送られてきた4コマのPSDファイル（例：『うごうご4コマ.psd』）を『four_scenes_image.psd』にリネーム後、photoshop上でリサイズ（220px × 549px)。コマ間の白地の部分は背景を抜き、24ビットpngに書き出す。
Flashで上記のpng画像を読み込み、パブリッシュをかけswf化し、『four_scenes_image.swf』というファイルを作る。

5）送られてきたswfファイル（例：『うごうご4コマ.swf』)を『ugougo.swf』にファイル名変更の後、4）の『four_scenes_image.swf』と合わせて、
/flashのディレクトリに格納。

6）送られてきたwebブックのフォルダを『wbrensai_rizu_yymmdd』にフォルダ名変更の後、
/appear/wizのディレクトリに格納。
※赤地部分を（年月日）に置き換える。


（2）Web連載
・その他の水曜、及び金曜の3時更新
【更新作業ページ】

• Web連載ページ
  

1）データ便等でzipの圧縮ファイルが送られてくるので、webworksのsource上にアップ日のフォルダを作成し、解凍したファイルを格納する。
/webworks/014_芳文社/きらら/source/yymmdd
※赤地部分を（年月日）に置き換える。

2）works上の以下のファイルを、temporaryにアップ日のフォルダを作成してバックアップをとる。
/temporary/appear/index.html
/temporary/appear/index.tmp

3）バックアップ済みのworks上のファイルを修正する。
作品毎にファイルの命名規則が違うので注意！
/works/appear/index.html
/works/appear/index.tmp

『だめ×スパイラル』・『Webクリ！！』
・ファイル名の変更
『だめ×スパイラル』　wbrensai_dame_yyyymmdd
『Webクリ！！』　wbrensai_webkuri_yyyymmdd
・更新日の変更
・リンク先の変更
<a href="dame/wbrensai_dame_yyyymmdd/_SWF_Window.html" onclick="window.open('dame/wbrensai_dame_yyyymmdd/_SWF_Window.html',～
※赤地部分を（年月日）に置き換える。

『ジャーノ☆ROADはへヴィ！』
・ファイル名の変更
『ジャーノ☆ROADはへヴィ！』　wbrensai_road_volxx
・更新日の変更
・話数を増やす・リンク先の変更
<a href="road/wbrensai_road_volxx/_SWF_Window.html" onclick="window.open('road/wbrensai_road_volxx/_SWF_Window.html',～
※赤地部分を（最新号数）に置き換える。

『みちかアクセス！』
・ファイル名の変更
『みちかアクセス！』　wbrensai_mitika_volxx
『みちかアクセス！（一括表示版）』　wbrensai_mitika_volxxall
・更新日の変更
・話数を増やす・リンク先の変更
<a href="mitika/wbrensai_mitika_volxx/_SWF_Window.html" onclick="window.open('mitika/wbrensai_mitika_volxx/_SWF_Window.html',～
<a href="mitika/wbrensai_mitika_volxxall/_SWF_Window.html" onclick="window.open('mitika/wbrensai_mitika_volxxall/_SWF_Window.html',～
※赤地部分を（最新号数）に置き換える。

4）デモサーバにアップする際はindex.html、本サーバにアップする際はindex.tmpをそれぞれアップする。


（3）書店様向けページ
月2（月初・月末頃）
【更新作業ページ】

• 書店様向け情報ページ
  

1）販促キットpdfの追加と、サムネイル画像のリンク付け。発行月の変更。
販促キットは、月初の更新では原則3ヶ月分、月末の更新では2か月分掲載させる。

2）サムネイルはコミックスの画像と同期を取っているので、新刊情報ページの画像名からn→bにしてリンク付けする。
http://www.dokidokivisual.com/comics/img_comic/c76864_n.jpg
↓
http://www.dokidokivisual.com/comics/img_comic/c76864_b.jpg

ルートディレクトリの所有権変更方法

きららサーバのFTPアカウントは、adminですが、サーバのルートディレクトリの所有権はrootになっています。
そのため、ルートディレクトリにファイルをアップすることができない状態になっています。
ルートディレクトリにアップする際は、下記要領にてルートディレクトリの所有権を変更の上、アップ作業をおこないます。
※ただし所有権を変更しても、しばらくするとrootに戻ってしまいます。
※おそらくCMSで処理をする過程でルートディレクトリの所有権をrootにしてしまっているのではないかと思われる。CMSを修正すればよいのだが、ひとまずは下記方法にて対応することにしちゃってます。

1）Tera Termでサーバにログイン

2）cd /var/www/html/
サーバ内の/var/www/html/へ移動

3）ls -la
html/の一覧を表示　※きららサイトのルートディレクトリが表示されているか確認してください。

4）cd ../
一つ上の階層（/var/www/）へ移動

3）ls -la
www/の一覧を表示　※htmlの所有権がrootであるか確認してください。

6）chown admin html/
html/の所有権をadminに変更する。

7）ls -la
www/の一覧を表示　※html/の所有権が変更されているか確認してください。

8）FFFTPにてアップ作業を行う。

コミックエール！

http://www.comicyell.com/（静的ページ）
http://www.comicyell.com/diary/（movabletype）
クライアント担当者：西
・隔月発刊時更新

定期更新作業

【更新作業ページ】

• トップページ
  
• コミックエール！最新号ページ
  
• バックナンバー情報ページ
  
• 次号予告ページ
  
• インタビューページ・不定期
  
• 壁紙ダウンロードページ
  
• アンケートページ
  

トップページ
1）データ便等で表紙イメージのpsdファイルが送られてくるので、ヘッダ部分の画像作成をデザイナーチームに依頼する。
尚、ロゴの色は毎号表紙イラストに合わせて変えてきているので、適宜変更すること。
http://www.comicyell.com/files_top/img/yell_image.jpg　（トップヘッダ：760×240px）
http://www.comicyell.com/global/files_header/img/head_image.jpg　（第二階層以下：760×110px）

2）トップページテキスト・表紙画像の変更。
http://www.comicyell.com/index.html
http://www.comicyell.com/files_top/img/new_photo.jpg　（表紙画像サイズ：240×345px）

コミックエール！最新号ページ
1）ラインナップのテキスト変更。
ラインナップ順に合わせて、下部の各作品概要の順も変える。
webブックがある場合は、リンクボタンを追加する。 http://www.comicyell.com/magazine/new.html
http://www.comicyell.com/magazine/files_new/img/img_main_05.jpg　（220×316px）
※赤地部分を（最新号数）に置き換える。
・作品追加があった場合のサムネイル画像サイズ
http://www.comicyell.com/magazine/files_new/img/img_three.jpg　（82×156px）
※赤地部分を（作品名）に置き換える。

バックナンバー情報ページ
1）サムネイル画像・詳細ページボタンの追加。
http://www.comicyell.com/magazine/files_backnumber/img/backnumber_img_04.jpg　（120×173px）
※赤地部分を（該当号数）に置き換える。
http://www.comicyell.com/magazine/backnumber_04.html
※前号となるnew.htmlをbacknumber_（該当号数）に書き換える。

次号予告ページ
1）次号予告画像の変更。
http://www.comicyell.com/magazine/files_next/img/img_vol6.gif　（500×353px）
※赤地部分を（該当号数）に置き換える。

インタビューページ
1）インタビューページの新規追加。ページ内バックナンバーの追加
リード文・フッタテキストは画像扱いになっているので、デザイナーチームに依頼する。
http://www.comicyell.com/interview/interview_02.html
※赤地部分を（該当番号）に置き換える。
http://www.comicyell.com/interview/img/img_author_akieda.jpg
※赤地部分を（作者名）に置き換える。
http://www.comicyell.com/interview/img/lead_interview_akieda.gif　（540×33px）
http://www.comicyell.com/interview/img/lead_next_akieda.gif　（360×13px）
※赤地部分を（作者名）に置き換える。

壁紙ダウンロードページ
1）現状上がっている壁紙を終了扱いにして、新規壁紙を追加する。
また、指定サイズで画像が送られてくる場合もあるが、イラスト画像のみで送られてくるケースがあるので、その場合はデザイナーチームに壁紙画像作成（2種）を依頼する。サイズは以下の通り。
http://www.comicyell.com/wall_paper/img/sample_sanbunnoichi3.jpg　（200×150px）
http://www.comicyell.com/wall_paper/img/sanbunnoichi3_1024_768.jpg　（1024×768px）
http://www.comicyell.com/wall_paper/img/sanbunnoichi3_1280_1028.jpg　（1280×1028px）
※赤地部分を（作品名）に置き換える。

アンケートページ
1）movabletypeの管理画面からアンケートフォームの修正を行う。ページがリアルタイムで更新されるため、アップは原則発刊後とする。
・movabletype管理画面設定
以下URLより管理画面にログインし、
http://www.comicyell.com/diary/blog/mt.cgi
ユーザID　　kds_user
パスワード　kds2007omaemona
環境設定/テンプレート内のアンケートフォームテンプレートのソースを変更する。


※現状、静的ページとMTページで分かれているので、今後フルMTにする予定。