blogを本に

XLMってまだまだ関係ない世界と思っていたけど、ついそこまで近づいている。

http://www.antenna.co.jp/XSL-FO/casestudy/casestudy_ag-media.htm

ココログのお客様から、ココログ出版に申し込みをいただいて、書籍をお届けするまでの大まかな流れは次のとおりです。

1.　サービス提供会社であるニフティ様から該当のブログの申し込み指定期間分のXMLデータを受け取る。
2.　1.のデータをXSLFormatterで組版しPDF出力をする。
3.　PDFをお客さまにご確認頂く。
4.　OKが出れば、PDFを印刷し、製本・発送する。

あさひ高速印刷株式会社は、ブログ出版を開始する以前から、印刷会社としてxmlを何かに活用できるのではないかと考えていました。

そこへ、ブログのソースがXMLで記述されているということに目をつけ、かつ、XSLFormatterはPDF作成が容易でかつ高速であるということが、選定の大きな理由です。

http://yoshihashi.blogspot.com/2007/08/blog-pdf.htmlで試しにこのblogをPDFにしたところ、無事成功！

で、このblogを本にする時、レイアウトをどうするのか疑問に思っていたのです。
日記の長さは日によって違うし、コメントがどれだけつくかによっても違ってきます。
レイアウトをちょん切って、次ページに送る込む？？なんて疑問が出てきたんですが、これを見て疑問が氷解しました。テキストと画像を抜き出して別なテンプレートに流し込むだけなのですね。

DTPを15年続けてきて感じたのは、結局は手作業だということ。
個人の趣味でデザイン、出版をするにはいいかも知れないが、業務ベースでは限界を感じる。
となると、やはりScriptやXMLを使ったシステム的なバッチ処理になるだろう。
オペレータは手作業から仕組み作りに移行しなくてはならないと感じる。

あとhttp://meishi.tokyo-print.jp/は名刺発注して調べてみる価値あり。

Script

最近あちこちのblogでイラレCSやインデザをJavaScriptで操作する記事を目にしている。

仕事で使用することはまだないが、そろそろ勉強を始めなければと思っている。
で、アプリを制御できるのはJavaScriptだけかと思っていたら、VBScriptでもできるのね。
InDesignのVBScript学習帳

AppleScriptで頓挫し、マクロはさわらずじまい。
自宅のPCにExcelはないけどOpenOfficeのcalcでもマクロに似たことはできるようだ。

DTPオペレータとして生き残るには、やはりScriptは避けて通れない。
JavaScriptはあいつのHPを練習台にして
5・6年生にもわかるやさしいJavaScriptから始めてみるか。

日々の仕事は単調そのものながら、自分がこの世界でやっていくためには学ばなければならないことが多すぎる。

PDFパスワード解除ツール

http://pdfkey.com/

パスワードのかかったPDFは受け取ったことないけど、そのうち受け取るだろうな・・・。で、大騒ぎしないためにも。

って言うか、打ち出しゲラがなかったらこのツールを使用してデータのどこかが変わっていたとしても気づかないよね。


止むにやまれないとき、全責任を他の人が取ってくれることを確約してから使用するのが吉^^

生年月日から年齢を計算する簡単な計算式

http://itpro.nikkeibp.co.jp/article/Watcher/20070822/280097/より

最近知ったんですが、生年月日から年齢を計算する簡単な計算式というのがあるそうです。

(今日の日付-誕生日)/10000の小数点以下切捨て。

PHPで書くと
echo (int)((20070823 - 19850101)/10000);

Perlで書くと
print int ((20070823 - 19850101)/10000);

JAVAで書くと
System.out.println( (int)((20070823 - 19850101)/10000) );

という感じになります。

色変換テーブル

RGBからCMYKに変換するときICCプロファイルがある。
まぁ、Japan Standard v2にすればOKなのだが、R0G0B0をK100にするプロファイルはイラレの「5.5エミュレート」くらいしか見当たらない。
これはこれで便利なのだが、イラレのプログラムの中に埋め込まれているため、プロファイルとして取り出してPhotoshopデータに適用することができない。

