株式会社シーティーイーは、コンテンツ作りで東京と秋田を結ぶ会社です。お気軽にご相談ください。JavaScriptノススメTweetPocketJavaScriptノススメみなさまお疲れ様です。ベータ試験』というものを受けました。Web業界を取り巻く環境の変化に対応するため、出題範囲の見直しが行わるということです。本試験問題への妥当性や内容の検証、受講者のフィードバックのためのベータ試験という位置付けでした。合格すれば資格取得に至ります。詳しくは以下をご覧ください。レベル1(http://html5exam.jp/outline/lv1.html)レベル2(http://html5exam.jp/outline/lv2.html)そろそろ結果が送られてくるころですが自信ありません。orzですが、合否関係なく日々JavaScriptの勉強を続けていこうと思います。(レベル2は主にJavaScriptが試験内容です。)そんな感じなので(?)今月はJavaScriptとAdobeソフトをネタにしたいと思います。2年くらい前から休日の時間を利用し、勉強がてらInDesignの文字スタイルから色々な設定値を取得するJavaScriptを書いています。完成はいつになるやら。疑問に思ったので色々と試してみました。上からInDesign、Illustrator、PhotoshopそれぞれRGBモードでドキュメントを作成し、文字を入力。文字ツールで選択している文字とフォント、スタイル、サイズ、色を画面に表示する仕様とする。文字の設定を以下のようにしました。Toolkit」を使用します。▲各アプリを切り替えて実行します。myColor);色々と検証してみましたが、for文を用いないと取得できないようです。色は「fillColor.colorValue」で取得できますが配列になるので番地を指定して各色に振り分けます。※ptなど、単位は環境設定で選ばれているものを表示することができますが今回は割愛します。myColor);InDesignとは異なり、for文を使用しないで取得できます。色は「fillColor.red」「fillColor.green」「fillColor.blue」のように単色で取得できます。B:"+myFontBlueColor;alert(myContents+"\r\n"+myFontName+"\r\n"+myFontSize+"\r\n"+myColor);InDesignやIllustratorとは異なり、文字ツールで文字を選択しての取得はできないようです。選択した状態で実行します。Photoshopは文字をレイヤーで保持するので、レイヤーにアクセスする必要があります。Illustratorと同様にfor文を使用しないで取得できます。フォント名は「textItem.font」スタイル名は色々と調べたのですが分かりませんでした。フォント(ファミリー)名の後ろにハイフン繋がりで表示されるのでそれから取得するしかないかと思われます。色は「textItem.color.rgb.red」「textItem.color.rgb.green」「textItem.color.rgb.blue」のように単色で取得できます。rgb.redのようにカラーモードを指定して各色を取得するのが特徴です。cmykのマゼンタを取得する場合は「color.cmyk.magenta」とします。▲実行結果(移動ツールで文字を選択した状態で実行。入力文字を「吾輩は猫である。)サイズに小数点以下の端数が生じるので四捨五入処理が必要。※実はカラー値にも小数点以下の端数が生じます。上で紹介した以外の文字属性やフレームの情報なども取得、操作できるので色々と便利なツールも作れます。InDesignのテキストフレームに流し込まれている各文字を取得し、HTMLタグを付与したり、文字属性からCSSプロパティを生成したりとか、電子書籍作成や、Webコンテンツ作成にも大いに役立ちそうですね。Photoshopのテキストレイヤーを右クリック、コンテキストメニューから表示される「CSSをコピー」を選択します。テキストエディタのドキュメントにペーストすると生成されたCSSがペーストされます。▲Photoshopの文字レイヤーを右クリック。CSSをコピーを選択。▲Bracketsにペーストしてみました。Illustrator版、InDesign版を年末年始の休暇中に作ってみようかと思います。2017でしか行っておりません。コード等ご自由に使っていただいても構いませんが自己責任でお願いいたします。)m今年最後のブログ記事になります。積み...こんばんは。なんか全然...お問い合わせ弊社サービスについてご意見、ご質問等ございましたらお気軽にお問い合わせください。