サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
TGS2024
www.openspc2.org
このページはGo言語の用例を扱っています。動作サンプルに関してはMacOS X (10.6.8/Snow Leopard)上で行っています。使用しているGoのバージョンは1.1.1です。 *勉強用に作成したページなので間違いや不具合の出るサンプルがあるかもしれません。致命的なもので、これはまずいというサンプルがありましたらopenspc@alpha.ocn.ne.jpまでメールをください。
このページはenchant.jsの用例/サンプルを扱っています。ここではenchant.js ver 0.6.2を使用しています。v0.4.3のサンプルを流用していますのでv0.4.3からv0.6.2へ移行した場合の注意点やメモなどを読んでから実行してください。一部動作しなくなったものに関しては掲載していません。 *勉強用に作成したページなので間違いや勘違いがあるかもしれません。これはまずい/間違っているというサンプルがありましたらopenspc@alpha.ocn.ne.jpまでメールをください。 ちなみにHTML5 (Canvas)を使ったゲームのプログラムについて解説付きで読んでみたい人は拙著「10日でおぼえるHTML5入門教室」の10章およびダウンロードファイル内の補習講義にて以下のゲームプログラムの解説と実際のコードが入っていますので参考にしてみてください。 ※収録されているもの
jQueryではhtml()メソッドで指定されたタグの内容を書き換えることが出来ます。html()の名前のとおりパラメータにはHTMLタグを含む文字列を指定することができます。以下のサンプルはボタンがクリックされるとpタグ内の文字を書き換えます。(サンプルを実行する) <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>サンプル</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"><!-- $(document).ready(function(){ $("#btn").click(function(){ $("p").html("
このページはExtendScript Toolkit CS6をJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。ExtendScript Toolkit (多くの場合ESTKと省略表記されます) は他のAdobe製品を制御するためのアプリケーションです。基本的にExtendScript Toolkitで自動的にできる処理はファイル処理などに限定されますが、ちょっとした処理であればExtendScript Toolkitでも十分行うことができます。 ExtendScript Toolkit CS6はJavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです(Adobe CS1〜6 バージョンJavaScript ファレンス&ライブラリのぺージを参照)。このためExtendScript Toolkitで動作す
Google Chromeのショートカットアイコンを作成します。そのアイコン上で右ボタンをクリックし表示されるメニューから「プロパティ」を選択します。 リンク先(T)の欄のchrome.exeの後に言語を指定するオプションを入力します。入力後エラーが出る場合にはchrome.exeと入力した後にオプションを指定してください。
このページはAdobe Systems(アドビシステムズ)社のIllustrator CC(2013年6月18日公開バージョン)についての使い方を説明しています。追加/変更された機能に関しては[機能アップ]のような赤文字をつけてあります。なお、このページのキャプチャー画像および動作はMacOS X (10.6.8)を基準にしています。このため、MacOS X/OS X (10.7以降)やWindowsでは若干動作や操作方法、画面が異なることがあります。また、表記ミスや機能に関して認識ミスがあるかもしれません。あらかじめ、ご了承下さい。 インストール時のトラブルに関してはCreative Cloudデスクトップアプリケーションを起動、またはサインインすると「インターネット未接続」を参照してください。 Illustrator CSに関してはAdobe Illustrator CS例文辞典を参照
このページはInDesign CS6をJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。InDesign CSに関してはInDesign CS自動化作戦のページ、InDesign CS2に関してはInDesign CS2自動化作戦のページ、InDesign CS3に関してはInDesign CS3自動化作戦のページ、InDesign CS4に関してはInDesign CS4自動化作戦のページ、InDesign CS5に関してはInDesign CS5自動化作戦のページを参照してください。なお、CS5.5は購入しなかったためCS5.5に関する自動化のページはありません。 また、InDesign CS2/CS3の自動化処理を行うための書籍「組版時間を半減する! InDesign自動処理実例集」もありますの、参考にしてみてください。書籍に収録できなかったMacO
#!/usr/bin/ruby print "No 1\n" sleep(2) print "No 2\n"
このページを見ている方は、jQuery (ジェイ・クエリー) に興味を持っていると思います。すでにjQueryを使っている人もいるでしょうし、全く知らない人、名前だけは知っている人もいるでしょう。このページではjQueryとは何なのかについて説明します。 jQueryはJavaScriptライブラリの1つです。JavaScriptはアプリケーション(ブラウザを含む)を操作する言語として利用されていますが、そのJavaScript上で動作するライブラリです。ライブラリは、よく使う機能をいくつもまとめてあるものを示します。 JavaScriptのライブラリは他にもいくつもありますが、最も有名なのはprototype.jsライブラリでしょう。prototype.jsライブラリはAjaxライブラリとして普及しました。実際にかなりのシェアを占めており関連するライブラリも多数出ています。 protot
説明 JSONデータを解析して読み込むにはJSON.parse()を使います。これは従来eval()を使って変換していたものを、より安全にJSONデータを扱えるようにしたメソッドです。Firefox 3.1以降で動作します。 サンプルプログラム httpObj = new XMLHttpRequest(); httpObj.open("get", "./jsondata.txt", true); httpObj.onload = function(){ var myData = JSON.parse(this.responseText); var txt = ""; for (var i=0; i<myData.item.length; i++){ txt = txt + myData.item[i].itemName + " " + myData.item[i].itemPrice+"円
Photoshop 7からは、あるプラグインを使うと自動的に操作がJavaScriptで記録されます。そのプラグイン名は「ScriptingListener」でAdobe Systemsから提供されている純正プラグインです。Photoshop 7の場合はAdobeのウェブサイトからダウンロードしたPhotoshop Scripting Support、Photoshop CSの場合はスクリプティングガイドフォルダ内のユーティリティフォルダ内に入っています。このScriptingListenerプラグインをプラグインフォルダ内に入れます。入れた後にPhotoshopを起動します。 起動後の操作は全てJavaScriptで記録されます。MacOS Xではデスクトップに「ScriptingListenerJS.log」というファイル名で保存されます。このScriptingListenerJS.l
今回はAdobe AfterEffectsで手抜きをします。AfterEffectsは映像合成ソフトであり、手作業でレイヤー(映像や画像)の位置を設定しエフェクトを指定するといった感じになります。気に入るまで(?)、変更がある度に手作業で行ってました、AfterEffects 4.1までは。 5.0になって手作業では面倒な動き、例えば波打つように動かす、左右に反復運動する、ランダムに点滅するなど機械的な動きがexpression(エクスプレッション)で簡単にできるようになりました。expressionはバージョンを重ねるたびに少しずつ改良されてきています。今回はバージョン6.0で利用できる役立つかもしれない(?)expressionについて説明します。ちなみにexpressionの文法はJavaScriptと同じです。関数なども定義できますので、Webで使ったJavaScriptのノウハウ
このページはMacOS X版のアドビシステムズ社のPremiere Pro CS6についての使い方を説明しています。MacOS X Snow leopard (10.6.x)上で動作させているため、MacOS X Lion (10.7) /Mountain Lion (10.8)では表示される画面イメージやダイアログが異なる場合があります。また、Windows版のプレミアも、基本的な部分には変わりはありませんので多少参考になるかと思います。 Premiere CS6をJavaScriptで自動処理する場合はAdobe Premiere CS6自動化作戦を、Adobe Media Encoder CS6をJavaScriptで自動処理する場合はAdobe Media Encoder CS6自動化作戦を参照してください。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.
<body> <h1>jQuery リファレンス</h1>
このページはアドビシステムズ社のAfterEffects CS6についての使い方を説明しています。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。また、素材に関してはフリーのものを用意してありますので、よければ利用してください。 › フリー素材 › ハイビジョン映像素材
このページはアドビシステムズ社のInDesign CS6 (アドビインデザイン) についての使い方を説明しています。使用しているOSはMac OS X (10.6.8/Snow Leopard) です。Windowsの場合はファインダをエクスプローラーに読み替えてください。また、Mac OS X Lion/Mountain Lionでは若干メニューの色やメニューバーに表示される項目が異なる場合があります。 InDesign CS2/CS3に関するJavaScriptでの自動処理に関しては組版時間を半減する-InDesign自動処理実例集を購入するか以下のページを参照してください。 InDesign CS5自動化作戦 InDesign CS4自動化作戦 InDesign CS3自動化作戦 InDesign CS2自動化作戦 クリエイター手抜きプロジェクト ミスや間違い、リンクエラーなどがあり
このページはアドビシステムズ社のAcrobat XIのJavaScriptについてのサンプルを用意しています。PDFはAcrobat上で動作させた場合とブラウザ上で動作させた場合では結果が異なることがあります。命令によっては動作しないことがありますし、処理の順番がGoogle Chromeでは異なる場合があります。また、ブラウザ上でPDFを表示させた場合、ブラウザによって動作が異なるので、この点にも注意が必要です。 これ以外にもPDFのセキュリティパッチによって動作しない命令も増える場合があります。Adobe社のドキュメントではopenDoc()は開かれたPDFへの参照を返すように書かれていますが、ver 9以降ではundefinedとなりアクセスできないように、ver X(10)以降ではnullになっています。なお、すでに使用できないものに関してはタイトルに【使用不可】の文字を追加してあ
このページは「Firefox OS」についての使い方を説明しています。 なお、このページでは実機ではなくFirefox ver 17以降で動作するFirefox OS Simulatorを使っています。このため、実機での動作と違う部分があるかもしれません。あらかじめ、ご了解下さい。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。
このページはAdobe Systems(アドビシステムズ)社のIllustrator CS6をJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。 Illustrator CS6はJavaScriptのコアオブジェクト、Adobeファイルオブジェクトに関しては他のAdobeソフトと同じです。つまりInDesign CS~CS6、AfterEffects 6.5~CS6、Photoshop CS~CS6、Bridge 1.0~CS6で作成された一部のコードは、そのまま動かす事ができます。これはIllustrator CS6独自部分の機能だけを習得すれば良いと言うメリットもあります。 このページに掲載されているスクリプトはMac OS X Snow Leopard (10.6.x) のIllustrator CS6を基準にしているため、Mac OS X Lion
マップとは別の場所にストリートビューを表示するには、あらかじめマップとストリートビューを表示する領域(コンテナ)を別々に用意します。どちらもdivタグを使って表示する領域を用意しておきます。この時に表示する縦幅と横幅を指定しておく必要があります。 マップ上にストリートビューを利用できるようにするペグマン(人型)を表示する場合はgoogle.maps.Map()の2番目のパラメータオプションでstreetViewControlにtrueを設定しておきます。これはなくても構いません。 ストリートビューを表示するにはgoogle.maps.StreetViewPanorama()を使います。最初のパラメータにストリートビューを表示するためのdivタグを指定します。2番目のパラメータには各種オプションを指定することができます。最低限、positionオプションにより表示する緯度、経度を指定しなけれ
説明 複数の変数に同じ値を代入するには=を使います。=の左側に代入先の変数(やプロパティ)、右側に代入したい値や文字列、オブジェクト、プロパティなどを書きますが、この時に=を連続して書くことができます。例えば変数a, b, cに同じ値である123を入れるには「a = b = c = 123」とします。なお、関数内でvar a = b = c = 123と指定した場合、変数aのみローカル変数になり変数b, cはグローバル変数になります。
このページはAmazon (アマゾン)が販売している電子書籍リーダー(タブレット)のKindle Paperwhite」についての使い方を説明しています。 Kindle Paperwhiteはアマゾンのページのページから購入することができます。 Kindle PaperwhiteはAndroid OSを搭載しており、接続ケーブルをそのまま利用することができます。 Kindle Papwerwhiteでハングアップして動かない、という質問が多数来ますが、その場合は電源ボタンを20秒間押したままにしてください。また、完全放電した後に起動してみてください。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。
このページはAmazon (アマゾン)が販売している電子書籍リーダー(タブレット)のKindle Fire HD」についての使い方を説明しています。 Kindle Fire HDはアマゾンのページのページから購入することができます。 Kindle Fire HDはAndroid OSを搭載しており、接続ケーブルをそのまま利用することができます。なお、以下の項目で項目名の前に[Adobe Reader]のように[ ]で表示されているものは、そのアプリで動作させた場合です。 ミスや間違い、リンクエラーなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。なお、うちはAmazon (アマゾン)のサポート屋さんでも販売店でもないので、ハードやサービスに関係するトラブルなどは各販売店やAmazon (アマゾン)にお問い合わせください。
このページはGoogleが販売しているタブレットの「Nexus 7 (2012 model)」についての使い方を説明しています。Nexus 7はGoogle Playのページから購入することができます。 2013年に発売された新型のNexus 7については別途ページを用意してありますので、以下のサイトを参照してください。 Nexus 9の使い方についてはNexus 9 (アンドロイドタブレット) 使い方辞典を参照してください。 Nexus 10の使い方についてはNexus 10 (アンドロイドタブレット) 使い方辞典を参照してください。 2012年11月18日以降に追加した項目はAndroid 4.2ベースになっています。このため、4.1とは画面や項目名が異なる場合があります。4.2で追加した項目は項目名の先頭に[4.2]を付けてあります。 Nexus 7とパソコンをUSBで接続しEcli
2012年9月11日時点では手元にあるmz-700はちゃんと起動したので、30年経過しても動作するのは確認済み。こう見ると30年前の8ビットマシンでも十分iPhone5に対抗できることがわかる。 戻る 2012.9.20 © K.FuRuhata
リストマークを任意の文字にするには<li>タグのマークをなしにします。マークをなしにするにはlist-style:noneを指定します。次に:beforeを使ってliに指定した文字を表示するようにcontentプロパティで表示する文字列を指定します。 <html> <head> <title>リストマークを任意の文字にする</title> <style type="text/css"><!-- li { list-style:none; } li:before { content:"※" } --></style> </head> <body> 【リストマークを任意の文字にする】 <ul> <li>項目1 <li>項目2 <li>項目3 </ul> </body> </html>
次のページ
このページを最初にブックマークしてみませんか?
『JavaScript/HTML5, iPhone/Android, ハイビジョン映像, 自動化関連:[OpenSpace]』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く