ただし、この「5.5エミュレート」の色変換テーブルはかなりいい加減。
R255,G243,B255だとピンクの薄い色になるが、こいつを「5.5エミュレート」でCMYK変換すると薄いブルーに変わってしまう！！


ついでに色のメモ
金色　C10M20Y80K10
銀色　C10K40
セピア色　C0M36Y60K70

カスタムグレー
K
5　　C5,M3,Y3
10　 C12,M9,Y9
25　 C27,M21,Y21
40　 C40,M32,Y32
50　 C52,M42,Y42
60　 C61,M51,Y51
70　 C68,M59,Y59
90　 C82,M75,Y75
100 C93,M87,Y87

Acrobat8 半透明がPDF表示に与える影響

http://blog.antenna.co.jp/PDFTool/archives/2007/08/19/#000784より

PDFに半透明の画像や透かしをつけると、本文の文字が太く表示されたり、カラーがくすんだりします。

この問題はAcrobat7/8（だけかどうか定かではありませんが）の表示の問題ですが、弊社の製品サポートによく質問が寄せられます。先週は1週間で2回もその手の問題がサポートに報告されました。

XSL FormatterでPDFを作成している客先から、PDFをAdobe Readerで表示すると、一部のページの文字が濃く表示されるというクレームがありました。これは、そのページにαプレーン(透明）がついたPNGがあるため、そのページの文字が他のページの文字よりも濃く表示されてしまいます。同じ現象をAcrobatで半透明の透かしを埋め込むことでも再現させることができます。

下の画像をご覧ください。これはPDFのページに「Acrobatで不透明度50%の透かしをつけたページ」と「すかしのないページ」をAcrobat8で表示して比較したものです。


オリジナルPDFはこちらです：ファイルをダウンロード

文字が太くなるだけではありません。

半透明の透かしを付けると、カラーもくすんでしまいます。
カラーの場合は、色にもよりますが、かなり激しくくすんでしまう色があります。下記の図をご覧ください。これは、1ページ目は透かしなし、2ページ目は1ページ目に不透明度50%の透かしを付加したものです。透かしの付加処理は、Acrobat 8.1 Professionalで行ったものです。わざとかなりくすみの激しい色を選んでみました。



オリジナルPDFはこちらです：ファイルをダウンロード

そんなわけで、不透明の色が付加されますとAcrobat8の表示が影響を受けてしまうのは、弊社の製品の問題ではなく、Adobeの責任なのです。

針飛び

http://ameblo.jp/insatsuya/entry-10044164875.htmlより

印刷は用紙の同じ位置に刷ります。
薄い紙だと、数百枚まとめて断裁するので
同じ位置でないと問題ですね。

その紙の位置を決めるのに
印刷機には前アテ二つと針一つが付いており、
この３点で一枚一枚位置合わせをします。

 

最近の印刷機はこのアテや針にはセンサーが付いており、
少しでもずれるとブザーが鳴ります。

鳴らないと言うことはずれていないと言うことですので、
問題なく印刷が出来でいることになります。

ところが、ずれていても鳴らないこともあります。
機械を過信してしまい、確認しないで次の行程に廻して気がつきました。
アテがずれていました。(..;)

ブザーが鳴っていないから大丈夫と言うことはありません。

そんなこともあったな＆ぴよぴよ

http://support.adobe.co.jp/faq/faq/qadoc.sv?215678+002

Adobe Illustrator 7.x 以降のバージョンで
[保存]コマンドを使用した直後に[取り消し]コマンドを使うと、次に[保存]コマンドを使ったときに修正内容が保存されません。
Ctrl+S キー（Win）／Command+S キー（Mac）を押しても何も起こらず、また[保存]コマンドの表示が暗くなって選択することができません。

以下はCS3
http://piyopiyoedit.blog93.fc2.com/blog-entry-191.html
関連：http://support.adobe.co.jp/faq/faq/qadoc.sv?231747+002

http://piyopiyoedit.blog93.fc2.com/blog-entry-191.html
関連：http://support.adobe.co.jp/faq/faq/qadoc.sv?224373+002

関連：
http://piyopiyoedit.blog93.fc2.com/blog-entry-192.html
http://support.adobe.co.jp/faq/faq/qadoc.sv?232229+002+3

Photoshopのチュートリアル集

http://blog.cueplus.com/2007/06/photoshop.htmlより
大変分かりやすいPhotoshop（フォトショップ）のチュートリアル集をまとめました。

Photoshop初心者の方は使い方を覚えるための学習用に、既に使いこなしている人にはtips集として最適かと思います。
学習用に使う場合は、分かりチュートリアルは飛ばして進めることをお勧めします。

【チュートリアル集】

動画で学ぶPhotoshop （27のテクニック）

Web2.0サイトでよく見かけるのロゴの作成方法
写真のエフェクト
写真に古い雰囲気を出す方法】
球体をガラスのように見せる方法
写真の彩度や明るさが高い場合に補正する方法
レタッチの方法
白黒写真でコントラストを付ける方法
写真を白黒にする方法
写真に映っている余計なものを削除する方法
写真に枠を付ける方法
写真に効果的なレイヤーやエフェクトを使う方法
お肌などの荒れなどを隠し綺麗に見せる方法　等
http://www.popxpop.com/archives/2007/02/youtubephotoshop.html

Photoshopのテキストエフェクト　ベスト80
http://choco--late.com/archives/218

フォトショップ基本操作 動画マニュアル.com　β版
http://www.dougamanual.com/apps/tools/index.cgi?_cmd=view_select&l=ap&ai=5&ui=&pi=&sw=&g=ap

フォトショップ早わかり　Photoshop Tips & Manual　-　目次　-　by StudioGraphics
http://aska-sg.net/pstips/index.html

らくがき本舗/Photoshop講座
http://www.raku-gaki.info/photoshp/

【Tips】

紙がやぶれた感じを表現するPhotoshopチュートリアルいろいろ
http://www.designwalker.com/2007/08/photoshop_tear_tutorial.html

光のモーションで画像を超カッコよくするPhotoShopチュートリアル
http://phpspot.org/blog/archives/2007/08/photoshop_18.html

PhotoshopでWeb2.0風バッジを作成するチュートリアル
http://freephotoshopguides.com/interface-elements/web20-badges/

Photoshopで輝くグラス風文字を作成するチュートリアル
http://phpspot.org/blog/archives/2007/07/photoshop_12.html

スポットライトが当たったような画像を作る方法
http://www.popxpop.com/archives/2007/05/popxpop.html

Photoshopの無料ブラシを使って、たった３分でプロが作ったようなグラフィックを作る方法
http://www.designwalker.com/2007/01/photoshop-brushes.html

Photoshopの無料グラデーションファイルを使って、簡単にボタンを作る方法
http://www.designwalker.com/2007/05/photoshop_gradient.html

Photoshopチュートリアル ミニチュア模型を撮影したような写真に加工する - DesignWalker
http://www.designwalker.com/2007/06/tilt_shift.html

「飛び出す写真」を簡単に作るPhotoshopチュートリアル | P O P * P O P
http://www.popxpop.com/archives/2007/01/post_28.html

Photoshop でつややかな表現をわりと簡単に実現する - 2xup.org
http://2xup.org/log/2006/05/05-2005

Photoshopを使ったWeb2.0風ロゴの作り方ムービー
http://gigazine.net/index.php?/news/comments/20061113_web2_logomaker/

Photoshopで写真をベクターアートにするチュートリアル
http://gigazine.net/index.php?/news/comments/20060930_vectorart/

Photoshopでポップアート風の画像を作るチュートリアル
http://gigazine.net/index.php?/news/comments/20061008_popart/

以下英語のサイトですが、図解が多く分かりやすいと思います。

一枚の写真から、HDRの加工をするチュートリアル
http://www.nill.cz/index.php?set=tu1

Web2.0風なロゴの作り方
http://blog.typpz.com/2007/05/11/create-a-web-20-logo-using-abobe-photoshop/

普通の写真から、映画のようなエフェクトがかかったように見せるチュートリアル
http://ebin.wordpress.com/2007/03/21/how-to-turn-your-photo-into-movie-like-effect-using-photoshop/

けむりを描くチュートリアル
http://www.noscope.com/journal/2007/05/photoshop-howto-smoke

国旗の画像と、生地の写真を合成して、ゆらめく旗をつくるチュートリアル
http://www.photoshopsupport.com/elements/tutorials/displace-filter/displacement-map.html

llustratorとPhotoshopを使って、フラッシュしたような加工をするチュートリアル
http://www.abduzeedo.com/displace-filter-vector-effects

Photoshop用ボブ・ブラシを使ってボブの絵画教室みたいな絵を描いてみる
http://www.designwalker.com/2007/08/bob_brush.html

オンラインショップ作成ツール

アマゾンウェブサービスを使ってオンラインショップを５分で作るより
最近やたらとマッシュアップやウェブサービスにはまっている。アマゾンと楽天のマッシュアップでもつくるかといろいろ調べていたところ、アマゾン、楽天ウェブサービスを使用したオープンソースのショップを発見した。マッシュアップではないが試しにインストールしたところものの５分で自分のオンラインストアが完成したので私のようにウェブサービス初心者、中級者にはいっかいソースコードをのぞき勉強ができるのでうれしいものである。

サンプルショップはhttp://monom.jp/tamazon2/

ソースダウンロードはhttp://monom.jp/xp/です。

どう見ても5分で作れるとは思えないけど、なんかの時に役に立つかも。

PDF をブラウザで表示させない

http://kototubo.exblog.jp/3898662/より

今日の感動もの。
「ブラウザでリンクをクリックしたらPDFデータだった、しかもタ容量でかくて待たされるよー」
と、感じておられた方々へ。
PDF をブラウザで表示させない（blog.bulknews.netさん）


PDF をブラウザで開くといろいろとウザイことになる（起動が遅い、タブブラウザだと終了時に固まる、etc.) のですが、Adobe Reader の環境設定→インターネット→PDFをブラウザに表示 のチェックボックスを OFF にすれば、ブラウザ内で開かないように設定可能。いいこと知りました。

