■開催概要

日時：平成22年3月27日（土）午後2時〜（1時30分より受付開始）
場所：大橋会館 中会議室
受講料：2,000円（当日支払。希望者には領収書を発行いたします）
定員：30名

■スケジュール・内容（予定）

Session.1「Adobe Bridgeの使い方」
スピーカー：あかつき＠おばな
［内容］
・Adobe Bridgeの基本的な使い方
・ちょっとしたTips
・実際のDTP作業での使用例

Session.2「かづらき解体新書」
スピーカー：あさうす（実験る〜む）
［内容］
・かづらきフォントの紹介
・既存フォントとの違いをかいま見る
・グリフ類から見るその挙動や構造を紐解く
・将来性と問題点を考察する

ショートトーク
　いわゆる「ライトニングトーク」のパートを設けたいと思います。ちょっとしたTipsやアプリケーションの意外な使い方などをご紹介ください。
　登壇していただける方は、申込時に「ショートトーク」の「登壇してもよい」欄にチェックを入れてください。

デジタルワークフロー・ソリューションZONEのセミナー会場に足を運んでいただいたみなさん。ありがとうございました。
とおりすがりの方も大勢いらっしゃったのかな？
今回は緊張しました〜。大舞台ですから。大阪DTP勉強会やDTP勉強部屋（本家）で
話するよりも緊張してその緊張が伝わっちゃったようですね。すいません。
名古屋や大阪はやっぱり身内ですからねー。東京おそるべし。
最初に笑いを取ろうとして鉄板ネタを出したのに滑ったのが痛かったのが一番の反省（笑）

撮影：鷹野さんhttp://www.dtp-transit.jp/

それでも会場は大盛況で、寝る人もいなかった（ように見えた）ので、なかなかよかったのかな？
立ち見が５列だったそうですよ。（スクリプトのパワーってすごい）

私以外の方のセミナーはみなさんとっても上手くてすばらしかったです。

せうぞーさんスクリプトの解説はコチラ

ここだけは押さえておきたい『出力できる』PDFのポイント

Illustrator で光の表現：描画モードを使いこなす

制作者が覚えておきたいPDFのあれこれ

Illustrator ライブ3兄弟徹底攻略

組版/見て分かる新常識

『+DESIGNING』が試みる雑誌制作の最新ワークフロー

無料で聴講が可能で、予約も不要です。
約120名ほどの席が用意されているかと思いますが、机はなく、
椅子のみとなっています。
http://www.jagat.jp/content/blogcategory/91/376/

内容は、大阪DTP勉強会、名古屋DTP勉強会を短くまとめたものになります。
（東京では話していないし入門向けにわかりやすい内容だと思っています）

当日PAGEに来られる方で興味ある方はぜひお立ち寄り下さい。
スライドやDEMO内容も練り直したりしたいので、まだまだ準備中です。
がんばります。会場で私を見かけたら声をかけてくださいね。

見栄えの良いDEMOネタやアドバイスなどございましたらぜひコメント下さい。

今回は、僕のいままでお話させていただいた中で最大の場所です。
同じ人数なら経験ありますが、東京PAGEのあの会場は「あそこで話したら緊張するだろうなぁ」と、去年はせうぞーさんを見て思いました。
そのあと、何度かお話させていただく機会をいただけたので、なんとか緊張せずに行けると思います。（ウケるかどうかは別ですが）
精一杯がんばります。

おそらく他のバージョンのInDesignでも動くと思います。

■■■使い方■■■
スクリプトパレットの「画像配置.jsx」をダブルクリックします。
ダイアログが出てきますので設定し、OKボタンをクリックすると配置したい
画像が入ったフォルダを聞いてきますので選択してください。

ダイアログ
全ファイル配置：フォルダ内の全ファイルを配置します。

ファイルを少しずつ配置したい場合
ファイルがあまりにも多いと配置するのも大変ですので配置スタート・終了ファイル番号に数値を入れると1から20までのファイルなどを配置する事ができます。

画像配置の方法
ここで拡大・縮小率を指定します。

「画像配置.jsx」をテキストエディタで開いて初期値を編集する事もできます。

ダウンロードはこちら
img05.zip

InDesign29

まずはテキストフレームを作りました。

	var myDocu = app.activeDocument;
	var myTF = myDocu.textFrames.add();

次にサイズを変更して内容をセット

	var myDocu = app.activeDocument;
	var myTF = myDocu.textFrames.add();
	myTF.visibleBounds = Array(0,0,10,200);
	myTF.contents = "こんにちは世界";

さらに段落スタイルをセット

	var myDocu = app.activeDocument;
	var myTF = myDocu.textFrames.add();
	myTF.visibleBounds = Array(0,0,10,200);
	myTF.contents = "こんにちは世界";
	myTF.paragraphs[0].appliedParagraphStyle = "ABC";

boundsのセット方法とか段落スタイルの当て方とか
調べながらなのでけっこう時間がかかりました。

最後に関数化して繰り返し文で呼び出しました。

for(var i = 0;i < 10;i++){
	BENKYOU(i + "こんばんは",i);
}

