芳文社

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

まんがタイムきらら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 × 693px)。コマ間の白地の部分は『#eeba86』で塗り、jpgに書き出す。
Flashで上記のjpg画像を読み込み、パブリッシュをかけ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をそれぞれアップする。

コミックエール！

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にする予定。