add JavaScript

+[[_TOC_]]

+

+# 自作スクリプト

+- [[createSerialImg]]

+- [[doAction]]

+- [[downSample]]

+- [[dumpObjInfo]]

+

+# リンク

+- etc/Typography_PDF

+

+## Adobe

+- [Adobe Scripting Center](http://www.adobe.com/devnet/scripting.html)

+ - CS5

+ - [JavaScript Tools Guide](http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/devnet/scripting/pdfs/javascript_tools_guide.pdf)

+ - [Photoshop CS5 JavaScript Reference](http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/devnet/photoshop/pdfs/photoshop_cs5_javascript_ref.pdf)

+ - [Adobe Illustrator CS5 Reference: JavaScript](http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/devnet/pdf/illustrator/scripting/illustrator_scripting_reference_javascript_cs5.pdf)

+ - [Adobe InDesign CS5.5 Scripting Guide: JavaScript](http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/devnet/indesign/cs55-docs/InDesignScripting/InDesign-ScriptingGuide-JS-JP.pdf)

+ - [Adobe InDesign CS5.5 Server Scripting Guide](http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/devnet/indesign/cs55-docs/InDesignServer/ids-scriptingguide.pdf)

+ - CS4

+ - [JavaScript Tools Guide CS4.pdf](http://www.adobe.com/devnet/scripting/pdfs/javascript_tools_guide_cs4.pdf) (削除済)

+ - [Photoshop CS4 JavaScript Reference](http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/devnet/photoshop/pdfs/photoshop_cs4_javascript_ref.pdf)

+ - [Adobe Illustrator CS4 Reference: JavaScript](http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/devnet/pdf/illustrator/pdfs/illustrator_scripting_reference_javascript.pdf)

+ - [InDesign CS4 JavaScript guide](http://wwwimages.adobe.com/www.adobe.com/products/indesign/scripting/pdfs/InDesignCS4_ScriptingGuide_JS.pdf)

+

+- [Adobe Developer Connection](http://www.adobe.com/devnet.html)

+ - [Adobe Photoshop File Formats Specification](http://www.adobe.com/devnet-apps/photoshop/fileformatashtml/)

+ - [Adobe Photoshop SDK](http://www.adobe.com/devnet/photoshop/sdk.html)

+ - [Acrobat Developer Center](http://www.adobe.com/devnet/acrobat.html)

+

+## OpenSpace

+- [OpenSpace](http://www.openspc2.org/)

+ - CS6

+ - [Adobe Photoshop CS6自動化作戦](http://www.openspc2.org/book/PhotoshopCS6/)

+ - [Adobe Illustrator CS6自動化作戦](http://www.openspc2.org/book/IllustratorCS6/)

+ - [InDesign CS6自動化作戦](http://www.openspc2.org/book/InDesignCS6/)

+ - [ExtendScript Toolkit CS6自動化作戦](http://www.openspc2.org/book/ExtendScriptToolKitCS6/)

+ - CS5

+ - [Adobe Photoshop CS5自動化作戦](http://www.openspc2.org/book/PhotoshopCS5/)

+ - [Adobe Illustrator CS5自動化作戦](http://www.openspc2.org/book/IllustratorCS5/)

+ - [InDesign CS5自動化作戦](http://www.openspc2.org/book/InDesignCS5/)

+ - CS4

+ - [Adobe Photoshop CS4自動化作戦](http://www.openspc2.org/book/PhotoshopCS4/)

+ - [Adobe Illustrator CS4自動化作戦](http://www.openspc2.org/book/IllustratorCS4/)

+ - [InDesign CS4自動化作戦](http://www.openspc2.org/book/InDesignCS4/)

+ - [クリエイター手抜きプロジェクト](http://www.openspc2.org/projectX/)

+ - [Illustrator アクションファイルを書き換える](http://www.openspc2.org/projectX/Illustrator/0008/)

+- 古籏一浩/&amazon(4844395955);

+

+## なにする？DTP+WEB

+- [なにする？DTP+WEB](http://d.hatena.ne.jp/kamiseto/)

+ - [イラストレーターの書体を置換する「FontChanger」GUI版](http://d.hatena.ne.jp/kamiseto/20100117/1263738865)

+ - [イラストレーターのスクリプトを高速化させるためのコツ](http://d.hatena.ne.jp/kamiseto/20091113/1258118098)

+ - [InDesignからフォントファミリーとスタイルのリストを作る。](http://d.hatena.ne.jp/kamiseto/20090721/1248181924)

+ - [イラストレーターに埋め込まれた画像を書き出して再配置するスクリプト](http://d.hatena.ne.jp/kamiseto/20090611/1244704103)

+ - [インデザインで曜日の字形を○●□■等に変えるスクリプト](http://d.hatena.ne.jp/kamiseto/20090529/1243547647)

+ - [出てると安心。「プログレスバー」](http://d.hatena.ne.jp/kamiseto/20090408/1239163517)

+ - [ScriptUIを簡単に生成できるライブラリを発見](http://d.hatena.ne.jp/kamiseto/20090204/1233736220)

+ - [イラストレーターで文字幅を揃えたい](http://d.hatena.ne.jp/kamiseto/20090116/1232121703)

+ - [スクリプトで擬似立体を作る（四角形限定）](http://d.hatena.ne.jp/kamiseto/20081128/1227873443)

+ - [選択したものを表のようにあつかうため？のクラス（多方向対応／インデザイン・イラストレーター対応版）](http://d.hatena.ne.jp/kamiseto/20081127/1227801672) hvg.js

+ - [無理やりにでもIllustraorでdoScriptを使う](http://d.hatena.ne.jp/kamiseto/20081105/1225875643)

+ - [クリップボードの中身を操作する](http://d.hatena.ne.jp/kamiseto/20081105/1225857246)

+

+## 名もないテクノ手に

+- [名もないテクノ手に](http://seuzo.hatenablog.com/)

+ - [特定のTweet引用時の正書法](http://seuzo.net/entry/2012/03/10/163354)

+ - [生データをそのまま使うフォントのアイデア](http://seuzo.hatenablog.com/entry/2012/01/31/155502)

+ - [TK TYPE](http://www.tktype.com/) / [Chartwell](http://www.tktype.com/chartwell.php)

+- [名もないテクノ手](http://d.hatena.ne.jp/seuzo/)

+ - [InDesign CS5ではスクリプトラベル使用禁止](http://d.hatena.ne.jp/seuzo/20100724/1279904204)

+ - [InDesignのドキュメント中にデータを埋め込む](http://d.hatena.ne.jp/seuzo/20100723/1279822441) XMPにデータを埋め込むやり方。

+ - [「プログラマのための文字コード技術入門」](http://d.hatena.ne.jp/seuzo/20100223/1266889867)

+ - [2010年はJapan-eBook元年か?!](http://d.hatena.ne.jp/seuzo/20100102/1262425125)

+ - [【正規表現02】電話番号の再フォーマット](http://d.hatena.ne.jp/seuzo/20091215/1260853900)

+ - [【正規表現01】日付の表現](http://d.hatena.ne.jp/seuzo/20091201/1259635998)

+ - [女子高生とぼくとKindleと](http://d.hatena.ne.jp/seuzo/20091115/1258224729)

+ - [PDF校正にはFDFの活用をおすすめしますが...](http://d.hatena.ne.jp/seuzo/20091110/1257779126)

+ - [「書体の研究」](http://d.hatena.ne.jp/seuzo/20091104/1257260462)

+ - [ボタンについて](http://d.hatena.ne.jp/seuzo/20091020/1256017709)

+ - [欧文の凸版植字＆印刷](http://d.hatena.ne.jp/seuzo/20091018/1255861064)

+ - [スクリプトで正規表現スタイルの追加](http://d.hatena.ne.jp/seuzo/20091015/1255537020)

+ - [PDFファイルに含まれるリンク先（URL）の一覧を得る](http://d.hatena.ne.jp/seuzo/20091013/1255359723)

+ - [アルファベットの縦中横](http://d.hatena.ne.jp/seuzo/20091006/1254812542)

+ - [アポストロフィーとかピリオドとかの縦中横](http://d.hatena.ne.jp/seuzo/20091005/1254723264)

+ - [hyperlinkURLDestinations.destinationURLの置換](http://d.hatena.ne.jp/seuzo/20090929/1254181707)

+ - [選択したテキストをタグ付けする](http://d.hatena.ne.jp/seuzo/20090928/1254072019)

+ - [スクリプトで生成したオブジェクトは線幅（strokeWeight）が適用（変更）できない](http://d.hatena.ne.jp/seuzo/20090911/1252600247) 解決方法はコメントに

+ - [HTMLなどの文字列を操作したい時にタグを一時退避させる](http://d.hatena.ne.jp/seuzo/20090903/1251967520)

+ - [フォントの言語を調べる（Illustrator編）](http://d.hatena.ne.jp/seuzo/20090819/1250608439)

+ - [フォントの言語を調べる（InDesign編）](http://d.hatena.ne.jp/seuzo/20090818/1250521429)

+ - [miエディタ「チラシの裏」モード](http://d.hatena.ne.jp/seuzo/20090817/1250435162)

+ - [正規表現にマッチしたら、指定のセルスタイルを適用する「regex_cellstyle 0.2」](http://d.hatena.ne.jp/seuzo/20090814/1250176724)

+ - [File.openDialogのフィルタ](http://d.hatena.ne.jp/seuzo/20090807/1249570963)

+ - [セクションマーカーにUnicode文字を入れる](http://d.hatena.ne.jp/seuzo/20090805/1249441879)

+ - [PageItemの変形 〜変形マトリクス（transformationMatrix）の基礎〜](http://d.hatena.ne.jp/seuzo/20090804/1249311877)

+ - [多角形ツールで図形を作成時に、矢印キーで「頂点の数」と「星形の比率」を自在に変える](http://d.hatena.ne.jp/seuzo/20090724/1248402054)

+ - [個人授業のサンプル](http://d.hatena.ne.jp/seuzo/20090710/1247201358)

+ - [スクリプト個人授業](http://d.hatena.ne.jp/seuzo/20090708/1247020206)

+ - [フォントを素早く選ぶんだ](http://d.hatena.ne.jp/seuzo/20090629/1246244382) Winにもショートカットあるのかな？

+ - [InDesign コントロールパネルのショートカットキー](http://help.adobe.com/ja_JP/InDesign/6.0/WSa285fff53dea4f8617383751001ea8cb3f-7001a.html)

+ - [AcrobatのJavaScriptはドキュメント単位でグローバル変数を保持する](http://d.hatena.ne.jp/seuzo/20090623/1245752994)

+ - [InDesignのハイパーリンクをPDFに書き出したなら...](http://d.hatena.ne.jp/seuzo/20090619/1245340297)

+ - [アラビア数字を漢数字に変換](http://d.hatena.ne.jp/seuzo/20090611/1244701472)

+ - [変換の難しい漢字を入力する](http://d.hatena.ne.jp/seuzo/20090608/1244388838)

+ - [テキストのままパンチアウトにする](http://d.hatena.ne.jp/seuzo/20090601/1243828882)

+ - [スクリプトのユーザーインターフェイスをFlashで作成する](http://d.hatena.ne.jp/seuzo/20090528/1243439545)

+ - [丸数字などを簡単に変換できる「round_num 0.3」](http://d.hatena.ne.jp/seuzo/20090527)

+ - [SayKanaを使ってInDesignで読み上げテスト](http://d.hatena.ne.jp/seuzo/20090519/1242726767)

+ - [オートコンプリート（コード補完）を有効にする。](http://d.hatena.ne.jp/seuzo/20090426/1240730870)

+ - [IDML公式ドキュメントの日本語訳](http://d.hatena.ne.jp/seuzo/20090421/1240239935)

+ - [IDMLのポータルサイト「IDMLWiki」](http://d.hatena.ne.jp/seuzo/20090311/1236698409)

+ - [IDMSことはじめ：（1）IDMSとは](http://d.hatena.ne.jp/seuzo/20090310/1236612582)

+ - [正規表現の文字クラスまとめ](http://d.hatena.ne.jp/seuzo/20090309/1236525090)

+ - [InDesign CS4のドキュメントをInDesign CS2でムリムリ開くぜ。](http://d.hatena.ne.jp/seuzo/20090305/1236178999)

+ - [インタラクティブなPDFを作ってみよう](http://d.hatena.ne.jp/seuzo/20090219/1235014650)

+ - [Javascriptの正規表現置換で後方参照を使いたい](http://d.hatena.ne.jp/seuzo/20090218/1234926645)

+ - [Mac OS X時代のフォント作成ツール](http://d.hatena.ne.jp/seuzo/20090214/1234574969)

+ - [リッチなダイアログ作成ライブラリ](http://d.hatena.ne.jp/seuzo/20090209/1234149676)

+ - [【失敗から学ぶシリーズ】#includeは実行前に評価される](http://d.hatena.ne.jp/seuzo/20090209/1234162460)

+ - [【日本初】IDML名刺ジェネレータ【テスト】](http://d.hatena.ne.jp/seuzo/20090204/1233740769)

+ - [ナカトジールで中綴る。](http://d.hatena.ne.jp/seuzo/20090130/1233252528)

+ - [IDML File Format Specififation::9 IDMLの文法](http://d.hatena.ne.jp/seuzo/20090119/1232328850)

+ - [IDML File Format Specififation::8 IDMLのドキュメント構造](http://d.hatena.ne.jp/seuzo/20090114/1231866816)

+ - [IDML File Format Specififation::7 IDMLデザインアプローチ](http://d.hatena.ne.jp/seuzo/20090113/1231773552)

+ - [IDML File Format Specififation::6 IDMLの目標](http://d.hatena.ne.jp/seuzo/20090112/1231687621)

+ - [IDML File Format Specififation::5 IDMLの用途](http://d.hatena.ne.jp/seuzo/20090110/1231515231)

+ - [IDML File Format Specififation::4 INXとIDML、InDesign Scripting](http://d.hatena.ne.jp/seuzo/20090109/1231428596)

+ - [IDML File Format Specififation::3 用語](http://d.hatena.ne.jp/seuzo/20090108/1231341208)

+ - [IDML File Format Specififation::2 イントロダクション](http://d.hatena.ne.jp/seuzo/20090107/1231256510)

+ - [IDML File Format Specififation::1 要約](http://d.hatena.ne.jp/seuzo/20090106/1231203030)

+ - [IDML的HelloWorld](http://d.hatena.ne.jp/seuzo/20090103/1230969363)

+ - [IDMLがやってくる](http://d.hatena.ne.jp/seuzo/20081015/1224037162)

+

+## Double-talk Publisher

+- [Double-talk Publisher](http://detaramedia.blog95.fc2.com/)

+ - [BridgeTalkのアヤシイ挙動（中間報告）](http://detaramedia.blog95.fc2.com/blog-entry-95.html)

+ - [BridgeTalkのアヤシイ挙動（情報求ム）](http://detaramedia.blog95.fc2.com/blog-entry-94.html)

+ - [噂の真相](http://detaramedia.blog95.fc2.com/blog-entry-91.html) 電子出版と出版権

+ - [音声合成なう（mac）](http://detaramedia.blog95.fc2.com/blog-entry-90.html)

+ - [BridgeTalk考（２）](http://detaramedia.blog95.fc2.com/blog-entry-83.html)

+ - [設定ファイルの保存](http://detaramedia.blog95.fc2.com/blog-entry-80.html) uneval()とeval()を使ってJSON形式で保存・読み出し

+ - [BridgeTalk考](http://detaramedia.blog95.fc2.com/blog-entry-79.html)

+

+## deadpop

+- [deadpop archives](http://d-p.2-d.jp/)

+ - [イラレで便利 for Adobe Illustrator](http://d-p.2-d.jp/ai-js/)

+

+## そらかぜ工場

+- [そらかぜ工場](http://www016.upp.so-net.ne.jp/sorakaze/)

+ - [Photoshop Scripting 覚書き](http://www016.upp.so-net.ne.jp/sorakaze/script/)

+ - [Photoshop Scripting サンプル](http://www016.upp.so-net.ne.jp/sorakaze/script/script1.html)

+ - [Photoshop Scripting スクリプト作成](http://www016.upp.so-net.ne.jp/sorakaze/script/script2.html)

+ - [Photoshop Scripting Tips](http://www016.upp.so-net.ne.jp/sorakaze/script/script_tips1.html)

+

+## Omino.com

+- [omino.com](http://omino.com/)

+ - [omino pixel blog](http://omino.com/pixelblog/)

+ - [Omino Dialog Maker for ExtendScript](http://omino.com/pixelblog/tag/omino-dialog/)

+

+## diary NET. 1.2mg

+- [diary NET. 1.2mg](http://www.milligramme.cc/wp/)

+<!----- [[InDesign_合成フォントの覚え書き:http://www.milligramme.cc/weblog/2010/02/indesign-84.html]]-->

+ - [[InDesign]合成フォントの覚え書き](http://www.milligramme.cc/wp/archives/585)

+<!----- [[ExtendScript_共通点を探す旅（おまじない編）:http://www.milligramme.cc/weblog/2009/08/extendscript-1.html]]-->

+ - [[ExtendScript]共通点を探す旅（おまじない編）](http://www.milligramme.cc/wp/archives/498)

+<!----- [[ExtendScript_共通点を探す旅（保存せずに閉じる編）:http://www.milligramme.cc/weblog/2009/07/extendscript.html]]-->

+ - [[ExtendScript]共通点を探す旅（保存せずに閉じる編）](http://www.milligramme.cc/wp/archives/493)

+

+## ディザInDesign

+- [ディザInDesign](http://www15.ocn.ne.jp/~preopen/)

+ - [InDesign Object Model について](http://www15.ocn.ne.jp/~preopen/dom_about.html)

+ - [InDesign Object Model CS-CS5.5](http://www15.ocn.ne.jp/~preopen/iddomjs/domCS-CS55.html)

+ - [InDesign Object Model CS-CS4](http://www15.ocn.ne.jp/~preopen/iddom/domCS-CS4.html)

+ - [Story](http://www15.ocn.ne.jp/~preopen/iddom/Story.html)

+ - [PDFExportPreference](http://www15.ocn.ne.jp/~preopen/iddom/PDFExportPreference.html)

+ - [PDFExportPreset](http://www15.ocn.ne.jp/~preopen/iddom/PDFExportPreset.html)

+

+## その他のリンク

+- [数字入りの連番ダミー画像を作る](http://katapad.com/flash/wiki/?photoshop/js/jsx) @ [スーパー肩パッドの「Flashセレブ道」](http://katapad.com/flash/wiki/)

+

+- [web掲載用画像自動生成](http://www.tky.3web.ne.jp/~katsu2/script/CS3/mk4web/) @ [かつかつのページ](http://www.tky.3web.ne.jp/~katsu2/)

+

+- [InDesign Hacking with JavaScript](http://kmuto.jp/indesign/) @ [Kenshi Muto](http://kmuto.jp/)

+

+- [Illustratorの作業を自動化して効率化でき、今すぐ役立つ便利なスクリプトいろいろ](http://gigazine.net/index.php?/news/comments/20080922_illustrator_script/)

+

+- [画像サイズの変更](http://buruge.net/?p=46) @ [ブルゲノム](http://buruge.net/)

+

+- [Illustrator スクリプト](http://homepage2.nifty.com/upright/download.html) @ [「いられ」のはなし](http://homepage2.nifty.com/upright/)

+

+- [テキスト＆画像ロゴ自動合成スクリプト ver.2](http://webtra.web-tracks.net/2010/01/logo-auto-add-ver2.html) @ [WEBTRA](http://webtra.web-tracks.net/)

+

+- [Perlでフォトショップ CS](http://www2.tba.t-com.ne.jp/tail/prog/perl/photoshop.html) @ [Storeroom](http://www2.tba.t-com.ne.jp/tail/)

+

+- [Rubyとか Illustratorとか SFとか折紙とか](http://d.hatena.ne.jp/hs9587/)

+ - [内部スクリプトと外部スクリプト](http://d.hatena.ne.jp/hs9587/20080406/1207447814)

+

+- [ps-scripts Homepage](http://ps-scripts.sourceforge.net/)

+ - [xtools](http://ps-scripts.sourceforge.net/xtools.html)

+[[_TOC_]]

+

+# 概要

+- Photoshop/Illustrator で画像に連番を付けて保存する。

+- ドキュメント中のテキストレイヤ(Photoshop)またはテキストフレーム(Illustrator)に連番を入れてEPS形式で保存します。

+- 連番が入れられるのは「ID」という名前を持つテキストレイヤまたはテキストフレームです。

+- Photoshop CS3/CS4 では途中で中断できますが、Illustrator CS3/CS4 では中断ボタンは利かず最後まで処理が止まりません。

+- Photoshop CS3/CS4, Illustrator CS3/CS4 で動作確認。(2010/03/09)

+

+# ソース

+- [createSerialImg.zip](createSerialImg.zip)

+```javascript

+ // ドキュメント中のオブジェクト名"ID"に連番を入れてEPS形式で保存

+ // by TakeAsh

+ // 2010/03/09

+ #target 'Photoshop'

+ #includepath "~/Local Settings/Application Data/Adobe/JavaScript/"

+ #include "ominoDialogMaker.jsx" // http://omino.com/sw/ominoAdobeScriptsSuite/shared/ominoDialogMaker.jsx

+ #include "packZero.js"

+

+ var prefix = 'Pref';

+ var start = 1;

+ var goal = 10;

+ var destFolder = '~';

+ var closeAtFinish = true;

+ var keta = 5;

+

+ var appPhotoshop = 'Adobe Photoshop';

+ var appIllustrator = 'Adobe Illustrator';

+

+ if ( app.name != appPhotoshop && app.name != appIllustrator ){

+ exit(); // エラーになる

+ }

+

+ switch( app.name ){

+ case appPhotoshop:

+ // ダイアログさない、アラートは出す。

+ app.displayDialog = DialogModes.ERROR;

+ break;

+ case appIllustrator:

+ // ダイアログ出さない

+ app.userInteractionLevel = UserInteractionLevel.DONTDISPLAYALERTS;

+ break;

+ }

+

+ var omd = newOminoDialog("連番保存");

+ omd.boxedText( 2, 'ドキュメント中のオブジェクト名"ID"に連番を入れてEPS形式で保存します。\n'

+ + 'Photoshop CS3/CS4は中断できますが、Illustrator CS3/CS4は中断が利きません。' );

+ omd.string( '接頭辞', 'prefix', prefix );

+ omd.number( '開始値', 'start', start );

+ omd.number( '終了値', 'goal', goal );

+ omd.selectFolder( '保存先フォルダ', 'destFolder', destFolder, 'EPS ファイルの保存先フォルダを選択してください。' );

+ omd.checkbox( '', 'closeAtFinish', closeAtFinish, '終了時にドキュメントを破棄' );

+ var result = omd.run();

+

+ if ( result != null ){

+ prefix = result[ 'prefix' ];

+ start = result[ 'start' ];

+ goal = result[ 'goal' ];

+ destFolder = result[ 'destFolder' ];

+ closeAtFinish = result[ 'closeAtFinish' ];

+

+ try {

+ var obj_ID = null;

+

+ switch( app.name ){

+ case appPhotoshop:

+ var objs = activeDocument.artLayers;

+ for( var i=0; i<objs.length; ++i ){

+ if ( objs[i].kind == LayerKind.TEXT && objs[i].name == 'ID' ){

+ obj_ID = objs[i].textItem;

+ break;

+ }

+ }

+ break;

+ case appIllustrator:

+ var objs = activeDocument.textFrames;

+ for( i=0; i<objs.length; i++ ){

+ if ( objs[i].name == 'ID' ){

+ obj_ID = objs[i];

+ break;

+ }

+ }

+ break;

+ }

+

+ if ( obj_ID != null ){

+ var win = new Window( 'palette', '連番保存', [100, 100, 210, 170] );

+ var postfix = '/' + packZero( goal, keta )

+ win.msg = win.add( 'statictext', [8, 8, 100, 30], packZero( start, keta ) + postfix );

+ win.abort = win.add( 'button', [8,30, 100, 56], '中断' );

+ win.abort.onClick = function(){ this.parent.aborted = true; };

+ win.aborted = false;

+ win.show();

+

+ var options = this.getOptions();

+

+ switch( app.name ){

+ case appPhotoshop:

+ for(var i=start; i<=goal; ++i){

+ if ( win.aborted ){

+ break;

+ }

+ var IDStr = packZero( i, keta );

+ win.msg.text = IDStr + postfix;

+ obj_ID.contents = IDStr;

+ var targetFile = this.getTargetFile( prefix+IDStr, '.eps', destFolder);

+ activeDocument.saveAs( targetFile, options, true, Extension.LOWERCASE );

+ }

+ break;

+ case appIllustrator:

+ for( var i=start; i<=goal; ++i ){

+ if ( win.aborted ){

+ break;

+ }

+ var IDStr = packZero( i, keta );

+ win.msg.text = IDStr + postfix;

+ obj_ID.contents = IDStr;

+ var targetFile = this.getTargetFile( prefix+IDStr, '.eps', destFolder);

+ activeDocument.saveAs( targetFile, options );

+ }

+ break;

+ }

+ if ( win.aborted ){

+ alert( '中断されました。' );

+ } else {

+ if ( closeAtFinish ){

+ app.activeDocument.close(SaveOptions.DONOTSAVECHANGES);

+ }

+ }

+ } else {

+ alert('名前が"ID"のオブジェクトがありません。');

+ }

+ }

+ catch(e) {

+ alert( e.message, 'スクリプト警告', true);

+ }

+ }

+

+ switch( app.name ){

+ case appPhotoshop:

+ // ダイアログもアラートも出す

+ app.displayDialog = DialogModes.ALL;

+ break;

+ case appIllustrator:

+ // ダイアログ出す

+ app.userInteractionLevel = UserInteractionLevel.DISPLAYALERTS;

+ break;

+ }

+

+ function getOptions()

+ {

+ // Create the required options object

+ var options = new EPSSaveOptions();

+ switch( app.name ){

+ case appPhotoshop:

+ options.embedColorProfile = true;

+ options.encoding = SaveEncoding.JPEGHIGH;

+ options.halftoneScreen = false;

+ options.interpolation = false;

+ options.preview = Preview.MACOSJPEG;

+ options.psColorManagement = false;

+ options.transferFunction = false;

+ options.transparentWhites = false;

+ options.vectorData = true;

+ break;

+ case appIllustrator:

+ options.compatibility = Compatibility.ILLUSTRATOR13;

+ options.cmykPostScript = true;

+ options.embedAllFonts = true;

+ options.embedLinkedFiles = true;

+ options.includeDocumentThumbnails = false;

+ options.overprint = PDFOverprint.PRESERVEPDFOVERPRINT;

+ //options.preview = false;

+ break;

+ }

+

+ return options;

+ }

+

+ /**

+ Returns the file to save or export the document into.

+ @param docName the name of the document

+ @param ext the extension the file extension to be applied

+ @param destFolder the output folder

+ @return File object

+ */

+ function getTargetFile(docName, ext, destFolder) {

+ var newName = '';

+

+ // if name has no dot (and hence no extension),

+ // just append the extension

+ if (docName.indexOf('.') < 0) {

+ newName = docName + ext;

+ } else {

+ var dot = docName.lastIndexOf('.');

+ newName += docName.substring(0, dot);

+ newName += ext;

+ }

+

+ // Create the file object to save to

+ var myFile = new File( destFolder + '/' + newName );

+

+ // Preflight access rights

+ if (myFile.open('w')) {

+ myFile.close();

+ } else {

+ throw new Error('アクセスは拒否されました。');

+ }

+ return myFile;

+ }

+

+ // EOF

+```

+

+# リンク

+- [数字入りの連番ダミー画像を作る](http://katapad.com/flash/wiki/?photoshop/js/jsx) @ [スーパー肩パッドの「Flashセレブ道」](http://katapad.com/flash/wiki/)

+[[_TOC_]]

+

+# 概要

+- 登録済みのアクションを実行する。

+- VBScript の場合、DoAction (Photoshop)、DoScript (Illustrator) の引数の順序が「アクション名」「アクションセット名」だったのでそれに合わせた。(2010/03/19)

+- 関数名変更。(execAction → doAction, 2010/03/19)

+

+# ソース

+- [doAction.zip](doAction.zip)

+```javascript

+// Action実行

+

+/**

+ 登録済みのアクションを実行する。

+ @param Actn アクション名

+ @param ActSet アクションセット名

+*/

+function doAction( Actn, ActSet )

+{

+ var actRef = new ActionReference();

+ actRef.putName( charIDToTypeID( "Actn" ), Actn );

+ actRef.putName( charIDToTypeID( "ASet" ), ActSet );

+ var actDesc = new ActionDescriptor();

+ actDesc.putReference( charIDToTypeID( "null" ), actRef );

+ executeAction( charIDToTypeID( "Ply " ), actDesc, DialogModes.NO );

+}

+

+// EOF

+```

+

+# 備考

+- Illustrator は、JavaScript からアクションを実行することができないようです。

+

+- [Visual Basic でエラーメッセージ「DLL 読み込み時のエラーです」が表示される（Illustrator CS3）](http://kb2.adobe.com/jp/cps/233/233473.html)

+

+- [Lucent crafts](http://lucentcrafts.blog102.fc2.com/)

+ - [Illustrator のスクリプトからアクションを実行](http://lucentcrafts.blog102.fc2.com/blog-entry-48.html) (VBScript)

+ - [Illustrator の ActionIsRunning がおかしい](http://lucentcrafts.blog102.fc2.com/blog-entry-49.html)

+

+- [なにする？DTP+WEB](http://d.hatena.ne.jp/kamiseto/)

+ - [無理やりにでもIllustraorでdoScriptを使う](http://d.hatena.ne.jp/kamiseto/20081105/1225875643)

+ - [クリップボードの中身を操作する](http://d.hatena.ne.jp/kamiseto/20081105/1225857246)

+

+- [Rubyist Magazine](http://jp.rubyist.net/magazine/)

+ - [Win32OLE 活用法 Adobe Illustrator](http://jp.rubyist.net/magazine/?0006-Win32OLE)

+- [Rubyとか Illustratorとか SFとか折紙とか](http://d.hatena.ne.jp/hs9587/)

+ - [内部スクリプトと外部スクリプト](http://d.hatena.ne.jp/hs9587/20080406/1207447814)

+[[_TOC_]]

+

+# 概要

+- Photoshop でフォルダ内の画像を解像度を変えて書き出し。

+- 変換元フォルダの画像(.eps)を解像度を下げて変換先フォルダに保存します。

+- 変換後はファイル名の末尾に「追加文字」が付きます。

+- 「アクション」と「バッチ処理」で同様なことができるみたい。

+

+# ソース

+- [downSample.zip](downSample.zip)

+```javascript

+ // 解像度変換

+ // by TakeAsh

+ // 2010/03/18

+

+ #target 'Photoshop'

+ #includepath "~/Local Settings/Application Data/Adobe/JavaScript/"

+ #include "ominoDialogMaker.jsx" // http://omino.com/sw/ominoAdobeScriptsSuite/shared/ominoDialogMaker.jsx

+ #include "getTargetFile.jsx"

+ #include "getEpsOptions.jsx"

+

+ var srcFolder = '~';

+ var dstFolder = '~';

+ var destResolution = 72;

+

+ var ext = '.eps';

+ var modName = 's';

+

+ app.displayDialog = DialogModes.ERROR;

+

+ var omd = newOminoDialog( '解像度変換' );

+ omd.boxedText( 2, "変換元フォルダの画像("+ext+")を解像度を下げて変換先フォルダに保存します。\n"

+ + "変換後はファイル名の末尾に「追加文字」が付きます。" );

+ omd.selectFolder( '変換元フォルダ', 'srcFolder', srcFolder, '変換元フォルダを選択してください。' );

+ omd.selectFolder( '変換先フォルダ', 'dstFolder', dstFolder, '変換先フォルダを選択してください。' );

+ omd.number( '解像度', 'destResolution', destResolution );

+ omd.string( '追加文字', 'modName', modName );

+ var result = omd.run();

+

+ if ( result != null ){

+ srcFolder = result[ 'srcFolder' ];

+ dstFolder = result[ 'dstFolder' ];

+ destResolution = result[ 'destResolution' ];

+ modName = result[ 'modName' ];

+

+ var originalUnit = preferences.rulerUnits;

+ preferences.rulerUnits = Units.MM;

+

+ var win = new Window( 'palette', '解像度変換', [100, 100, 210, 170] );

+ win.msg = win.add( 'statictext', [8, 8, 100, 30], '0/0' );

+ win.abort = win.add( 'button', [8,30, 100, 56], '中断' );

+ win.abort.onClick = function(){ this.parent.aborted = true; };

+ win.aborted = false;

+ win.show();

+

+ try {

+ srcFolder = new Folder( srcFolder );

+ var fileList = srcFolder.getFiles( '*' + ext );

+ var goal = fileList.length;

+ var options = getEpsOptions();

+ var postfix = '/' + goal;

+

+ for( var i=0; i<goal; ++i ){

+ if ( win.aborted ){

+ break;

+ }

+ win.msg.text = i + postfix;

+ open( fileList[i] );

+ if ( activeDocument.resolution > destResolution ){

+ activeDocument.resizeImage( null, null, destResolution, ResampleMethod.BICUBIC );

+ }

+ var fName = fileList[i].name;

+ var dot = -1;

+ if ( (dot = fName.lastIndexOf('.')) >= 0 ){

+ fName = fName.substring(0, dot);

+ }

+ fName += modName;

+ var targetFile = getTargetFile( fName, ext, dstFolder);

+ activeDocument.saveAs( targetFile, options, true, Extension.LOWERCASE );

+ app.activeDocument.close( SaveOptions.DONOTSAVECHANGES );

+ }

+ }

+ catch(e) {

+ alert( e.message, 'スクリプト警告', true);

+ }

+

+ preferences.rulerUnits = originalUnit;

+ if ( win.aborted ){

+ alert( '中断されました。' );

+ } else {

+ app.beep();

+ }

+ }

+

+ app.displayDialog = DialogModes.ALL;

+

+ // EOF

+```

+[[_TOC_]]

+

+# 概要

+- 選択したオブジェクトのプロパティを YAML 形式でファイルに出力する。

+

+# ソース

+- [dumpObjInfo.zip](dumpObjInfo.zip)

+```javascript

+// 選択したオブジェクトのプロパティを YAML 形式でファイルに出力する。

+#target 'InDesign'

+#includepath "~/AppData/Roaming/Adobe/JavaScript/lib"

+#include "ominoDialogMaker.jsx" // http://omino.com/pixelblog/tag/omino-dialog/

+

+var maxDepth = 2;

+var fileName = 'D:/_temp/ObjInfo.yml';

+var reIgnore = new RegExp( '^(parent|all|event)' );

+

+var doc = app.activeDocument;

+var selected = doc.selection;

+

+var omd = newOminoDialog("dump Object Info");

+omd.saveFile( 'Output', 'fileName', fileName );

+omd.number( 'Depth', 'maxDepth', maxDepth );

+var result = omd.run();

+if ( result ){

+ fileName = result[ 'fileName' ];

+ maxDepth = result[ 'maxDepth' ];

+

+ var pltProgress = new Window( 'palette', 'dump Object Info', [100, 100, 210, 150] );

+ pltProgress.msg0 = pltProgress.add( 'statictext', [10, 10, 100, 20], 'Scanning...' );

+ pltProgress.msg1 = pltProgress.add( 'statictext', [10, 30, 100, 40], '0/' + selected.length );

+ pltProgress.show();

+

+ var result = '';

+ for( var i=0; i<selected.length; ++i ){

+ pltProgress.msg1.text = ( i + 1 ) + '/' + selected.length;

+ result += i + ':\n' + dump( selected[i], 1 );

+ }

+

+ var file = new File( fileName );

+ if ( file.open('w') ){

+ file.write( result );

+ file.close();

+ alert( 'Success: ' + file.fullName );

+ } else {

+ alert( 'Failed: ' + file.fullName );

+ }

+}

+

+function dump( obj, ind ){

+ var ret = '';

+ ind = ind || 0;

+ if ( ind <= maxDepth ){

+ for( var p in obj ){

+ try{

+ if ( !p.match(reIgnore) ){

+ ret += ( typeof( obj[p] ) == 'object' )

+ ? indent( ind ) + p + ':\n' + dump( obj[p], ind+1 )

+ : ( ( typeof( obj[p] ) != 'string' )

+ ? indent( ind ) + p + ': ' + obj[p] + '\n'

+ : indent( ind ) + p + ': "' + obj[p] + '"\n');

+ } else {

+ ret += indent( ind ) + p + ': "' + obj[p] + '"\n';

+ }

+ }

+ catch(e){

+ ret += indent( ind ) + p + ': "<forbidden>"\n';

+ }

+ }

+ } else {

+ ret += indent( ind ) + '"' + obj + '"\n';

+ }

+ return ret;

+}

+

+function indent( ind ){

+ var ret = '';

+ for( var i=0; i<ind; ++i ){

+ ret += ' ';

+ }

+ return ret;

+}

+

+// EOF

+```

+# [[Wayback Machine:http://www.archive.org/web/web.php]]で現在表示しているサイトの過去のアーカイブを見る

+```javascript

+javascript: location = 'http://web.archive.org/web/*/' + location.href

+```

+# Google Cache から現在表示しているサイトの過去のアーカイブを見る

+```javascript

+javascript: location = 'http://webcache.googleusercontent.com/search?q=cache:'

+ + encodeURIComponent(location.href.replace(/^http:\/\//,''));

+```

+# [[Google翻訳:http://translate.google.com/]]でサイトを翻訳

+```javascript

+javascript: location = 'http://translate.google.com/translate?sl=auto&tl=ja&u='

+ + encodeURIComponent(location.href);

+```

+

+# Google検索へのリンク(PukiWiki 用)

+```javascript

+javascript: (function () {

+var types = {

+ 'isch': 'Image', 'vid': 'Video', 'nws': 'News', 'bks': 'Books',

+};

+var target = location.hash || location.href;

+var type = '';

+if (location.pathname != '/maps') {

+ target.match(/[\?&#]tbm=([^&#]+)/);

+ type = RegExp.$1 || '';

+ type = (types[type])

+ ? types[type]

+ : type.charAt(0).toUpperCase() + type.slice(1);

+} else {

+ type = 'Maps';

+}

+target.match(/[\?&#]q=([^&#]+)/);

+var query = decodeURIComponent(RegExp.$1.replace(/\+/g, ' ') || '').replace(/\u3000/g, ' ');

+prompt(

+ 'Google Link\nType:\t' + type + '\nQuery:\t' + query,

+ '[[Google' + type + ':' + query + ']]'

+);

+})();

+```

+- [Google検索結果のURLをすっきり短くするには](http://hisame72.blog133.fc2.com/blog-entry-302.html) @ [ラブandナチュラルandピース](http://hisame72.blog133.fc2.com/)

+

+# MSDN の言語指定を変更

+- en -> ja

+```javascript

+javascript: location = location.href.replace(/\/en-us\//i, '/ja-jp/');

+```

+- ja -> en

+```javascript

+javascript: location = location.href.replace(/\/ja-jp\//i, '/en-us/');

+```

+

+# MSDN のバージョン指定を削除

+```javascript

+javascript: location = location.href.replace(/\(.*?\)(\.aspx)/i, '$1');

+```

+

+# [[Web Sniffer:http://web-sniffer.net/]]で現在表示しているサイトのhttpリクエストヘッダ/レスポンスヘッダを確認する

+```javascript

+javascript: location = 'http://web-sniffer.net/?url=' + encodeURIComponent(location.href)

+```

+

+# 現在のページのタイトルをポップアップで表示

+```javascript

+javascript: void(function(){prompt(document.title, document.title);})()

+```

+

+# 現在のページのタイトルとURLをポップアップで表示

+```javascript

+javascript: void(function () {

+ var title = document.title.replace(/\|/g, '-');

+ var uri = location.href;

+ prompt(title + '\n' + uri, title + '\n' + uri + '\n');

+})()

+```

+

+# 現在のページのタイトルとURLをポップアップで表示(PukiWiki用)

+```javascript

+javascript: void(function () {

+ var title = document.title.replace(/\|/g, '-');

+ var uri = location.href;

+ prompt(title + '\n' + uri, '[[' + title + ':' + uri + ']]');

+})()

+```

+

+# 現在のページのタイトルとURLをポップアップで表示(Markdown用)

+```javascript

+javascript: (function(title, uri) {

+ prompt(title + '\n' + uri, '[' + title + '](' + uri + ')');

+})(document.title, location.href);

+```

+

+# 現在の画像のファイル名とURLをポップアップで表示(Markdown Image用)

+```javascript

+javascript: (function(uri) {

+ uri.match(/([^\/\\]+)\.[0-9A-Za-z]+$/);

+ var title = RegExp.$1;

+ prompt(title + '\n' + uri, '');

+})(location.href);

+```

+

+# １つ上のフォルダに移動

+```javascript

+javascript: location = location.href.replace(/[^\/]*\/?$/, '');

+```

+

+# 前のページに移動

+```javascript

+javascript: location = location.href.replace(/([0-9]+)([^0-9]*)$/, function(whole, p1, p2) {

+ return (p1 - 1) + p2;

+});

+```

+

+# 次のページに移動

+```javascript

+javascript: location = location.href.replace(/([0-9]+)([^0-9]*)$/, function(whole, p1, p2) {

+ return (p1 - 0 + 1) + p2;

+});

+```

+

+# Locationオブジェクトのプロパティを表示

+```javascript

+javascript: (function () {

+var result = '<table border="1">\n<tr><th>Property</th><th>Type</th><th>Value</th></tr>\n';

+for (var p in location) {

+ if (p == 'href' || p == 'search' || p == 'hash') {

+ var param = location[p].replace(/([\?&#])/g, '<br>$1');

+ result += '<tr><td>' + p + '</td><td>' + typeof (location[p]) + '</td><td>' + param + '</td></tr>\n';

+ } else {

+ result += '<tr><td>' + p + '</td><td>' + typeof (location[p]) + '</td><td>' + location[p] + '</td></tr>\n';

+ }

+};

+result += '</table>';

+var docNew = window.open('', '_blank').document;

+docNew.open('text/html');

+docNew.write('<html><body>\n' + result + '</body></html>');

+docNew.close();

+})();

+```

+

+# flashvarsの値を表示

+```javascript

+javascript: (function () {

+ var flashvars = '';

+ var elmParams = document.getElementsByTagName('param');

+ if (elmParams.length) {

+ for (var i = 0; i < elmParams.length; ++i) {

+ if (elmParams[i].getAttribute('name') == 'flashvars') {

+ flashvars += decodeFlashVars(elmParams[i].getAttribute('value'));

+ }

+ }

+ }

+ var elmEmbeds = document.getElementsByTagName('embed');

+ if (elmEmbeds.length) {

+ for (var i = 0; i < elmEmbeds.length; ++i) {

+ var value;

+ if (value = elmEmbeds[i].getAttribute('flashvars')) {

+ flashvars += decodeFlashVars(value);

+ }

+ }

+ }

+ if (flashvars != '') {

+ var oWin = window.open('', '_blank');

+ oWin.document.open('text/html');

+ oWin.document.write('<html><body>\n' + flashvars + '</body></html>');

+ oWin.document.close();

+ } else {

+ alert('flashvars not found');

+ }

+

+ function decodeFlashVars(flashvar) {

+ var params = flashvar.split(/&/).sort();

+ var result = '<table border="1">\n<tr><th>Key</th><th>Value</th></tr>\n';

+ for (var i = 0; i < params.length; ++i) {

+ var kv = params[i].split(/=/);

+ result += '<tr><td>' + kv[0] + '</td>';

+ result += '<td>' + decodeURIComponent(kv[1] || '') + '</td></tr>\n';

+ }

+ result += '</table>\n';

+ return result;

+ }

+})();

+```

+

+# 現在のDOMを表示

+```javascript

+javascript: (function () {

+ var strXML = new XMLSerializer().serializeToString(document.documentElement);

+ var docNew = window.open().document;

+ docNew.open('text/html; charset="UTF-8"').write(htmlEscape(strXML).replace(/[\r\n]+/g, '<br>'));

+ docNew.close();

+

+ function htmlEscape(s) {

+ return s.replace(/[&<>"']/g, function (m) {

+ return '&#x' + m.charCodeAt(0).toString(16) + ';'

+ });

+ }

+})();

+```

+- [DOM操作後のHTMLを取得するブックマークレット - Yahoo!知恵袋](http://note.chiebukuro.yahoo.co.jp/detail/n31331)

+- [XMLのMIMEタイプ » サイキョウライン](http://saikyoline.jp/weblog/2005/07/27/010044.html)

+- [floatingdays: JavaScriptの HTMLエスケープ関数を 140字以内で書いてみる](http://fdays.blogspot.jp/2011/06/javascript-html-140.html)

+

+# 現在のページの Cookie を表示

+```javascript

+javascript: (function() {

+ var html = '';

+ html += '<html><body>';

+ html += '<table border="1">';

+ html += '<tr><th>key</th><th>value</th></tr>';

+ var pairs = document.cookie.split(/\s*;\s*/);

+ for (var i = 0, pair; pair = pairs[i]; ++i) {

+ pair.match(/^\s*([^=]+)\s*=\s*(.*)\s*$/);

+ html += '<tr><td>' + decodeURIComponent(RegExp.$1) + '</td><td>' + decodeURIComponent(RegExp.$2) + '</td></tr>';

+ }

+ html += '</table>';

+ html += '</body></html>';

+ var docNew = window.open('', '_blank').document;

+ docNew.open('text/html; charset=UTF-8');

+ docNew.write(html);

+ docNew.close();

+})();

+```

+

+# 現在のページの localStorage を表示

+```javascript

+javascript: (function() {

+ var html = '';

+ html += '<html><body>';

+ html += '<table border="1">';

+ html += '<tr><th>key</th><th>value</th></tr>';

+ for (var key in localStorage) {

+ html += '<tr><td>' + decodeURIComponent(key) + '</td><td>' + decodeURIComponent(localStorage[key]) + '</td></tr>';

+ }

+ html += '</table>';

+ html += '</body></html>';

+ var docNew = window.open('', '_blank').document;

+ docNew.open('text/html; charset=UTF-8');

+ docNew.write(html);

+ docNew.close();

+})();

+```

+

+# リンクされているzipやlzh、pdfをリストアップ

+- Opera 9.25ではftpサイトで動作しません。<br />

+Firefox 2.0.0.11ではftpサイトでも動作します。

+

+```javascript

+javascript: void(function () {

+ var exts = [

+ 'exe', 'msi', 'reg', 'zip', 'lzh', 'dmg', 'sit', 'hqx',

+ 'pdf', 'txt', 'htm', 'html', 'css', 'js', 'swf',

+ 'jpg', 'jpeg', 'eps', 'png', 'gif', 'tif', 'tiff', 'ico',

+ ];

+ var reExts = new RegExp('^.*\.(' + exts.join('|') + ')$', 'i');

+ var links = document.getElementsByTagName('a');

+ var urls = '';

+ for (var i = 0; i < links.length; i++) {

+ if (links[i].href && links[i].href.match(reExts)) {

+ urls += links[i].href + '<br>\r\n'

+ }

+ }

+ if (urls != '') {

+ var docNew = window.open('', '_blank').document;

+ docNew.open('text/html');

+ docNew.write('<html><body>\n' + urls + '</body></html>');

+ docNew.close();

+ }

+})()

+```

+

+# ページの更新日時をポップアップ

+```javascript

+javascript: void(function () {

+ var title = '更新日時' + ((frames.length > 0)

+ ? '\nフレームが使われています。正しい日時が得られていないかもしれません。'

+ : '');

+ prompt(title, new Date(window.document.lastModified).toLocaleString());

+})();

+```

+

+# 現在のページのレスポンスヘッダを表示

+```javascript

+javascript: (function(uri) {

+ var req = new XMLHttpRequest();

+ req.onreadystatechange = function() {

+ if (req.readyState === 4) {

+ var regHeader = /^\s*([^:]+):\s*([\s\S]+)\s*$/;

+ var result = '<table border="1">\n<tr><th>Response Header</th><th>Value</th></tr>\n';

+ var headers = req.getAllResponseHeaders().replace(/\s+$/, '').split(/\r?\n/).sort();

+ for (var i = 0, header; header = headers[i]; ++i) {

+ if (regHeader.exec(header)) {

+ result += '<tr><td>' + RegExp.$1 + '</td><td>' + RegExp.$2 + '</td></tr>\n';

+ }

+ }

+ result += '</table>\n';

+ var docNew = window.open('', '_blank').document;

+ docNew.open('text/html');

+ docNew.write('<html><body>\n' + result + '</body></html>');

+ docNew.close();

+ }

+ };

+ req.open('GET', uri, false);

+ req.send(null);

+})(location.href);

+```

+- [Accessing the web page's HTTP Headers in JavaScript - Stack Overflow](https://stackoverflow.com/questions/%32%32%30%32%33%31)

+

+# 選択した時刻文字列(EST, -05:00)をローカル時刻(JST, +09:00)に変換

+- [JavaScript/選択範囲/選択状態のテキストを扱う - yanor.net/wiki](http://yanor.net/wiki/?JavaScript%2F%E9%81%B8%E6%8A%9E%E7%AF%84%E5%9B%B2%2F%E9%81%B8%E6%8A%9E%E7%8A%B6%E6%85%8B%E3%81%AE%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88%E3%82%92%E6%89%B1%E3%81%86)

+

+```javascript

+javascript: (function () {

+var SrcTimeZone = '-05:00';

+var src = (window.getSelection().rangeCount)

+ ? window.getSelection().getRangeAt(0).cloneContents().firstChild.nodeValue

+ : prompt('Time in ' + SrcTimeZone);

+if (src) {

+ var date = new Date(src + ' ' + SrcTimeZone);

+ var year = padZero(date.getFullYear(), 4);

+ var month = padZero(date.getMonth() + 1, 2);

+ var day = padZero(date.getDate(), 2);

+ var wday = new Array("日", "月", "火", "水", "木", "金", "土")[date.getDay()];

+ var hour = padZero(date.getHours(), 2);

+ var min = padZero(date.getMinutes(), 2);

+ var sec = padZero(date.getSeconds(), 2);

+ var jst = year + '-' + month + '-' + day + ' (' + wday + ') ' + hour + ':' + min + ':' + sec;

+ prompt(SrcTimeZone + ' -> JST(+09:00)\nSrc: ' + src, jst);

+} else {

+ alert("Invalid Range.");

+}

+

+function padZero(x, n) { /* n: 2 or 4 */

+ return ('0000' + x).slice(-n);

+}

+})();

+```

+

+# 選択した文字列中の非ASCII文字をエスケープ

+```javascript

+javascript: (function() {

+ var src = window.getSelection().rangeCount ?

+ window.getSelection().getRangeAt(0).cloneContents().firstChild.nodeValue :

+ prompt('Paste string');

+ var enc = '';

+ for (var i = 0; i < src.length; ++i) {

+ var code = src.charCodeAt(i);

+ enc += 0x20 <= code && code < 0x7f ?

+ src.charAt(i) :

+ '&#x' + code.toString(16) + ';';

+ }

+ prompt('encoded', enc);

+})();

+```

+

+# ニコニコ動画のタイトルとIDを抽出

+```javascript

+javascript:void(function(){

+var title = (document.title.match(/(.+)\s‐\s[^\‐]+$/))[1];

+title = title.replace( /([Ａ-Ｚａ-ｚ０-９＿　])/g, function(ch){

+ return String.fromCharCode(ch.charCodeAt(0)-65248);

+});

+var vid = (location.href.match(/watch\/([^\?]+)/))[1];

+prompt( 'Nico Video', '[[' + title + '>Nico:' + vid + ']]' );

+})()

+```

+

+# Ustream のチャンネル (PukiWiki用)

+```javascript

+javascript:(function(){

+prompt( 'UstCh', '[[UstCh:' + ( location.href.match( /\/channel\/(.+)/ ))[1] + ']]' );

+})();

+```

+

+# Ustream の録画済み番組へのリンク (PukiWiki 用)

+```javascript

+javascript:void(function(){

+var elm = document.getElementById( 'VideoTitle' );

+location.href.match( /\/recorded\/(\d+(\/highlight\/\d+)?)/ );

+var RecChannel = RegExp.$1;

+prompt( 'Ustream Recorded', '[[' + elm.textContent + '>UstRec:' + RecChannel + ']]' );

+})()

+```

+

+# Ustream を全画面で見る

+```javascript

+javascript:void(function(){

+location.href = 'http://www.ustream.tv/flash/live/' + ustream.vars.channelId;

+})()

+```

+

+# http://srad.jp/ の記事のタイトルとIDを抽出

+- セクション名が付いている場合に対応。(2015/06/02)

+- ホスト変更に対応。(2015/05/12)

+- タイトルの並び順変更に対応。(2011/09/23)

+- システム変更に対応。(2011/08/31)

+<!---- headエレメントではなくdocument.titleを参照するようにした。(2010/04/28)-->

+

+```javascript

+javascript: (function() {

+ var title = document.title;

+ title = title.replace(/\s+\|\s+スラド.*$/, "");

+ var link = (location.href.match(/\/story\/(\d+\/\d+\/\d+\/\d+)/))[1];

+ prompt('SlashDotJp: ' + link + '\n' + title, '[[' + title + '>SlashDotJp:' + link + ']]');

+})();

+```

+

+# Amazon の ASIN を抜き出す (PukiWiki 用)

+```javascript

+javascript: (function() {

+ var authers = [];

+ var elmBooksTitle = document.getElementById('booksTitle');

+ var links = (elmBooksTitle ? elmBooksTitle : document).getElementsByTagName('A');

+ for (var i = 0, link; link = links[i]; ++i) {

+ if (link.href.match(/field-author|_athr_/) || link.className.split(/\s/).indexOf('contributorNameID') >= 0) {

+ var auther = link.textContent.replace(/\s/, "");

+ if (!auther.match(/著者ページを見る$|検索結果/)) {

+ authers.push(auther);

+ }

+ }

+ }

+ var ASIN = (location.href.match(/[\/\?](dp|ASIN|product|product-description|samples)[\/=]([0-9A-Z]{10})/))[2];

+ prompt(authers.join("\n") + "\n" + ASIN, ((authers.length > 0) ? authers.join(",") + "/" : "") + "&amazon(" + ASIN + ");");

+})();

+```

+

+# twitter の発言者へのリンク (PukiWiki 用)

+```javascript

+javascript: (function () {

+ location.pathname.match(/^\/([^\/]+)(\/.*)?/);

+ var dispName = RegExp.$1;

+ var fullName = (!RegExp.$2)

+ ? scanElements('h1', 'fullname')

+ : scanElements('strong', 'fullname');

+ var name = fullName + ' (' + dispName + ')';

+ prompt(name, '[[' + name + '>Twitter:' + dispName + ']]');

+

+ function scanElements(tagName, className) {

+ var ret = '';

+ var elms = document.getElementsByTagName(tagName);

+ for (var i = 0; i < elms.length; ++i) {

+ if (elms[i].className.slice(0, className.length) == className) {

+ ret = elms[i].innerText.replace(/^\s+|\s+$/g, '');

+ break;

+ }

+ }

+ return ret;

+ }

+})();

+```

+

+# twitter の発言へのリンク

+```javascript

+javascript:(function(){

+var fullName = '';

+var userLink = '';

+var description = '';

+var message = '';

+var elms = document.getElementsByTagName( 'a' );

+for( var i=0; i<elms.length; ++i ){

+ if ( elms[i].className == 'tweet-user-block-screen-name user-profile-link' ){

+ fullName = elms[i].title;

+ userLink = elms[i].href;

+ break;

+ }

+}

+var elms = document.getElementsByTagName( 'div' );

+for( var i=0; i<elms.length; ++i ){

+ if ( elms[i].className == 'tweet-text tweet-text-large' ){

+ description = elms[i].textContent || elms[i].innerText;

+ break;

+ }

+}

+var exLinks = [];

+checkLink( /^(.*)\s*(#\w+)\s*$/, linkTwitHash );

+checkLink( /^(.*)\s*(http\:\/\/[^\s]+)\s*$/, function(x){ return x; } );

+checkLink( /^(.*)\s*(#\w+)\s*$/, linkTwitHash );

+message += '[[' + fullName + '>' + userLink + ']]';

+message += '「[[' + description + '>' + location.href + ']]';

+for( var i=exLinks.length; --i>=0; ){

+ message += ' [['+exLinks[i].key+'>'+exLinks[i].url+']]';

+}

+message += '」';

+prompt( 'twitLink', message );

+

+function checkLink( regex, func ){

+ while( description.match(regex) ){

+ description = RegExp.$1;

+ exLinks.push({

+ 'key': RegExp.$2,

+ 'url': func(RegExp.$2),

+ });

+ }

+}

+

+function linkTwitHash(x){

+ return 'http://twitter.com/#!/search?q=' + encodeURIComponent(x);

+}

+})();

+```

+

+# twitter の発言へのリンク (日時付き, PukiWiki用)

+- [Twitter API 仕様書 (勝手に日本語訳シリーズ)](http://watcher.moe-nifty.com/memo/2007/04/twitter_api.html) @ [[観] 観測気球](http://watcher.moe-nifty.com/)

+

+```javascript

+javascript:(function(){

+var host = location.protocol + '//' + location.host;

+location.href.match( /([^\/]+\/[^\/]+\/([^\/]+))$/ );

+var TwitUrl = RegExp.$1;

+var statusId = RegExp.$2;

+

+var httpRequest = false;

+if ( window.XMLHttpRequest ){

+ /* Firefox, Opera など */

+ httpRequest = new XMLHttpRequest();

+ httpRequest.overrideMimeType('text/xml');

+} else if( window.ActiveXObject ){

+ /* IE */

+ try {

+ httpRequest = new ActiveXObject('Msxml.XMLHTTP');

+ } catch(e){

+ httpRequest = new ActiveXObject('Microsoft.XMLHTTP');

+ }

+}

+

+httpRequest.abort();

+httpRequest.open( 'GET', host + '/statuses/show/' + statusId + '.json', true );

+httpRequest.onreadystatechange = function(){

+ if ( httpRequest.readyState == 4 && httpRequest.status == 200 ){

+ var statusInfo = eval( '(' + httpRequest.responseText + ')' );

+ /* alert( _dump( statusInfo ) ); */

+ var date = new Date( statusInfo.created_at );

+ prompt(

+ date.toLocaleString() + '\n' + statusInfo.text,

+ '[[' + date.toLocaleString() + '>Twitter:' + TwitUrl + ']]&br;'

+ + statusInfo.text + '\n'

+ );

+ }

+};

+httpRequest.send( null );

+

+function _dump( obj ){

+ var ret = '';

+ for( var p in obj ){

+ if ( typeof(obj[p]) == 'object' ){

+ ret += '\n' + p + ':\n';

+ ret += _dump( obj[p] );

+ } else {

+ ret += p + ': ' + obj[p] + '\n';

+ }

+ }

+ return ret;

+}

+})();

+```

+

+# twitter の表示されているタイムラインを単純テキスト化

+- 発言時刻を相対値ではなく絶対値にする。

+- 発言の個別 URI を表示する。

+- 発言中のリンクを展開する。

+- 発言中の「<>」を実体参照に変換。(2012/07/02, 発言全体をencodeURI()すると漢字等もエスケープされてしまうので不採用)

+- ScreenName の前に「/#!/」を付けるのをやめ、「/」だけに変更。(2012/08/13)

+- 「認証済みアカウント」がリンクにならないように変更。(2013/02/20)

+

+- [Introduction to using XPath in JavaScript - MDN](https://developer.mozilla.org/ja/Introduction_to_using_XPath_in_JavaScript)

+- [多趣旨の国](http://uhyohyohyo.sakura.ne.jp/) / [JavaScript初級者から中級者になろう](http://uhyohyohyo.sakura.ne.jp/javascript.html) / [十章第三回 属性の取得と型](http://uhyohyohyo.sakura.ne.jp/javascript/10_3.html)

+- [素人がプログラミングを勉強するブログ](http://d.hatena.ne.jp/javascripter/) / [XPath入門、実用例](http://d.hatena.ne.jp/javascripter/20080425/1209094795)

+

+```javascript

+javascript: (function () {

+var sTwHost = 'https://twitter.com';

+var itrOriginalTweets = getIteratorByXpath('//div[starts-with(@class,"tweet original-tweet")]', document);

+var sTweets = '';

+var sNow = new Date().toLocaleString();

+sTweets += sNow + '<br>\n';

+try {

+ var nodeTweet;

+ while (nodeTweet = itrOriginalTweets.iterateNext()) {

+ var sUserName = getStringByXpath('./div/div/a[starts-with(@class,"account-group")]/strong', nodeTweet);

+ var isVerified = getStringByXpath('./div/div/a[starts-with(@class,"account-group")]/strong/span[starts-with(@class,"icon verified")]', nodeTweet);

+ if ( isVerified ){

+ sUserName = sUserName.replace( new RegExp( isVerified + '$' ), '' );

+ }

+ var sScreenName = getStringByXpath('./@data-screen-name', nodeTweet);

+ /* var sDateTime = getStringByXpath( './div/div/small/a/@title', nodeTweet ); */

+ var nDateTime = 1 * getStringByXpath('./div/div/small/a/span/@data-time', nodeTweet);

+ if (nDateTime < 1151679600 * 1000) { /* 2006-07-01 以前だったら ms 単位に変換 */

+ nDateTime *= 1000;

+ }

+ var sDateTime = new Date(nDateTime).toLocaleString();

+ var sTweetId = getStringByXpath('./@data-tweet-id', nodeTweet);

+ var sTweetUrl = sTwHost + '/' + sScreenName + '/status/' + sTweetId;

+ sTweets += '----<br>\n';

+ sTweets += '<a href="' + sTwHost + '/' + sScreenName + '" target="_blank">' + sUserName + '</a>\t';

+ sTweets += ( isVerified ) ? '[' + isVerified + ']\t' : '';

+ sTweets += '<a href="' + sTwHost + '/' + sScreenName + '" target="_blank">@' + sScreenName + '</a>\t';

+ sTweets += sDateTime + '<br>\n';

+ sTweets += '<a href="' + sTweetUrl + '" target="_blank">' + sTweetUrl + '</a><br>\n';

+ sTweets += getStringByXpath('./div/p', nodeTweet).replace(/^\s+|\s+$/g, '').replace(/[<>]/g, function (c) {

+ return '&#' + c.charCodeAt(0) + ';'

+ }).replace(/[\r\n]+/g, '<br>\n') + '<br>\n';

+ var itrLinks = getIteratorByXpath('./div/p/a', nodeTweet);

+ if (itrLinks) {

+ var nodeLink;

+ while (nodeLink = itrLinks.iterateNext()) {

+ var sLinks = getStringByXpath('./@data-ultimate-url', nodeLink)

+ || getStringByXpath('./@data-expanded-url', nodeLink) || getStringByXpath('./@href', nodeLink);

+ if (sLinks.slice(0, 1) == '/') {

+ sLinks = sTwHost + sLinks;

+ }

+ sTweets += '<a href="' + sLinks + '" target="_blank">' + sLinks + '</a><br>\n';

+ }

+ }

+ }

+} catch (e) {

+ alert('Error: ' + e);

+}

+var winOutput = window.open('', '_blank');

+winOutput.document.open('text/html; charset=UTF-8');

+winOutput.document.write('<html>\n<head><title>TwTextifier ' + sNow + '</title></head>\n<body>\n');

+winOutput.document.write(sTweets);

+winOutput.document.write('</body>\n</html>\n');

+winOutput.document.close();

+

+function getIteratorByXpath(xpath, context) {

+ return document.evaluate(xpath, context, null, XPathResult.ORDERED_NODE_ITERATOR_TYPE, null);

+}

+

+function getStringByXpath(xpath, context) {

+ var sRet = "";

+ var nodeTmp = document.evaluate('string(' + xpath + ')', context, null, XPathResult.STRING_TYPE, null);

+ if (nodeTmp) {

+ sRet = nodeTmp.stringValue;

+ }

+ return sRet;

+}

+})();

+```

+

+# twitter の発言を twittaku で確認

+```javascript

+javascript:(function(url){

+if ( location.host == 'twitter.com' ){

+ if ( url.match( /\/status\/(\d+)/ ) ){

+ location = 'http://twittaku.info/view.php?id=' + RegExp.$1;

+ } else if( url.match( /\/([^\/]+)$/ ) ){

+ location = 'http://twittaku.info/searchtweet.php?type=name&word=' + RegExp.$1;

+ }

+}

+})(location.href);

+```

+

+# twitter.com から twilog.org へ転送

+```javascript

+javascript: (function () {

+ if (location.hostname == 'twitter.com' && location.pathname.match(/^\/([0-9a-zA-Z_]+)/)) {

+ location = 'http://twilog.org/' + RegExp.$1;

+ }

+})();

+```

+

+# togetter へのリンク (PukiWiki 用)

+```javascript

+javascript:(function(){

+if ( location.href.match( /^http:\/\/togetter.com\/(\w)([^\/]+)\/(.*)/ ) ){

+ var type = 'Toget' + RegExp.$1.toUpperCase() + RegExp.$2;

+ var id = RegExp.$3;

+ var title = document.title.replace( /\s+-\s+Togetter$/, "" );

+ prompt(

+ type + ': ' + id + '\n' + title,

+ '[[' + title + '>' + type + ':' + id + ']]'

+ );

+}

+})();

+```

+

+# twemoji を現在のページに適用

+```javascript

+javascript: (function() {

+ var twemojiStyleElm = document.createElement('style');

+ twemojiStyleElm.type = 'text/css';

+ twemojiStyleElm.appendChild(document.createTextNode(

+ 'img.emoji { height: 1em; width: 1em; margin: 0.05em 0.1em; vertical-align: -0.1em; }'

+ ));

+ document.getElementsByTagName('head')[0].appendChild(twemojiStyleElm);

+ var twemojiScriptElm = document.createElement('script');

+ twemojiScriptElm.id = 'twemoji';

+ twemojiScriptElm.type = 'text/javascript';

+ twemojiScriptElm.src = '//twemoji.maxcdn.com/twemoji.min.js';

+ twemojiScriptElm.addEventListener('load', (function(win) {

+ return function() {

+ twemoji.parse(win.document.body);

+ };

+ })(window), false);

+ document.getElementsByTagName('body')[0].appendChild(twemojiScriptElm);

+})();

+```

+- [Open sourcing Twitter emoji for everyone - Twitter Blogs](https://blog.twitter.com/2014/open-sourcing-twitter-emoji-for-everyone)

+- [GitHub:twitter/twemoji](https://github.com/twitter/twemoji)

+

+# WikiPediaへのリンク (PukiWiki 用)

+```javascript

+javascript:(function(){

+location.href.match(/(\w+)\.wikipedia\.org\/wiki\/(.*)/);

+prompt('WikiPedia Link','[[WikiPedia.'+RegExp.$1+':'+decodeURI(RegExp.$2)+']]');

+})();

+```

+

+# CPANへのリンク (PukiWiki 用)

+```javascript

+javascript:(function(){

+location.href.match(/search\.cpan\.org\/dist\/(.*[^\/])\/?/);

+prompt('CPAN Link','[[CPAN:'+RegExp.$1+']]');

+})();

+```

+

+# Pixivプロフィールへのリンク (PukiWiki 用)

+```javascript

+javascript: (function() {

+ if (location.hostname != 'www.pixiv.net') {

+ return;

+ }

+ var userName = '';

+ var h1s = document.getElementsByTagName('h1');

+ for (var i = 0, h1; h1 = h1s[i]; ++i) {

+ if (h1.className == 'user') {

+ userName = h1.textContent;

+ break;

+ }

+ }

+ location.href.match(/member.php\?id=(\d+)/);

+ prompt('Pixiv Member', '[[' + userName + '>PixivMember:' + RegExp.$1 + ']]');

+})();

+```

+

+# Pixivイラストへのリンク (PukiWiki 用)

+```javascript

+javascript:(function(){

+if ( location.hostname == 'www.pixiv.net' ){

+ var Title = '';

+ var IllustId = pixiv.context.illustId;

+ var elmMetas = document.getElementsByTagName('meta');

+ for(var i=0; i<elmMetas.length; ++i){

+ if(elmMetas[i].outerHTML.match(/property="og:title"/)){

+ Title = elmMetas[i].content;

+ } else if(elmMetas[i].outerHTML.match(/property="og:url"/)){

+ IllustId = (elmMetas[i].content.match(/illust_id=(\d+)/))[1];

+ }

+ }

+ if ( !Title ){ /* 小説用 */

+ Title = (document.title.match(/^「([^」]+)」/))[1];

+ IllustId = (location.href.match(/id=(\d+)$/))[1];

+ }

+ var UserId = pixiv.context.userId;

+ var UserName = '';

+ var elmAnchors = document.getElementsByTagName('a');

+ for(var i=0; i<elmAnchors.length; ++i){

+ if(elmAnchors[i].href.match(/member.php\?id=(\d+)/)){

+ UserId = RegExp.$1;

+ UserName = elmAnchors[i].innerText.replace(/^\s+|\s+$/g, '');

+ if ( UserName != 'プロフィール' && UserName != '' ){

+ break;

+ }

+ }

+ }

+ prompt(

+ 'Pixiv Member & Illust',

+ '[[' + UserName + '>PixivMember:' + UserId + ']]'

+ + ' / [[' + Title + '>PixivIllust:' + IllustId + ']] '

+ );

+}

+})();

+```

+

+# GitHub リポジトリのリンク (PukiWiki 用)

+```javascript

+javascript: (function() {

+ if (location.host != 'github.com') {

+ return;

+ }

+ location.pathname.match(/^\/([^\/]+\/[^\/]+)/);

+ var key = RegExp.$1;

+ prompt(key, '[[GitHub:' + key + ']]');

+})();

+```

+

+# Stackoverflow へのリンク (PukiWiki 用)

+```javascript

+javascript: (function(title, uri) {

+ if (!uri.match(/^https?:\/\/(?:(\w+)\.)?stackoverflow.com\/questions\/(\d+)\//)) {

+ return;

+ }

+ var alias = 'Stackoverflow' + (RegExp.$1 != "" ? '.' + RegExp.$1 : '') + ':' + RegExp.$2;

+ prompt(title + '\n' + alias, '[[' + title + '>' + alias + ']]');

+})(document.title, location.href);

+```

+

+# IETF RFC へのリンク (PukiWiki 用)

+```javascript

+javascript: void(function() {

+ if (location.host != 'www.ietf.org' && location.host != 'tools.ietf.org') {

+ return;

+ }

+ var title = document.title;

+ location.pathname.match(/\/(rfc|html)\/rfc(\d+)/);

+ var id = RegExp.$2;

+ prompt(title + '\n' + id, '[[' + title + '>RFC:' + id + ']]');

+})();

+```

+

+# テーブル内の特定のセルの内容をポップアップ

+- [外国為替相場一覧表 - 三菱東京ＵＦＪ銀行](http://www.bk.mufg.jp/gdocs/kinri/list_j/kinri/kawase.html)の「EUR/T.T.S.」をポップアップする。<br />

+参考: [三菱UFJリサーチ&コンサルティング - 外国為替相場 - 1990年以降の為替相場](http://www.murc-kawasesouba.jp/fx/past_3month.php)

+```javascript

+javascript: (function () {

+ var currency = 'EUR';

+ var xpath = '//tr[./td/font[starts-with(text(),"' + currency + '")]]/td[3]';

+ var nodeTmp = document.evaluate(xpath, document, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null);

+ var nodeTarget = nodeTmp.singleNodeValue;

+ if (nodeTarget) {

+ prompt(currency + '/T.T.S.', (nodeTarget.textContent || nodeTarget.innerText).replace(/^\s+|\s+$/g, ''));

+ } else {

+ alert('Not found');

+ }

+})();

+```

+

+# PukiWiki エイリアス

+- body の最初の h2 タグをエイリアス名として抽出

+```javascript

+javascript: (function () {

+var pageTitle = getStringByXpath('//div[@id="body"]/h2[1]', document);

+var pageName = getStringByXpath('//div[@id="header"]/h1[@class="title"]/a', document);

+prompt(pageTitle + '\n' + pageName, '[[' + pageTitle + '>' + pageName + ']]');

+

+function getStringByXpath(xpath, context) {

+ var sRet = "";

+ var nodeTmp = document.evaluate('string(' + xpath + ')', context, null, XPathResult.STRING_TYPE, null);

+ if (nodeTmp) {

+ sRet = nodeTmp.stringValue;

+ }

+ return sRet;

+}

+})();

+```

+[[_TOC_]]

+

+# Node.js Quickstart

+- [Node.js Quickstart - Google Calendar API - Google Developers](https://developers.google.com/google-apps/calendar/quickstart/nodejs)

+

+## Google Calendar API の有効化

+1. [ウィザード](https://console.developers.google.com/start/api?id=calendar)を使って、Google Developers Console に新規プロジェクトを作成するか、既存のプロジェクトを選択する。「続行」をクリックする。「API が有効化されました」と表示されるので「認証情報に進む」をクリックする。

+1. [API Manager](https://console.developers.google.com/apis)で、該当プロジェクトの認証情報を作成する。「OAuth同意画面」タブを選択する。「メールアドレス」を選択し、「ユーザーに表示するサービス名 」を入力する。「保存」をクリックする。

+1. 「認証情報」タブを選択する。「認証情報を作成」ボタンをクリックする。「OAuth クライアント ID」を選択する。

+1. 「アプリケーションの種類」で「その他 」を選択し「名前」に「Google Calendar API Quickstart」を入力する。「作成」をクリックする。

+1. 作成された「OAuth クライアント」の「クライアント ID」と「クライアント シークレット」が表示される。「OK」を押して閉じる。

+1. 「JSON をダウンロード」ボタンをクリックして認証情報をローカルに保存する。

+1. ファイル名を「client_secret.json」に変更する。

+

+## クライアントライブラリをインストール

+```

+$ npm install googleapis --save

+$ npm install google-auth-library --save

+```

+

+## サンプルのセットアップ

+- [quickstart.zip](quickstart.zip)

+- サンプルの実行

+```

+$ node quickstart.js

+```

+- 「許可のリクエスト」ページの URL が表示されるので、ブラウザの URL 欄にコピー＆ペーストし、ページを開く。

+- 「許可」ボタンをクリック。

+- 表示された「コード」をコピーして、コマンドラインにペーストし、エンター。

+[[_TOC_]]

+

+# 概要

+- Google Map API を使って始点終点の経路情報と地図画像を得る。

+- [Google Maps JavaScript API](http://code.google.com/intl/ja/apis/maps/documentation/javascript/reference.html) - [DirectionsService](http://code.google.com/intl/ja/apis/maps/documentation/javascript/reference.html#DirectionsService)を使って経路検索を行ないます。

+- [Static Maps API](http://code.google.com/intl/ja/apis/maps/documentation/staticmaps/)を使って地図画像を得ます。

+- coderepos.org にアクセスできないようなので uneval をコメントアウト。(2013-12-06)

+

+# ソース

+- [gmap.zip](gmap.zip)

+

+## gmap.html

+- [http://www.takeash.net/Etc/gmap.html](http://www.takeash.net/Etc/gmap.html)

+```html

+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

+<html lang="ja">

+<head>

+<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

+<meta http-equiv="Content-Script-Type" content="text/javascript">

+<meta http-equiv="Content-Style-Type" content="text/css">

+<title>Google Map API</title>

+<link rel="stylesheet" type="text/css" href="http://www.takeash.net/take.css">

+<style TYPE="text/css">

+<!--

+.debug {

+ display: none;

+}

+-->

+</style>

+</head>

+<body onload="init()">

+<h1>Google Map API</h1>

+<ul>

+<li><p><a href="http://code.google.com/intl/ja/apis/maps/documentation/javascript/reference.html">Google Maps JavaScript API</a> - <a href="http://code.google.com/intl/ja/apis/maps/documentation/javascript/reference.html#DirectionsService">DirectionsService</a>を使って経路検索を行ないます。</p></li>

+<li><p><a href="http://code.google.com/intl/ja/apis/maps/documentation/staticmaps/">Static Maps API</a>を使って地図画像を得ます。</p></li>

+</ul>

+<form id="FORMGMAP" action="#">

+<table summary="Map Options" border="1">

+<tr><th>出発地</th><td><input id="START" type="text" value="東京駅"></td></tr>

+<tr><th>目的地</th><td><input id="GOAL" type="text" value="東京ビックサイト"></td></tr>

+<tr><th>手段</th><td>

+<select id="TRAVELMODE">

+<option value="W" selected>徒歩</option>

+<option value="D">自動車</option>

+<option value="B">自転車</option>

+</select>

+</td></tr>

+<tr><th>マップタイプ</th><td>

+<select id="MAPTYPE">

+<option value="R" selected>道路地図</option>

+<option value="S">航空写真</option>

+<option value="T">地形図</option>