サクサク読めて、アプリ限定の機能も多数！
トップへ戻る
ブラックフライデー
www.openspc2.org
バージョン別になっていたリファレンスを一ヶ所にまとめました。 自動的にページが切り替わらない場合は以下のリンク文字をクリックするとトップページに移動します。 [InDesign JavaScript reference]
このページはAdobe Systems（アドビシステムズ）社のIllustrator CC 2015をJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。 Illustrator CC 2015はJavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです。つまりInDesign CS〜CC 2015、AfterEffects 6.5〜CC 2015、Photoshop CS〜CC 2015、Bridge 1.0〜CCで作成された一部のコードは、そのまま動かす事ができます。これはIllustrator CC 2015独自部分の機能だけを習得すれば良いと言うメリットもあります。 このページに掲載されているスクリプトはOS X Yosemite (10.10) のIllustrator CC 2015を基準にして
パスファインダの分割ボタンをクリックします。 もし、パスファインダパレットが表示されていない場合はウィンドウメニューからパスファインダの表示を選択します。
■Ajax : サーバー上のテキストデータを読み込み表示する もっともシンプルなものとしてサーバー上にあるテキスト（プレーンテキスト）を読み込みページ内に表示させるスクリプトです。ここでは確実に表示させるためにテキストは英数字のみで日本語は書かれていないものとします。 まず、Safari, Firefox, Mozilla, Netscape 6以降で以下のスクリプトを実行してみてください。 【サンプルを実行する】 <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Ajax Basic Sample</title> <script type="text/javascript"><!-- function getIndex(getFile) { xmlhttp = n
このページはAfterEffects CCをJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。 AfterEffects CCはJavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトとほぼ同じです（Adobe CS1～CS6,CC バージョンJavaScript ファレンス＆ライブラリのぺージを参照）。つまりPhotoshop CS2～CC、Illustrator CS2～CC、InDesign CS2～CC、Bridge 1～CCなどで作成された一部のコードは、そのまま動かす事ができます。あとはAfterEffects CC独自部分の機能だけを習得すれば良いと言うメリットもあります。また、以前のバージョンであるAfterEffects 6.5～CS6のスクリプトも、そのまま動作します（完全にはチェックしていな
このページはMacのOS X Yosemiteから使用できるようになった自動化用のJavaScript (JavaScript for Automation : JXA) の用例について扱っています。 ＊勉強用に作成したページなので間違いや不具合の出るサンプルがあるかもしれません。致命的なもので、これはまずいというサンプルがありましたらopenspc@alpha.ocn.ne.jpまでメールをください。
このページはAdobe Systems（アドビシステムズ）社のIllustrator CCをJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。 Illustrator CCはJavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです。つまりInDesign CS〜CC、AfterEffects 6.5〜CC、Photoshop CS〜CC、Bridge 1.0〜CCで作成された一部のコードは、そのまま動かす事ができます。これはIllustrator CC独自部分の機能だけを習得すれば良いと言うメリットもあります。 このページに掲載されているスクリプトはMac OS X Snow Leopard (10.6.8) のIllustrator CCを基準にしているため、Mac OS X/OS X (10.7〜1
パソコンとしてmz-700+カセットテープでなくPC-8801+フロッピーディスクを使う人が急増。 ゲームで遊ぶスキルはmz-700でもPC-8801でも変わらない。 しかし、カセットテープ使えないからプログラムが作れない。mz-700はカセットテープでBASICを読み込み、その上でプログラムを作らないといけない。しかし、カセットテープ使えずフロッピーディスクを使う子が増えている。 彼らの扱うフロッピーディスクのスピードにデカルチャーを感じる。とてもカセットテープで読み込み3分待つなんて、まどろっこしくてやってられないと思う。 もちろんBASICでゲームを作るなんてことは至難の技。 カセットテープから読み込む3分間の瞑想時間がフロッピーディスクでは消えてしまった。 Dr.マイコン PC-8801世代になって学生のmzスキルが急落。パソコン学習の見直しが行われているけど、事態の深刻さを見てい
このページはAdobe Systems（アドビシステムズ）社のPhotoshop CC 2014をJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。サンプルは(Mac) OS X (10.9)上で動作させたものです、このため、Mac OS Xの他のバージョンやWindows上での動作とは異なる可能性があります。 Photoshop CC 2014は基本的には以前のCS1〜CCの延長上にあります。このため、JavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです。つまりInDesign CS〜CC 2014、AfterEffects 6.5〜CC 2014、Illustrator CS2〜CC 2014、Bridge 1〜CCで作成された一部のコードは、そのまま動かす事ができます（Dreamweaverや
<body> <h1>Adobe CC バージョンJavaScript ファレンス</h1> Last update : 2012/3/24 PM 9:52<br> <br> <div class="description"> Adobe Systemsから発売されているアプリケーションはJavaScriptによって制御することができます。旧マクロメディア製品であるDreamweaver、Fireworks、Flashはベースが異なるので、ここで掲載しているサンプルは動作しません。これ以外のPhotoshop CS6, InDesign CS6, Illustrator CS6, Bridge CS6, ExtendScript Toolkit CS6、AfterEffects CS6、Encore CS6、Premiere CS6、MediaEncoder CS6などはアプリケーション固
中級編３です。今回はMacで必ずといっていい程、使用されるグラフィック、それもオフスクリーンの初歩について説明します。 ◆仮想画面（オフスクリーン）とは 仮想画面（オフスクリーン）というのは、メモリ内部に確保された見えない画面、つまり仮想的な画面です。ゲームなどには結構使われるのですが、オフスクリーンについて丁寧に書かれた本が少なかったりして苦労する人も多いのではないでしょうか？ オフスクリーンの使い方が分かれば、作るプログラムの幅が一気に拡大します。とは言っても大事なのは元ネタ。でも、アイデアを実現するだけの技術も必要ですね。 今回は仮想画面（オフスクリーン）の作り方、描画の仕方、転送の仕方、仮想画面（オフスクリーン）の廃棄についてそれぞれ説明します。 ◆仮想画面の作り方 仮想画面（オフスクリーン）を作るのは実は簡単です。まず、グローバル変数の宣言で次のようにしておきます。 DIM of
今回はインターネット上にある画像ファイルを読み込みPhotoshop CS3/CS4で加工処理した後、画像を別名で保存します。Photoshop CS3/CS4にはソケット通信機能がありますが、画像などのダウンロードはBridge CS3/CS4を経由する方が簡単です。基本的な方法はこれまでと同じです。サンプルでは読み込み、保存する画像形式はJPEGですが、PSDでもTIFFでも可能です。画像形式はPhotoshop CS3/CS4で読み込めるものであれば大丈夫です。ただし、ファイルが壊れていたり拡張子と実際の画像形式が合っていない場合にはエラーが発生します。サンプルではエラーの処理は行っていません。通信エラーがない限りは大丈夫だとは思います。 まず、以下のスクリプトで読み込むファイルがあるURLを変更してからホームフォルダにgetImageData.jsxというファイル名で保存します。
このページはAdobe Systems（アドビシステムズ）社のPhotoshop CCをJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。サンプルは(Mac) OS X (10.9.1)上で動作させたものです、このため、Mac OS Xの他のバージョンやWindows上での動作とは異なる可能性があります。 Photoshop CCは基本的には以前のCS1〜CS6からの延長上にあります。このため、JavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです。つまりInDesign CS〜CC、AfterEffects 6.5〜CC、Illustrator CS2〜CC、Bridge 1〜CCで作成された一部のコードは、そのまま動かす事ができます（DreamweaverやFireworksは駄目）。Photos
このページはApple社が開発したプログラミング言語であるSwiftの用例を扱っています。Swift言語のバージョンは1.0で実行環境としているのは(Mac) OS X Mavericks (10.9)およびYosemite (10.10)です。なお、Swiftのビルドバージョンによってはコマンドラインオプションが変わっている場合があります。 ＊勉強用に作成したページなので間違いや不具合の出るサンプル、適切ではないコードがあるかもしれません。相当に致命的なもので、これはまずいというサンプルがありましたらopenspc@alpha.ocn.ne.jpまでメールをください。
縦中横にする（縦書きの時に半角文字を回転させる） 縦中横にする文字を選択します。 文字パレットのメニューから縦中横を選択します。 文字が縦中横になります。
説明 D3.jsで円グラフを角度0から360度までアニメーションさせながら描くにはattrTween()メソッドを使います。最初のパラメーターには"d"を指定します。2番目のパラメーターには関数を指定します。この関数内で円グラフの各ピース部分に応じて角度を設定します。開始角度などの設定はd3.interpolate()メソッドを使って行います。最初のパラメーターに開始角度と終了角度をオブジェクトリテラル型式で指定します。つまり{ startAngle : 0, endAngle : 0 }のように指定します。これは開始角度、終了角度とも最初は0度から始まることを示しています。2番目のパラメーターではアニメーションの最後の開始角度と終了角度を指定します。開始角度は関数に渡されたオブジェクトのstartAngleに入っているのでd.startAngleと指定します。終了角度はd.endAngl
説明 D3.jsで折れ線グラフを2つ描くにはd3.svg.line()メソッドを使います。1つの折れ線グラフを描く方法はこちらのページを参照してください。2つの折れ線グラフを描く場合は、あらかじめデータを用意しておきます。append()により線を追加する際に、もう1つの折れ線グラフを描画するためのデータを指定します。データがあれば、複数の折れ線グラフをいくつでも描くことができます。 サンプル [サンプルを実行する] [サンプルをダウンロード] HTMLソース <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>D3.js サンプル</title> <link rel="stylesheet" href="css/main.css"> <style> svg { border: 1px solid black; } </s
このページはD3.jsの用例を扱っています。D3.jsのD3はData-Driven Documentsを意味しています。 D3.jsの入門書、発売中です。D3.jsについて学習したい人はぜひどうぞ。 Kindle版が発売されました。また、Google Play、楽天Koboでも購入できるようになりました。 更新情報はTwitter (@openspc)でアナウンスしています。 ＊勉強用に作成したページなので間違いや不具合の出るサンプルがあるかもしれません。致命的なもので、これはまずいというサンプルがありましたらopenspc@alpha.ocn.ne.jpまでメールをください。
このページはInDesign CCをJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。CC以前の自動化ページは以下に用意してあります。なお、CS5.5は購入していないためページはありません。 InDesign CS自動化作戦のページ InDesign CS2自動化作戦のページ InDesign CS3自動化作戦のページ InDesign CS4自動化作戦のページ InDesign CS5自動化作戦のページ InDesign CS6自動化作戦のページ 2014年1月時点ではInDesignのScripting Guide/Referenceは用意されていないようです。CS6のScripting Guideに関しては以下のページにPDFとして用意されています。 ●InDesign ScriptingGuide.pdf リファレンスではありませんが、以下のサイト
このページはAdobe Premiere CCをJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。 Adobe Premiere CCはJavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトとほぼ同じです（Adobe CS1〜C6, CCバージョンJavaScript ファレンス＆ライブラリのぺージを参照）。つまりPhotoshop CS2〜CC、Illustrator CS2〜CC、InDesign CS2〜CC、Bridge 1〜CCなどで作成された一部のコードは、そのまま動かす事ができます。あとはPremiere CC独自部分の機能だけを習得すれば良いと言うメリットもあります。なお、GUIやソケット通信などは動作しません。プロジェクト内の項目（映像・フッテージファイル）も、あまり操作できません。 レイ
スタイルシートファイルを切り替えるには<link>タグのhref属性に新しく設定するスタイルシートファイルのURLを設定します。<link>タグが複数ある場合には、個別のID名を割り当てておくか、document.getElementsByTagName("link")として配列で参照し設定を行うことができます。 サンプルコード [実行] <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>JavaScript Sample</title> <link rel="stylesheet" type="text/css" href="main.c
説明 エレメントの絶対座標値を取得するにはgetBoundingClientRect()を使います。戻り値はオブジェクトで左の座標値はleft、上の座標値はtopプロパティに入ります。座標値は小数値になります。また、スクロール量は加算されません。getBoundingClientRect()はFirefox 3以降およびIEで使うことができます。 サンプルプログラム window.onload = function(){ var ele = document.getElementById("myBox"); var bounds = ele.getBoundingClientRect(); var x = bounds.left; var y = bounds.top; document.getElementById("result").innerHTML = "("+x+","+y+")
このページはGoogleが販売しているタブレットの「Nexus 7 (2013年発売モデル)」についての使い方を説明しています。Nexus 7はGoogle Playのページから購入することができます。 旧型である2012年発売モデルのNexus 7の使い方についてはNexus 7 (アンドロイドタブレット) 使い方辞典を参照してください。 Nexus 9の使い方についてはNexus 9 (アンドロイドタブレット) 使い方辞典を参照してください。 Nexus 10の使い方についてはNexus 10 (アンドロイドタブレット) 使い方辞典を参照してください。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。なお、うちはGoogleのサポート屋さんでも販売店でもないので、ハードやサービスに関係するトラブルなどは各販売店やグーグルにお問
前項ではサーバー上のテキストファイルを読み込みました。ここではHTMLファイルを読み込みページ上に表示します。HTMLファイルだからといっても特別な処理は不要です。テキストファイルを読み込むのと同じです。唯一異なるのがページ上に表示する際にinnerHTMLプロパティに読み込んだデータ(responseText)を入れるという点です。以下のスクリプトは2種類のHTMLファイルを読み込み表示します（サンプルを実行する）。 <html> <head> <meta http-equiv="content-type" content="text/html;charset=shift_jis"> <title>サーバー上のHTMLファイルを読み込む</title> <script type="text/javascript" src="xmlhttp.js"></script> <script ty
ここでは新規にInDesignで電子書籍データ（ePub形式）を作成する方法について説明しますが、InDesignの場合PDFでの電子書籍にするのがもっともコストがかからず手軽です。ここでは、どうしてもInDesignでePubやアマゾンのKindleで使われている形式にしなければいけない人向けに説明を行います。（ここで解説／使用しているデータをダウンロードする） まず、ePub形式のデータをInDesignで作成するにはCS3以降が必要です。CS2やCSの場合はアップグレード／バージョンアップする必要があります。 InDesignを起動する前に、あらかじめ使用する画像データのファイル名を英数字に変更しておきます。画像ファイル名には日本語は使用しないようにしてください。つまり以下のように画像ファイルが英文字になっていないといけません（日本語ファイル名ではトラブルが発生する可能性が大きくなり
document.getElementsByName()を使うとページ上にある同じ名前のエレメント（ラジオボタン）を取得することができます。これはラジオボタンで同じ名前（グループ名）を指定するため、このメソッドを使うことで特定のラジオボタングループの情報を取得することができます。取得したラジオボタンのcheckedプロパティを調べることで、どのラジオボタンが選択されているかを取得することができます。 サンプルコード [実行] <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>JavaScript Sample</title> <link r
ページが読み込まれたら処理を呼び出すonloadの書き方 ページが読み込まれたら何か処理を行わせる場合、<body onload="～">のようにbodyタグにonloadを記述してスクリプトを呼び出すことは多いでしょう。例えば以下のようにページが表示されたらアラートダイアログを表示する、という場合にはbodyタグのonloadイベント部分にスクリプトを書く事になります（多くの場合は関数を呼び出して処理を行うはずです）。【サンプル1を実行】 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>Sample</title> </head> <b
次のページ
このページを最初にブックマークしてみませんか？
『JavaScript/HTML5, iPhone/Android, ハイビジョン映像, 自動化関連：[OpenSpace]』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