これと Adobe Reader Speed Up を使うとかなりPDF生活が快適になると思われます。


表示、速っ。


早速、設定しました^^

リニアライズドPDF

http://acrobat3d.kabu.staba.jp/?eid=634943より

DTP、WEB制作などでよく聞く言葉にリニアライズドPDF（ Linearized PDF）とうのがありますが、Acrobat の機能でいうとPDFをWeb 表示用に最適化を指します。
Web 表示用に最適化すると、PDF 文書が再構成され、Web サーバからページ単位でダウンロードできるようになります（これは、バイトサービング、または Adobe Acrobat 5.0 では Fast Web View とも呼ばれます）。ページ単位のダウンロードでは、PDF 文書全体ではなく、要求したページの情報だけが Web サーバからユーザに送信されます。この機能はダウンロードに時間がかかるサイズの大きい文書に効果的です。

Acrobat 以外でも同等の最適化ができる無料ソフトがありますので
ご紹介しておきます。

・PDFの最適化ツール「PDF Cleaner」（フリーソフト）


DTP業界にいながらリニアライズドPDFって言葉を今日知った。。。orz

現段階でbloggerに画像をアップする手順

現状：blog入力画面でローカルディスクにある画像を指定しても何ら表示されない。

1.Helloインストール済みPicasa2を起動。
（Helloが必要なのかどうか疑問）