function BENKYOU(myMsg,Y1){
	var Y2 = Y1 * 10;
	var myDocu = app.activeDocument;
	var myTF = myDocu.textFrames.add();
	myTF.visibleBounds = Array(Y2,0,Y2 + 10,200);
	myTF.contents = myMsg;
	myTF.paragraphs[0].appliedParagraphStyle = "ABC";
}

さらにif文を入れてif文の練習

for(var i = 0;i < 10;i++){
	BENKYOU(i + "こんばんは",i);
	if(i == 5){break;}
}

function BENKYOU(myMsg,Y1){
	var Y2 = Y1 * 10;
	var myDocu = app.activeDocument;
	var myTF = myDocu.textFrames.add();
	myTF.visibleBounds = Array(Y2,0,Y2 + 10,200);
	myTF.contents = myMsg;
	myTF.paragraphs[0].appliedParagraphStyle = "ABC";
}

これだけで1時間半。おつかれさまです。
これで少しスクリプトになじめたら幸いです。

左メニューのJavaScript基本からお入り下さい。
作ったスクリプトは後日アップします。

大量アップでRSS購読されている人にはスパムみたいになって申し訳ない。

X = A+1;//変数Xに変数A+1を入れる
X = X-1;//変数Xに変数A-1を入れる
X = N*5;//変数Xに変数N×5を入れる
X = N/2;//変数Xに変数N÷2を入れる
X = 5 % 2;//=>1になる。割ったあまり。

var myVal = 3
if(myVal % 2 == 1){
	//もし変数Nを2で割ったあまりが1なら
    alert("変数myValは奇数です。");
}else{
	//そうでないなら
    alert("変数myValは偶数です。");
}

var Adnum=Number("123.456");//文字列を数値にする

みたいに値を返します。カッコがついててそのなかに引数を入れる事が多いです。

alert("こんにちは");

も関数です。

var Adnum=Number("123.456");//文字列を数値にする
alert(Adnum);
var Anum=parseInt("123.456");//文字列を整数にする
alert(Anum);
var val=eval("1+5+6+7+8+9");//文字列を計算する
alert(val);
var myStr=prompt("計算式を入力して下さい");//たずねる
var val2=eval(myStr);//文字列を計算する
alert(val2);

自分でハンドラ（関数）を作る事も出来ます。

myDisp("あいうえお");//自分で作った関数Dispを呼び出す。

function myDisp(myStr){
    //自分が作った関数Dispカッコの中の変数に渡された値が入る。
    alert(myStr + "です。");
}

for(var N = 0;N < 10;N++){
    alert(N);
}

くりかえし2
無限に繰り返す処理を入れある条件が成立したら処理を終わります。

var num=0;
while(num<10){
	alert(num+"です。");
	num=num+1;
}

breakを使って途中で抜ける事も出来ます。

var num=0;
while(num<10){
	num=num+1;
	if(num > 5){
		break;
	}
}
alert(num+"です。");

くりかえし3
配列変数のなかを1つづつ変数に入れます。よく使います。

var meishiFile = Array("たけうち","森田","おおもり","ばば","なかむら");
var arrayCount = meishiFile.length;
for(var N = 0;N<arrayCount;N++){
	alert(meishiFile[N] + "さん");
}

var AAA = "あいうえお";
if (AAA == "あいうえお"){
	alert("あいうえおです。");
}

「もし〜ではなかったら」の場合は下記のように書きます。

var AAA = "あいうえお";
if (AAA != "あいうえお"){
	alert("あいうえおではありません。");
}

「もしも〜なら」と「そうではなくて〜なら」と「それ以外なら」という
ように条件によって振り分ける場合は下のように書きます。

var AAA = "あいうえお";
if (AAA == "あいうえお"){
	alert("あいうえおです。");
}else if(AAA == "かきくけこ"){
	alert("あいうえおです。");
}else{
	alert("それ以外です。");
}

「もしも〜でさらに〜なら」と「もしも〜または〜なら」というように2つ
の条件によって振り分ける場合は下のように書きます。

var AAA = -10;
if (0 < AAA && AAA < 20){
	alert("変数AAAは0より大きく20より小さい");
}
if (0 > AAA || AAA > 20){
	alert("変数AAAは0より小さいまたは20より大きい");
}

以上のようにif文はかなり簡単ですがif文そのものよりもどこでif文を使う
かという考え方のほうが理解しにくいのかもしれません
（switch文があるのですが、とりあえずは上で代用できます。）

var meishiFile = Array("たけうち","森田","おおもり","ばば","なかむら");
alert(meishiFile[0] + "さん");

=>"たけうちさん"

というようになります。この配列がわかりにくいのですが例えばIllustratorで選択したアイテムを調べると選択アイテムは1つとは限らないので複数の配列で値が帰ってきます。そこから選択アイテムの1つめといったように取り出します。

変数meishiFileに1つめは「たけうち」2つめは「森田」といれる。取り出す
ときはmeishiFIleの0番目というように取り出す。

var myStr = "こんにちは";
alert(myStr);

var X = 10;
var myStr = "変数Xの内容は" + X + "です。";
alert(myStr);

もちろん変数ですから数字も入れることができます。

