2011年9月17日土曜日

DTPの勉強会 特別編・第2回

いや~、素ん晴らしいセミナーでした(ひたすら絶賛!

ググって人様のスクリプトをほんのちょこっと弄って参加したアチキには、非常~~に勉強になりました。特に感動したのが「総当たり」。この考え方は初心者にとって非常に勉強になりますですです。

お題のヒント2で「総あたり」の言葉を見ましたけど、(総当たりって何?)状態だったんです。ググって見つかった答え以外にやり方の知らないアチキには目からウロコ。

このやり方というか考え方はあまりwebで見かけることのなかった基本なんですね。検索でヒットするのはどうしても上級者の高度なやり方。順を追って解きほぐすこのやり方は、頭を整理して問題をひとつひとつ解いていく。初心者にとって非常に理解しやすいやり方で頭がスッキリします。

課題4は古旗さんの文章中の価格に消費税を加算する (Adobe InDesign & Illustrator CS3/CS4編)を99%流用して終えましたが、前々日あたりになって「1,000円」が「1,10円」になることに気づく。致命的な欠陥。でもどうにもならない。

セミナーでは古旗さんやり方では価格の前にインライングラフィックがあった場合、消えることを理論的に説明、かつ実演されました。ここのところをもっと詳しく聴きたかった。

というのも古旗さん方式では全差し替えなのでテキストの装飾やインラインは消える可能性がある(というより見事に消えた)とレジュメに書いてありましたが、初心者はどういう記述だからそうなるのか分からんのです。
急ぎ足で終わってしまったことが残念でならない。進め方として質問は最後にまとめてが良かったんじゃないかなぁ~。

とはいえ、足りない部分は写経で追っかけていくか。せうぞーさんの名言
絵描きになるための最初の練習が模写であるように、プログラミングの最初の練習は写経だと思う。コードを眺めてわかったような気になる人はずっと書けないままだ。よい教科書を選んでひたすら打つべし、打つべし!
この意味がやっと分かってきた。打つことによって自分がどこにいて、何をしたいのかが分かってくる。頭の中のモヤモヤが整理されてくる。手本コードを見ないで打つにはそれが必要となってくる。

課題4のレジュメにはカル姫様の書き方の他にNAOIさんのも紹介されてた。他の人の書き方を模写することも大事。その意味でkmutoさんの回答リンクが404 Not Foundなのが残念でならない。一度、blogに上げたものは消さないで欲しいなぁ~

翌日追記;twitterにて連絡いただきました。見事復活しました(バンザ~イ
@zi_chao 自分の課題回答のリンクが壊れていたのは事故です! 課題2の修正も含めて直しておきました。d.kmuto.jp/20110820.html#… #dtpstudySP2


セミナーの休憩時間、macneko_ayuさんに「お~まちさんのObject Model図の読み方教えてよ~」とお願いして家に着いたら早速blogに「オブジェクトモデルビューアってわかんないよね」がupされてました。ありがとね~^^ でもやっぱよく分かんない(^^;A

最後に主催者のあかつきさん、ありがとね~。ホントいい企画でした^^ 講師のたけうちとおるさん、ホント勉強になりました。もっとお話ししたかったんですけど、金欠のため懇親会は遠慮させていただきました<(_ _)> この企画で充実の夏が送れました^^ もっとお題を出して欲しいですw

2011年9月6日火曜日

過去ログ9月分のまとめ

2007年9月分(20投稿)
2008年9月分(8投稿)
2009年9月分(3投稿)
2010年9月分(8投稿)

2010年9月のはてなブックマークよりいくつか

JavaScript初級者から中級者になろう
 チェックしたけどまだ読んでなかったのだ(^^;

背幅換算表
 ページ数と背幅の厚さは、中綴じの時に内側に食い込む数値に近似してる。
関連:私が InDesign CS5 を勧める最大の理由

「仮想ボディの高さ」に直すスクリプト
QuarkXPress→InDesignコンバートは済んでるだろうけど、javascriptの勉強用に。

画像を綺麗に拡大するフリーソフト「SmillaEnlarger」がすごい
 無料ですから^^

ピクセルグリッドちゃん気をつけて
 Illustrator CS5から付いた「ピクセルグリッドに整合」という余計な機能

Mac・PCのトラブルやデータ復旧などのサポートもトクプレ.にお任せ!
 印刷用のトラブルデータの修復がないのが惜しい!

用紙・規格サイズ

標準案内用図記号

Mac OS Xの定期的なメンテナンス方法

続・8Q70%(+スクリーニング)
 文字だけじゃないんだよね。0.1mmの罫線、角度40°、網50%を175線で出力したらどうなるか。デザイナーは特に知って欲しい。

PDFのフォント環境
 エンコーディングが「ビルトイン」になっている場合、文字化け発生比率が高い。ビルトインになる原因が分からない。受け取っていた側だから。

効率化のヒント5
 javascriptでルビ振りが出来るんだから化学式の数字の下付きも出来るよな。

Illustratorのスポイトツールオプションはデフォルトでアピアランスがオフになっている
 忘れそうなので再度、メモ。

2011年8月30日火曜日

見えてきた自分の課題

せめてグループルビだけは自分で何とかなるだろうと、お~まちさんのInDesign Object Model CS-CS5.5を参考にやってみました。


app.findGrepPreferences = NothingEnum.nothing;
app.changeGrepPreferences = NothingEnum.nothing;
app.findGrepPreferences.findWhat = "作成方法";
var inObj = app.activeDocument.findGrep();
for (var i = inObj.length - 1; i > -1; i--) {
try {
inObj[i].rubyFlag = true;
inObj[i].characters[0].rubyFlag = true;
inObj[i].characters[0].rubyType=GROUP_RUBY;
inObj[i].characters[0].rubyString = "さくせいほうほう";
;
} catch(inObj) {}
}
はい、当然のごとく動きません。
rubyType = RubyTypes.GROUP_RUBY;でなければならんみたいです。で、
inObj[i].characters[0].rubyFlag = true;
inObj[i].characters[0].rubyType=RubyTypes.GROUP_RUBY;
inObj[i].characters[0].rubyString = "さくせいほうほう";
だと「作」にグループルビが付いてしまいます。またググる。寺の「ルビについて」に辿り着きました。characters[0]が余計だったんですね。お~まちさん、ありがとうございます。でも、どうしてそうなるのか分かるような分からんような。。。
app.findGrepPreferences = NothingEnum.nothing;
app.changeGrepPreferences = NothingEnum.nothing;
app.findGrepPreferences.findWhat = "作成方法";
var inObj = app.activeDocument.findGrep();
for (var i = inObj.length - 1; i > -1; i--) {
try {
inObj[i].rubyFlag = true;

//↓GROUP_RUBYにしても動く。
inObj[i].rubyType = RubyTypes.groupRuby;
inObj[i].rubyString = "さくせいほうほう";
inObj[i].rubyAlignment = RubyAlignments.rubyFullJustify;

} catch(inObj) {}
}

と、まぁ他人の褌で相撲を取る以前のレベルで課題を終えたのだが、一からやるとなるとひとつの課題さえ終わらなかったことは間違いない。数学に公式、英語に単語、基本文法。これが叩き込まれて「打つべし、打つべし!」の段階に入るのだが、それすら入っていない。Object Model図の読み方、使い方さえ分からないまま。

今まで自分がやっていたことはwebにある人様のスクリプトを眺めていただけ。しかし、それは応用問題の解であって、公式が頭の中に入っていれば、整理でき、どの公式を使っているのか分かる。入っていないと分からない。なにが公式、文法なのかさえ分かっていない、それが今の自分。自分自身の至らなさを知るにいい機会となった。と、同時に先駆者の凄さが改めて分かる。

今回の大きな収穫は公式となるサイトに出会えたことだろう。
さて、頭の中を空にしてもう一度、一からやるか、終わらないだろうけど。。。


2011年8月28日日曜日

お題3に燃料投下されて

8月18日、#dtpstudySP2にNAOIさんが燃料投下
8月20日、続けてkmutoさんが燃料投下

ひと通り課題を終えて安心しきっていたアチキは自分の大きな勘違いに気づく。
お題3って人様の作ったスクリプトを使ってはダメなんだ~。コメント欄を読むと
「ドキュメントの文字すべてを対象にして、指定した文字にルビをつける」というテーマでしょうか? ものすごく難易度が高いっすね! 宿題の想定レベルをはるかに超えてます!
kmutoさんは
「楽しく」の「楽」だけを正規表現で取り出すのはちょっとコツがある。それが後方肯定「(?=STRING)」。これで、文字列としては「楽しく」に一致するけれども「マッチした文字列」として返されるのが「楽」だけ、という挙動を実現できる。
ということは「楽チンな楽曲を選んで楽しく演奏♪」の楽しく部分にだけルビを振るというお題だったのかぁ~~~(絶叫 しかも「ドキュメントの文字すべてを対象にして、指定した文字にルビをつける」というテーマなら、もう無理、無理。古旗サイトや本を参考にしたけど全滅。
実際、選択された文字が特定の文字の場合のみルビを振るを正規表現を使って書き換えてみたけど動作しない。↓
sel = app.activeDocument.selection;
chr = sel[0].characters[0];
if (chr.contents == "楽(?=しく)" )
{
chr.rubyFlag = true;
chr.rubyString = "たの";
}

以下は失敗例のひとつ
var txtObj=app.activeDocument.selection[0];
str = "楽しく";
chr = str.charAt(0);
txtObj.contents = "楽";
txtObj.characters[0].rubyFlag = true;
txtObj.characters[0].rubyString = "たの";
//↑これだとテキストフレーム内の文字が楽(たの)に替わってしまい、他部分が削除されてしまう。裏づけ理論無しに適当に探して弄ったからどうしてそうなるのか分からない。


んで、困っていた。
NAOIさんのコメント欄を見るとカル様のライブラリのアイテムを自動で配置する(InDesign CS3~)が紹介されていた。正規表現を使ってテキストをライブラリアイテムに検索・置換するものだから、応用できそう(^^

ふむ、正規表現を使う場合は

app.findGrepPreferences = NothingEnum.nothing;

と宣言する必要があるようだ。Adobe InDesign CS4 Scripting Guideのp90にも載っている。でもどう書き換えたらいいか分からない。。。orz

そこでapp.findGrepPreferences = NothingEnum.nothing;でググる。

インライングラフィックをファイル名に置き換える

に辿り着く。

こっ、これはカル様の逆パターンなのでは。で、構文が短い^^ これは試す価値はある。
app.findGrepPreferences = NothingEnum.nothing;
app.changeGrepPreferences = NothingEnum.nothing;
app.findGrepPreferences.findWhat = "~a";
var inObj = app.activeDocument.findGrep();
for (var i = inObj.length - 1; i > -1; i--) {
try {
inObj[i].contents = inObj[i].allGraphics[0].itemLink.name;
} catch(inObj) {}
}
赤字部分に検索文字、青字部分をルビ付きに置き換えた。
app.findGrepPreferences = NothingEnum.nothing;
app.changeGrepPreferences = NothingEnum.nothing;
//9/11追記:以下は正規表現が違ってました。
app.findGrepPreferences.findWhat = "楽(=?しく)";

//9/11追記:こちらが正解(^^;
app.findGrepPreferences.findWhat = "楽(?=しく)";
var inObj = app.activeDocument.findGrep();
for (var i = inObj.length - 1; i > -1; i--) {
try {
inObj[i].characters[0].rubyFlag = true;
inObj[i].characters[0].rubyString = "たの"
;
} catch(inObj) {}
}
で動いた。ヾ(〃^∇^)ノわぁい♪

でもどうしてそうなるのか分からない。分からないがこの構文は暗記するに値するものだということは分かる。かなり応用の利きそうな素敵なスクリプトです^^

ps. 余談です。楽(=?しく)をエディタの正規表現で検索すると楽しくにマッチするのはどうしてでしょう? 正規表現を正確に反映してくれるエディタを探してます。

9/11自分で気付く:正規表現が間違っていたから。。。orz 楽(=?しく)は間違い楽(?=しく)が正解。それでもJavaScriptでマッチするのはど~ゆ~理由???

8/31追記:フレーム選択で置換したい時は4行目を
var inObj = app.activeDocument.selection[0].findGrep();
にする。

さらに追記:ドキュメント全体、1つのテキストフレームの処理は上記でOKだが、複数選択された場合は[InDesign][JavaScript]【改変】テキストを正体に戻すを参考に冒頭に以下を加え
var selObj = app.activeDocument.selection;
var textFrameCount = 0 ;
for (s = 0 ; s < selObj.length ; s++) {
if (selObj[s].constructor.name =="TextFrame") {
textFrameCount ++ ;
var inObj = app.activeDocument.findGrep(); を
var inObj = selObj[s].findGrep(); に書き換える。

2011年8月27日土曜日

JavaScriptが分からなくともお題は解ける

麻雀に先付け、後付けがあるように、勉強法にも演繹的勉強法、帰納法的勉強法があります。愛だって、とりあえずやってから愛が生まれることもあります。まずはやっちゃいましょう^^

アチキの場合、Scriptに関しては「ど素人状態」。それでも何とか終えました。
やり方はただひとつ。ひたすらググる。ググりさえすれば答えが見つかるいい時代^^
スクリプトの緑部分はアチキの弄ったとこです。

お題1 ・テキストフレームの中のテキストを上下センターにする
古旗さんのテキストフレーム内の文字を天地中央に配置する段落の位置揃えを指定するを合体してみる。
pageObj = app.documents.add();
txtObj = pageObj.textFrames.add();
txtObj.visibleBounds = ["2cm","1cm","4cm","10cm"];
txtObj.contents = "天地中央に自動的にレイアウトします。";
txtObj.textFramePreferences.verticalJustification = VerticalJustification.centerAlign;
txtObj.paragraphs[0].justification = Justification.centerAlign;
これだと新規にドキュメントが作成され、左上2cm、1cmに高さ4cm、幅10cm(x=10, y=20)、右下(x=100, y=40)のテキストフレームが作られ「天地中央に自動的にレイアウトします。」の文字が天地左右のセンターになる。

ちと余計だな。。。意図は選択されたテキストフレーム内の文字を天地左右センターにしたいのだから、、、
txtObj = app.activeDocument.selection;
txtObj.textFramePreferences.verticalJustification = VerticalJustification.centerAlign;
txtObj.paragraphs[0].justification = Justification.centerAlign;
としてみる。こんなに簡単ではないはず。案の定、エラー発生。

ならばとテキストフレームのみ選択するに書き足してもエラー。

どうする?? しばらく考える。



とりあえず選択されたフレーム内のテキストを左右センターするに絞ってやってみる。

txtObj = app.activeDocument.selection;
txtObj.paragraphs[0].justification = Justification.centerAlign;

だとエラーになるので「Justification.centerAlign」でググる

はいさい!の画像フレームのフィットオプションがhit! で、弄った!
var frame = app.activeDocument.selection[0];
frame.parentStory.justification = Justification.centerAlign ;
で動作します^^
なんでparagraphsはダメでparentStoryならOKなのか分かりませんです。
続行、最後に天地センターを加えて
var frame = app.activeDocument.selection[0];
frame.parentStory.justification = Justification.centerAlign ;
frame.textFramePreferences.verticalJustification = VerticalJustification.centerAlign;
で完成^^

8/28追記:合体したスクリプトが動かなかった原因はtxtObj = app.activeDocument.selection;がだったから。
txtObj = app.activeDocument.selection[0]; で動きます。で、txtObj.paragraphs[0].justification = Justification.centerAlign;は単数行ならOKなのですが、複数行ですとparentStoryでないとダメみたいです。

8/31追記:上級編は公式を使った。
var frame = app.activeDocument. textFrames;
for (var i = frame. length - 1; i > -1; i--) {
try {

frame[i].parentStory.justification = Justification.centerAlign ;
frame[i].textFramePreferences.verticalJustification = VerticalJustification.centerAlign;
} catch(frame) {}
}


お題2の1 ・1つのテキストフレームを右へ10mm移動
はいさい! フレームサイズの取得に辿り着けばお題は終わり。
var frame = app.activeDocument.selection[0];
var y = frame.visibleBounds[0];
//左上
var x = frame.visibleBounds[1];
//左上
var y1 = frame.visibleBounds[2];
//左下
var x1 = frame.visibleBounds[3];
//左下 x1
frame.visibleBounds = [ frame.visibleBounds[0], frame.visibleBounds[1]+10, frame.visibleBounds[2], frame.visibleBounds[3]+10];
ちと弄って出来ました^^ ただ単位がmmになってるので出来たわけでして、単位がptだと10ptになってしまいます。アチコチ弄りましたが結局ダメ。
Adobe InDesign スクリプティングチュートリアルを読むと、最初に
app.activeDocument.viewPreferences.horizontalMeasurementUnits = MeasurementUnits.millimeters;
app.activeDocument.viewPreferences.verticalMeasurementUnits = MeasurementUnits.millimeters;
と宣言するみたいです。で、このたった2行で動作するのは感動ものです。

8/31追記:varで宣言しているのだから、frame.visibleBounds=[y, x+10, y1, x1+10];とするべきだな。

再追記(重要):InDesignでJavaScript その7を参考に
var frame = app.activeDocument.selection[0];
frame.move("by",["10mm","0mm"]);
の2行だけで移動できた^^ 


お題2の2 ・2つのテキストフレームの間隔を3mmにする
ここまでくるとお題ははいさい!から出されているんだなとアチキでも気付きます^^ で、こいつは選択しているアイテムを整列させる(等間隔に分布編)
app. activeDocument. distribute (app. activeDocument. selection, DistributeOptions. HORIZONTAL_SPACE, AlignDistributeBounds. MARGIN_BOUNDS, false) ;
を弄ってみます。
app. activeDocument. distribute (app. activeDocument. selection, DistributeOptions. VERTICAL_SPACE, AlignDistributeBounds. ITEM_BOUNDS, false) ;
にすると垂直方向に等間隔に分布されます。
app. activeDocument. distribute (app. activeDocument. selection, DistributeOptions. VERTICAL_SPACE, AlignDistributeBounds. ITEM_BOUNDS, true, absoluteDistributeMeasurement=3) ;
にして垂直方向間隔3mmが完成。
ここは=3) ;を="3mm") ;にすると数値がpt表示でも問題なく動作。


お題3 ・テキストフレーム内の文字「楽しく」にルビをふる
     ・「作成方法」にルビをふる(グループルビ)
こいつは設問の意図を読み間違え、たけうちとおるさんのruby.zipでワ~イ、動いた^^ と喜んでいた。そんなに簡単なわけがない。結構、探すのに難儀したので、後日、書きます。


お題4 ・テキストの中の値段をすべて10円アップする
このお題を見てパッと浮かんだのが消費税。消費税込みの価格は価格*1.05だから*1.05を+10にすればいいだけなのでは? 
「InDesign javaScript 消費税」でググれば古旗さんの

文章中の価格に消費税を加算する (Adobe InDesign & Illustrator CS3/CS4編)がヒットします。
var selObj = app.activeDocument.selection[0]; // 最初に選択した数値のみ処理
var txt = selObj.contents;
selObj.contents = txt.replace(/\d+円/g, repFunc);

function repFunc(n){
n = parseInt(n);
n = n * 1.05; // 消費税5%を乗算する
n = Math.round(n);
return n+"円";
}
n = n * 1.05; をn = n + 10; に書き換えて完成~^^

追記:実際に動かしてみると「1,000円」は「1,10円」になってしまう。

で、先頭に円マークのある価格は
var selObj = app.activeDocument.selection[0]; // 最初に選択した数値のみ処理
var txt = selObj.contents;
selObj.contents = txt.replace(/\\d+/g, repFunc);

function repFunc(n){
n = parseInt(n.substring(1,9999));
n = n * 1.05; // 消費税5%を乗算する
n = Math.round(n);
return "\"+n;
}
なのでひとつにまとめてみようと思ったが、return "\"+n;で

エラー番号:4、終了していない文字列型の定数です

のアラートが出る。まぁバックスラッシュと円マーク絡みだし、こちとらWinXP環境だし。。。そんなわけで終了。

あとは、どうしてこうなるのかの理解なのだが、とりあえずやってしまうと気が抜けていまいち勉強する気にならんのがアチキの欠点。体目当てでやるのが目的ではないのだが(オイ

2011年8月21日日曜日

ルビ振りwebサービスのメモ

お題の3をやってる時に辿り着いたルビ振りwebサービス。

ふりふり

win版InDesignを前提にしてるためヘッダ部分が
<UNICODE-WIN>
<Version:5><FeatureSet:InDesign-Japanese><ColorTable:=<Black:COLOR:CMYK:Process:0,0,0,1>>
<pstyle:>
になってますがMac用に書き換えれば使えると思います。
ルビはグループルビになります。こんな感じ↓


ZERO MEGA
http://www.0mega.jp/demo/sample001.php

ルビタグが付けられるものの、そのまま取り込んでも反映されません。
ヘッダを付けるだけでなく、エンコードも指定しなければなりません。こんな感じ↓


で、この特徴はモノルビで取り込まれます。
ただし、区切り位置を判断できないため、最初の一文字の漢字にルビが付きます。
個人的にはこれがお薦めです。
一般向け。常用漢字にはふりがなをつけません。の設定がありますから。
何よりもモノルビで取り込まれますから、スペースを入れるべき不自然な箇所が一目瞭然。校正しつつスペース入力、グループルビに変更したりするのがベターなのでは?

2011年8月17日水曜日

日本語として通じないダミーテキストの重要性

以前、ダミーテキストとして使用するには和欧混の 組見本用創作文『問わずがたりの洋酒外史』 がいいんじゃないかと思っていたんです。

しかし、第10回 カンプ用のダミーテキストを用意する を読みまして考え方が変わりました。
デザインカンプ用として作ったInDesignデータが,そのまま印刷用のデザインデータとして使われることも多いはずです。パンフレットのデザインなどでは,テキストフレームの数も多く,ダミーテキストを実際のテキストへと差し替えないまま,ダミーテキストの状態で出校するような手違いも起こりがちです。
[サンプルテキストの割り付け]で流し込むダミーテキストを,通常は,使うことのないような文章にしておけば,ダミーテキストのセンテンスを使って検索し,点検ができ,ダミーテキストの「置き忘れ」のようなトラブルを防止することができます。
実際、「ダミーテキスト」と入力されたまま、印刷された例をtwitterで見かけたこともあります。原因はダミーテキストが日本語として意味が通ってしまい、スルーしてしまうことにあったのではないでしょうか? 逆に意味不明の言葉であったならスルーすることなく、的確な赤字が入ったと思います。

で、思い出したのが
たけうちさんの10)文字を適当に置き換え(危)

最初、これを見た時、暗号ゴッコの遊びにしか使えず実用性ゼロと思っていたのですが、ダミーテキスト作成に使えます。というか、それ目的だったのでは?

他にもmilligramme 3ccさんが [InDesign]文字コードをずらすScriptUIパレット を出されてます。こちらは
ダミーテキストをつくったりくらいには使えるかもしれません。
と発言されてますので、ダミーテキストは意味不明でなければならないと知ってのことだと思います。

人間心理に基づいたデータ作成の重要性を知らされました。


追記:たけうちさんのとこにも「ダミー文字作成にどうぞ。」って書いてありました(^^;