2.アップしたい画像をクリック後、BlogThis！をクリック。
（メニュー→作成→bloggerに投稿でもできる）

3.blogログイン画面が表示されます。

4.ログイン後、写真レイアウト画面をなしか中央にします（左寄せ・右寄せレイアウトは無理）。
　左寄せにしてしまうと
 

下図のようにPicasaマークだけになってしまいます。
 

で、画像にhttp://3.bp.blogspot.com/_arcx49j68tk/略/略/略/略/blogger_photo01.jpgのタグがついているため、webアルバムに画像がアップされるのかなどとも思いましたが、webアルバムに画像をアップしてなくても表示されるみたいです。画像を使用したblogはPicasaからしかアップできないですね。



あと個人的にメモ
和文が入力されなくなったら、Windowsマークのキーを押す。
中国語⇔日本語切り替えはCtrl+Shiftを押す。

ピヨピヨエディットより

サイト表示時間計測
http://tools.pingdom.com/fpt/
計測方法はとても簡単。まず上記サイトにアクセスします。

URL:」の欄に計測したいサイトのアドレスと入力します。「Test now」ボタンを押せば計測開始です。

この計測サイトのすごいところは、ファイルごとに読み込み時間を教えてくれるところ。HTMLファイル、RSS、XMLファイル、CSS、Java Script、イメージファイル、フラッシュなど、個別に計測してくれます。