var X = 10;//変数Xに10を入れる
var Y = 50;//変数Yに50を入れる
alert(X + Y);//変数X + Yの結果をダイアログに表示

※//はコメントで、プログラムでは--以降の文字は無視されます。

変数の種類と変数の型変換

JavaScriptでは変数の型はあいまいですが、通常スクリプト言語では下記のような変数の型があります。
boolean--真偽値
integer--整数
double--実数
string--文字列
Array--配列

var myNum = 1.5258
myNum = parseInt(myNum);
alert(myNum);

変数1.5258を整数切り捨てしたため結果は1になりました。

var Xstr = "10";
var Ystr = "50";
alert(Xstr+Ystr);

XstrもYstrも文字列なので結果は"10"+"50"で"1050"になります。

var Xint = 10;
var Yint = 50;
alert(Xint+Yint);

XstrもYstrも整数なので結果は10+50で60になります。

内容は、せうぞーさんの表スクリプトの読み解き方とカスタマイズ。
その後ExtendScriptToolKitの使い方や資料。
そして、ざっくりと変数や構文、関数を口頭で説明してこのあたりで1時間。

5分ほど休憩して、InDesignにtextFramesを作成し
visibleBoundsを設定して
「こんにちは世界」を出して、段落スタイルを当てて
それを関数化して繰り返しで10個つくる。
っていうのを一緒に考えながら作って1時間半ほど。
途中、Scriptが動かない人はおおもりさんばばさんにも見てもらいました。

合計2時間半にわたる長丁場。みなさんお疲れさまです。
ノートパソコン持ってきていない人は退屈じゃなかっただろうか？
難しすぎなかったか？伝わったか？いろいろ疑問に残りますが
えむさん、なんでやねんさんからは「わかりやすかったよ」と言っていただき安心。

大人数の部屋であれやったら退屈で寝る人続出かなぁ。

その後、コアなメンバーだけで飲み会に突入。
勉強会に参加してた方ともお話したかったなぁ。それがちょっと残念。
次回あるのでよろしくです。

今日は多言語の勉強会。毎日の分科会たいへんですがえむさんホントにありがとうございます。

（勉強会終了後はその場で解散が多いようです。毎日飲んでたらたいへんだよね。）

資料類は追ってアップしますのでしばらくお待ち下さい。

■場所　メビック扇町　●10/2〜23日 5F　503号室　●10/26〜30日 4F　403号室　●11/2〜12/4 4F　406号室
■日時　10月15日（木）　
　【スクリプトを作る】
　実際に1行づつスクリプトを書いて学んでいきます。
　ノートパソコンを持っている方は持ってきてください。
　無くてもかまわないです。

内容はまだ決めていません。が初心者向けにします。経験者がいらっしゃったら逆に講師役やってもらうかもです。実を言うとカスタマイズから入った方がいいのかif文とか説明した方がいいのか、質問コーナーだけにした方が良いのか悩んでいます。また、一度に理解できる範囲というものがあるのですごい事はなかなか出来ないでしょうね〜。
集ったメンバーのスキルや雰囲気によって内容を変えるかなと思っています。
こんなの作りたいとかあればコメントでも入れて下さいね。

※平日なので仕事の都合上遅れるかもしれませんが、ちゃんとフォローしていただけるメンバーがたくさんいらっしゃいますのでご安心下さい。

メビック扇町主催「この街のクリエイター博覧会4」

e-shopでカタログ画像を画像のサイズを統一するために作成しました。
クリッピングパスの背景を消去と組み合わせてアクションを作れば最強です。
クリッピングパスの背景を消去

CS2やCS4で動作確認。

背景のある画像はトリミングされる。

切り抜き画像は余白ができる。

■■■インストール方法■■■
Adobe Photoshop CS4/Presets/Scripts/
にスクリプトをコピーし、Photoshopを再起動します。
ファイルメニューのスクリプトから実行できるようになります。

■■■使い方■■■
■■■使い方■■■
スクリプトをテキストエディタで開き下記の部分の数値を編集して下さい。単位はpxです。
var pixcel_w = 520;
var pixcel_h = 390;

Photoshopでドキュメントを開いている状態で使用してください。
なにも選択せずに（パスとかも選択しない）スクリプトメニューからこのスクリプトを選択します。
クリッピングパスが余白をつけてこのサイズ（固定値）に変換
クリッピングパスがなければトリミングしてこのサイズ（固定値）に変換します。

アクションを作成しメニュー項目の挿入からこのスクリプトを呼ぶようにすればフォルダ内全ての画像にバッチ処理できます。

■■■動作解説■■■
RGBニ変換します。
パスを全て調べてクリッピングパスがあるなら余白を付けるように設定します。
画像の解像度を変更します。
キャンバスサイズを設定した値に変更します。

ダウンロードはこちら
clipdel.zip

Photoshop02

長い間リサイズ関連を作成してきましたが
クリッピングパスやなんだかんだで、結局Photoshopスクリプトに落ち着いたという話。（いままでの分も用途に応じて使い分けています。）スピード重視なら下記にしたり。

大量JPEG画像のリサイズ

画像リサイズ