「芳文社」を編集中

<div id="manual">
<div class="section">
芳文社案件の作業工程及び注意点、コツなどを順次記述予定。<br>
<br>
==まんがタイムきららWeb==
http://www.dokidokivisual.com/<br>
クライアント担当者：馬籠<br>
<br>
<div class="section">
===定期更新作業===
（1）うごうご4コマ<br>
・月1（主に第一週水曜日）3時更新<br>
【更新作業ページ】<br>
*[http://www.dokidokivisual.com/ トップページ]<br>
*[http://www.dokidokivisual.com/appear/index.php Web連載ページ]<br>
<br>
1）データ便等でzipの圧縮ファイルが送られてくるので、webworksのsource上にアップ日のフォルダを作成し、解凍したファイルを格納する。<br>
/webworks/014_芳文社/きらら/source/<em>yymmdd</em><br>
※赤地部分を（年月日）に置き換える。<br>
<br>
2）works上の以下のファイルを、temporaryにアップ日のフォルダを作成してバックアップをとる。<br>
/appear/index.html<br>
/appear/index.tmp<br>
/flash/four_scenes_image.swf<br>
/flash/ugougo.swf<br>
<br>
3）バックアップ済みのworks上のファイルを修正する。<br>
/appear/index.html<br>
/appear/index.tmp<br>
<br>
<div class="html-source">
<pre>
<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>
</pre>
</div>
※上記、source内の『<em>更新日</em>』『wbrensai_rizu_<em>20080109</em>（日付）』『ugougo_<em>13</em>.html（連番）』、を変更。<br>
<br>
4）送られてきた4コマのPSDファイル（例：『うごうご4コマ.psd』）を『<em>four_scenes_image.psd</em>』にリネーム後、photoshop上でリサイズ（<em>220px × 693px</em>)。コマ間の白地の部分は『<em>#eeba86</em>』で塗り、jpgに書き出す。<br>
Flashで上記のjpg画像を読み込み、パブリッシュをかけswf化し、『<em>four_scenes_image.swf</em>』というファイルを作る。<br>
<br>
5）送られてきたswfファイル（例：『うごうご4コマ.swf』)を『ugougo.swf』にファイル名変更の後、4）の『four_scenes_image.swf』と合わせて、<br>
/flashのディレクトリに格納。<br>
<br>
6）送られてきたwebブックのフォルダを『wbrensai_rizu_<em>yymmdd</em>』にフォルダ名変更の後、<br>
/appear/wizのディレクトリに格納。<br>
※赤地部分を（年月日）に置き換える。<br>
<br>
<br>
（2）Web連載<br>
・その他の水曜、及び金曜の3時更新<br>
【更新作業ページ】<br>
*[http://www.dokidokivisual.com/appear/index.php Web連載ページ]<br>
<br>
1）データ便等でzipの圧縮ファイルが送られてくるので、webworksのsource上にアップ日のフォルダを作成し、解凍したファイルを格納する。<br>
/webworks/014_芳文社/きらら/source/<em>yymmdd</em><br>
※赤地部分を（年月日）に置き換える。<br>
<br>
2）works上の以下のファイルを、temporaryにアップ日のフォルダを作成してバックアップをとる。<br>
/temporary/appear/index.html<br>
/temporary/appear/index.tmp<br>
<br>
3）バックアップ済みのworks上のファイルを修正する。<br>
作品毎にファイルの命名規則が違うので<em>注意！</em><br>
/works/appear/index.html<br>
/works/appear/index.tmp<br>
<br>
'''『だめ×スパイラル』・『Webクリ！！』'''<br>
・ファイル名の変更<br>
『だめ×スパイラル』　wbrensai_dame_<em>yyyymmdd</em><br>
『Webクリ！！』　wbrensai_webkuri_<em>yyyymmdd</em><br>
・更新日の変更<br>
・リンク先の変更<br>
<a href="dame/wbrensai_dame_<em>yyyymmdd</em>/_SWF_Window.html" onclick="window.open('dame/wbrensai_dame_<em>yyyymmdd</em>/_SWF_Window.html',～ <br>
※赤地部分を（年月日）に置き換える。<br>
<br>
'''『ジャーノ☆ROADはへヴィ！』'''<br>
・ファイル名の変更<br>
『ジャーノ☆ROADはへヴィ！』　wbrensai_road_vol<em>xx</em><br>
・更新日の変更<br>
・話数を増やす・リンク先の変更<br>
<a href="road/wbrensai_road_vol<em>xx</em>/_SWF_Window.html" onclick="window.open('road/wbrensai_road_vol<em>xx</em>/_SWF_Window.html',～ <br>
※赤地部分を（最新号数）に置き換える。<br>
<br>
'''『みちかアクセス！』'''<br>
・ファイル名の変更<br>
『みちかアクセス！』　wbrensai_mitika_vol<em>xx</em><br>
『みちかアクセス！（一括表示版）』　wbrensai_mitika_vol<em>xx</em>all<br>
・更新日の変更<br>
・話数を増やす・リンク先の変更<br>
<a href="mitika/wbrensai_mitika_vol<em>xx</em>/_SWF_Window.html" onclick="window.open('mitika/wbrensai_mitika_vol<em>xx</em>/_SWF_Window.html',～ <br>
<a href="mitika/wbrensai_mitika_vol<em>xx</em>all/_SWF_Window.html" onclick="window.open('mitika/wbrensai_mitika_vol<em>xx</em>all/_SWF_Window.html',～ <br>
※赤地部分を（最新号数）に置き換える。<br>
<br>
4）デモサーバにアップする際はindex.html、本サーバにアップする際はindex.tmpをそれぞれアップする。<br>
<br>
<br>
（3）書店様向けページ<br>
月2（月初・月末頃）<br>
【更新作業ページ】<br>
*[http://www.dokidokivisual.com/bookstore/ 書店様向け情報ページ]<br>
<br>
1）販促キットpdfの追加と、サムネイル画像のリンク付け。発行月の変更。<br>
販促キットは、月初の更新では原則3ヶ月分、月末の更新では2か月分掲載させる。<br>
<br>
2）サムネイルはコミックスの画像と同期を取っているので、新刊情報ページの画像名からn→bにしてリンク付けする。<br>
http://www.dokidokivisual.com/comics/img_comic/c76864_<em>n</em>.jpg<br>
						↓<br>
http://www.dokidokivisual.com/comics/img_comic/c76864_<em>b</em>.jpg<br>
<br>
<br>
==コミックエール！==
http://www.comicyell.com/（静的ページ）<br>
http://www.comicyell.com/diary/（movabletype）<br>
クライアント担当者：西<br>
・隔月発刊時更新<br>
<br>
<div class="section">
===定期更新作業===
【更新作業ページ】<br>
*[http://www.comicyell.com/ トップページ]<br>
*[http://www.comicyell.com/magazine/new.html コミックエール！最新号ページ]<br>
*[http://www.comicyell.com/magazine/backnumber.html バックナンバー情報ページ]<br>
*[http://www.comicyell.com/magazine/next.html 次号予告ページ]<br>
*[http://www.comicyell.com/interview/interview_02.html インタビューページ]・不定期<br>
*[http://www.comicyell.com/wall_paper/index.html 壁紙ダウンロードページ]<br>
*[http://www.comicyell.com/diary/enquete.html アンケートページ]<br>
<br>
'''トップページ'''<br>
1）データ便等で表紙イメージのpsdファイルが送られてくるので、ヘッダ部分の画像作成をデザイナーチームに依頼する。<br>
尚、ロゴの色は毎号表紙イラストに合わせて変えてきているので、適宜変更すること。<br>
http://www.comicyell.com/files_top/img/yell_image.jpg　（トップヘッダ：760×240px）<br>
http://www.comicyell.com/global/files_header/img/head_image.jpg　（第二階層以下：760×110px）<br>
<br>
2）トップページテキスト・表紙画像の変更。<br>
http://www.comicyell.com/index.html<br>
http://www.comicyell.com/files_top/img/new_photo.jpg　（表紙画像サイズ：240×345px）<br>
<br>
'''コミックエール！最新号ページ'''<br>
1）ラインナップのテキスト変更。<br>
ラインナップ順に合わせて、下部の各作品概要の順も変える。<br>
webブックがある場合は、リンクボタンを追加する。
http://www.comicyell.com/magazine/new.html<br>
http://www.comicyell.com/magazine/files_new/img/img_main_<em>05</em>.jpg　（220×316px）<br>
※赤地部分を（最新号数）に置き換える。<br>
・作品追加があった場合のサムネイル画像サイズ<br>
http://www.comicyell.com/magazine/files_new/img/img_<em>three</em>.jpg　（82×156px）<br>
※赤地部分を（作品名）に置き換える。<br>
<br>
'''バックナンバー情報ページ'''<br>
1）サムネイル画像・詳細ページボタンの追加。<br>
http://www.comicyell.com/magazine/files_backnumber/img/backnumber_img_<em>04</em>.jpg　（120×173px）<br>
※赤地部分を（該当号数）に置き換える。<br>
http://www.comicyell.com/magazine/backnumber_<em>04</em>.html<br>
※前号となるnew.htmlをbacknumber_（該当号数）に書き換える。<br>
<br>
'''次号予告ページ'''<br>
1）次号予告画像の変更。<br>
http://www.comicyell.com/magazine/files_next/img/img_vol<em>6</em>.gif　（500×353px）<br>
※赤地部分を（該当号数）に置き換える。<br>
<br>
'''インタビューページ'''<br>
1）インタビューページの新規追加。ページ内バックナンバーの追加<br>
リード文・フッタテキストは画像扱いになっているので、デザイナーチームに依頼する。<br>
http://www.comicyell.com/interview/interview_<em>02</em>.html<br>
※赤地部分を（該当番号）に置き換える。<br>
http://www.comicyell.com/interview/img/img_author_<em>akieda</em>.jpg<br>
※赤地部分を（作者名）に置き換える。<br>
http://www.comicyell.com/interview/img/lead_interview_<em>akieda</em>.gif　（540×33px）<br>
http://www.comicyell.com/interview/img/lead_next_<em>akieda</em>.gif　（360×13px）<br>
※赤地部分を（作者名）に置き換える。<br>
<br>
'''壁紙ダウンロードページ'''<br>
1）現状上がっている壁紙を終了扱いにして、新規壁紙を追加する。<br>
また、指定サイズで画像が送られてくる場合もあるが、イラスト画像のみで送られてくるケースがあるので、その場合はデザイナーチームに壁紙画像作成（2種）を依頼する。サイズは以下の通り。<br>
http://www.comicyell.com/wall_paper/img/sample_<em>sanbunnoichi3</em>.jpg　（200×150px）<br>
http://www.comicyell.com/wall_paper/img/<em>sanbunnoichi3</em>_1024_768.jpg　（1024×768px）<br>
http://www.comicyell.com/wall_paper/img/<em>sanbunnoichi3</em>_1280_1028.jpg　（1280×1028px）<br>
※赤地部分を（作品名）に置き換える。<br>
<br>
'''アンケートページ'''<br>
1）movabletypeの管理画面からアンケートフォームの修正を行う。ページがリアルタイムで更新されるため、アップは原則発刊後とする。<br>
・movabletype管理画面設定<br>
以下URLより管理画面にログインし、<br>
http://www.comicyell.com/diary/blog/mt.cgi<br>
ユーザID　　kds_user<br>
パスワード　kds2007omaemona<br>
環境設定/テンプレート内の<em>アンケートフォーム</em>テンプレートのソースを変更する。<br>
<br>
<br>
※現状、静的ページとMTページで分かれているので、今後フルMTにする予定。<br>
</div>
</div>