しかも、ファイルを送ってくれ信号をサイトに送った瞬間から、最終的に読み込みが完了するまでの時間を３つの色で教えてくれます。サーバに要求を出して接続するまでが黄色。接続から最初のファイルのデータが届くまでが緑。データ送信が開始されて終了するまでが青色に区分されてます。



スクリーンショット.jp
スクリーンショットなるおもしろいサービスがありました。

【リンク】スクリーンショット.jp - 複数のブラウザ環境でサイトのレイアウトチェックツール［VISH］

どういうものかというと、作成したサイトが異なるブラウザで、どういう風に表示されるか教えてくれるサイトです。
サイトでの紹介文を引用すると…、

ホームページ利用者は多様なOS環境、ブラウザ環境でホームページを閲覧しています。今後はＰＣだけでなく、より多くの環境を通して閲覧するニーズが増えていくでしょう。今までのようなIE主役の時代は終わりつつあり、今後IE以外のブラウザでのレイアウト検証がより重要となります。
http://screenshots.jp/about/より引用


とのこと。サイト作成する方にはすごい便利じゃないかと。
ブラウザの数が制限されてますが、無料でお試しもできます。
有料の会員になると、複数ページを一括取得したり、PDFに書き出したり、BASIC認証に対応してたりするようです。

試しにちょっとやってみました。
このサイトを他のブラウザで表示したらどうなるかやってみます。

読み込み開始から10秒以上経っても完了しない場合は、読み込みをあきらめるみたいです。読み込めたものもあれば、読み込めなものもありました。

ほぼ確実に表示できたのはSafariのみ…。

うちで見てるのと全く一緒でした。Safariしかうまくいかなかったってことは、それだけ読み込み早いのかな？

ちょっとおもしろかったのはコレ。

Windows版のOperaのスクリーンショットなんですが、エラーメッセージまで表示されちゃってます。

無料版なせいかどうかはわからないんですが、ものすごく遅いです。読み込みにも時間がかかるし、画像の表示にも時間がかかるし…。それだけ負荷がかかってるサービスなんでしょうね。

Base64変換

http://blog.goo.ne.jp/xmldtp/e/ff5aeee50447ff369ddeb47ae374d5b2より

なんのために？というのがあったが最後に紹介していたhttp://www5b.biglobe.ne.jp/~kouta_y/c/c04.htmlは復習の意味で役立った。
ただ、62の+と63の/が理解できない。

ボブ・ブラシつづき

5. 右側に木を描く
右側に大きな木を描いていきます。。木の上から、黄緑でハイライトをつけて、葉っぱを表現
 
6. 手前の茂みを描く
何重にも重ねて、茂みを描いていくと深みが出ます。。
 
7.大きな木と小道を描く
左側に大きな木と、手前に小道を描いて完成！！

ボブ・ブラシ

http://www.designwalker.com/2007/08/bob_brush.htmlより
まずは、こちらからBrushsetをダウンロードして、Photoshopにインストールしてみてくださいね。。
っちゅわけで、youtubeにアップされていた『ボブの絵画教室（ダイジェスト）』を見ながら、実際にPhotoshopでボブっぽい絵を描いてみました。。。
1. 背景色
空と水面を表現するので、水色のグラデーションで塗ってみました。
 
2. 雲を描く
雲ブラシを選択して簡単に雲が描けました。。
 
3. 山を描く
黒の上に白をのせて雪化粧。。。立体的に見えますね。。
 
4. 森を描く
森ブラシを使えば、こんな風に森を描くことが出来ますよ～。
簡単でしょ～（ボブ風）

よくわからん！！！

画像を貼り付けたいのだが、http://www.boraro.gozaru.jp/blog/blogger.htmlにある

画像を投稿するにはどうすればよいですか。
Blog ではオンライン上に保存されている画像を使うことができますが、Blogger で画像を直接ホストすることはできません。
注意:Windows をお使いの場合は、 Hello BloggerBot を使用して Blog に画像を直接投稿することもできます。

やってみたのだが、うまくいかない。。。


しかしhttp://www.xucker.jpn.org/pc/picasa_blogger.htmlがヒントになった

[すべての特色をプロセスカラーに変換]すると

http://support.adobe.co.jp/faq/faq/qadoc.sv?232141+002+3

問題点 （Issue）
[すべての特色をプロセスカラーに変換]を選択するとトンボと裁ち落としが墨版だけに出力されます。



--------------------------------------------------------------------------------
詳細 （Detail）
Adobe Illustrator CS3で、特色（スポットカラー）を含むファイルを出力します。そのとき、[すべての特色をプロセスカラーに変換]を選択するとトンボと裁ち落としが墨版だけに出力され、CMY版にはありません。



--------------------------------------------------------------------------------
解決方法 （Solution）
この問題を解決するには、以下の A. または B. いずれかの操作を行います。

A. プリントダイアログで個々の特色をプロセスカラーに変換します。

1. ファイルメニューからプリント...を選びます。
2. 色分解をクリックします。
3. 「インキオプション」のリストで、各カラー横の特色アイコン をクリックします。4 色分解プロセスアイコン が表示されます。特色に戻すには、もう一度クリックします。

B. スウォッチパネルで個々の特色をプロセスカラーに変換します。
1. スウォッチパネルで特色をダブルクリックします。
2. カラーモードを[CMYK]に変更します。
3. カラータイプを[プロセスカラー]に変更します。
4. OKボタンを押します。


で、これに似た問題がイラ8, 9でもあったな～。
RGBがファイルのどこかに含まれていたので、コマンドAでCMYKにしたらレジストレーションのトンボが墨1色に変わっていた。。。当然、出力してから気づいた。
10以降は修正されたけど、また再発か。

dfontとtype1

滅多にOS-Xを使うことがないのだが、久しぶりにInDesign CS2の入稿で使ってみた。
3ヶ月ぶりくらいかな？

で、ファイルを開くとHelvetica NeueのBoldフォントが見つからないとのアラートがでる。
Helvetica NeueのReguluarは認識されている。
Suitcase X1でアクティブになっているというのに・・・。
パッケージ入稿されているため、添付フォントをアクティブにしても認識しない。

原因は欧文type1のHelvetica Neueがアクティブになっているためだった。
Type1と同名のdfontが使用されている時は、要注意やね。