https://b.hatena.ne.jp/robamoto/javascript/ javascriptに関するrobamotoのはてなブックマーク (12) https://ascii.jp/elem/000/000/461/461534/ robamoto 2009-09-26T15:44:49Z quartzcomposer javascript mac <blockquote cite="https://ascii.jp/elem/000/000/461/461534/" title="JavaScriptで始めるQuartz Composer入門 (1/4)"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fascii.jp%2Felem%2F000%2F000%2F461%2F461534%2F" alt="" /> <a href="https://ascii.jp/elem/000/000/461/461534/">JavaScriptで始めるQuartz Composer入門 (1/4)</a></cite><p><a href="https://ascii.jp/elem/000/000/461/461534/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/29ae50c288457d9e96f5d9d35e6c6cfc7d8c15f6/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fascii.jp%2Fimg%2F2009%2F08%2F25%2F243933%2Fl%2Fbe54aad8093fe873.jpg" alt="JavaScriptで始めるQuartz Composer入門 (1/4)" title="JavaScriptで始めるQuartz Composer入門 (1/4)" class="entry-image" /></a></p><p>コードを書かなくても、視覚的にプログラムを作れるMac OS Xの「Quartz Composer」。前回は、Quartz Composerに付属するテンプレートだけでシンプルなRSSリーダーを作成しました。今回はQuartz ComposerのJavaScriptを使って、現在時刻を表示するプログラムを作ってみましょう。 Quartz ComposerのJavaScriptを使ってみ...</p><p><a href="https://b.hatena.ne.jp/entry/s/ascii.jp/elem/000/000/461/461534/"><img src="https://b.hatena.ne.jp/entry/image/https://ascii.jp/elem/000/000/461/461534/" alt="はてなブックマーク - JavaScriptで始めるQuartz Composer入門 (1/4)" title="はてなブックマーク - JavaScriptで始めるQuartz Composer入門 (1/4)" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/ascii.jp/elem/000/000/461/461534/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 39 http://www.openspc2.org/book/ リンク集 robamoto 2009-04-04T17:59:55Z 自動化 javascript indesign illustrator photoshop aftereffects <blockquote cite="http://www.openspc2.org/book/" title="to top page"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.openspc2.org%2Fbook%2F" alt="" /> <a href="http://www.openspc2.org/book/">to top page</a></cite><p><a href="http://www.openspc2.org/book/"><img src="" alt="to top page" title="to top page" class="entry-image" /></a></p><p>トップページへ (to Top page)</p><p><a href="https://b.hatena.ne.jp/entry/www.openspc2.org/book/"><img src="https://b.hatena.ne.jp/entry/image/http://www.openspc2.org/book/" alt="はてなブックマーク - to top page" title="はてなブックマーク - to top page" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.openspc2.org/book/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 11 http://www.openspc2.org/book/InDesignCS3/ robamoto 2009-04-04T17:57:22Z indesign javascript 自動化 <blockquote cite="http://www.openspc2.org/book/InDesignCS3/" title="InDesign CS3自動化作戦 with JavaScript"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.openspc2.org%2Fbook%2FInDesignCS3%2F" alt="" /> <a href="http://www.openspc2.org/book/InDesignCS3/">InDesign CS3自動化作戦 with JavaScript</a></cite><p><a href="http://www.openspc2.org/book/InDesignCS3/"><img src="" alt="InDesign CS3自動化作戦 with JavaScript" title="InDesign CS3自動化作戦 with JavaScript" class="entry-image" /></a></p><p>このページはInDesign CS3をJavaScriptによって自動化運用するためのサンプルスクリプトを掲載しています。InDesign CSに関してはInDesign CS自動化作戦のページ、InDesign CS2に関してはInDesign CS2自動化作戦のページを参照してください。 また、InDesign CS3の自動化処理を行うための書籍「組版時間を半減する! InDe...</p><p><a href="https://b.hatena.ne.jp/entry/www.openspc2.org/book/InDesignCS3/"><img src="https://b.hatena.ne.jp/entry/image/http://www.openspc2.org/book/InDesignCS3/" alt="はてなブックマーク - InDesign CS3自動化作戦 with JavaScript" title="はてなブックマーク - InDesign CS3自動化作戦 with JavaScript" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.openspc2.org/book/InDesignCS3/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 16 http://d-p.2-d.jp/ai-js/ robamoto 2009-02-02T15:46:03Z illustrator javascript 自動化 <blockquote cite="http://d-p.2-d.jp/ai-js/" title="イラレで便利 for Adobe Illustrator - アドビ・イラストレーターのツール集"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fd-p.2-d.jp%2Fai-js%2F" alt="" /> <a href="http://d-p.2-d.jp/ai-js/">イラレで便利 for Adobe Illustrator - アドビ・イラストレーターのツール集</a></cite><p><a href="http://d-p.2-d.jp/ai-js/"><img src="" alt="イラレで便利 for Adobe Illustrator - アドビ・イラストレーターのツール集" title="イラレで便利 for Adobe Illustrator - アドビ・イラストレーターのツール集" class="entry-image" /></a></p><p>イラストレーターってほんとに便利だけれど、こんな機能があったらもっといいのに、この作業をもっと素早くできたらいいのに… このサイトでは、そんな不満をお持ちの方に役立つかも知れない、フリーウェアの Adobe Illustrator 用スクリプト（JavaScript）を配付しています。Mac版とWin版、バージョン10・CS・CS2で使え...</p><p><a href="https://b.hatena.ne.jp/entry/d-p.2-d.jp/ai-js/"><img src="https://b.hatena.ne.jp/entry/image/http://d-p.2-d.jp/ai-js/" alt="はてなブックマーク - イラレで便利 for Adobe Illustrator - アドビ・イラストレーターのツール集" title="はてなブックマーク - イラレで便利 for Adobe Illustrator - アドビ・イラストレーターのツール集" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/d-p.2-d.jp/ai-js/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 434 http://jquery.com/demo/thickbox/ robamoto 2008-04-12T19:10:33Z ajax javascript <blockquote cite="http://jquery.com/demo/thickbox/" title="ThickBox 3.1"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fjquery.com%2Fdemo%2Fthickbox%2F" alt="" /> <a href="http://jquery.com/demo/thickbox/">ThickBox 3.1</a></cite><p><a href="http://jquery.com/demo/thickbox/"><img src="" alt="ThickBox 3.1" title="ThickBox 3.1" class="entry-image" /></a></p><p>ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal. Features: ThickBox was built using the super lightweight jQuery li...</p><p><a href="https://b.hatena.ne.jp/entry/jquery.com/demo/thickbox/"><img src="https://b.hatena.ne.jp/entry/image/http://jquery.com/demo/thickbox/" alt="はてなブックマーク - ThickBox 3.1" title="はてなブックマーク - ThickBox 3.1" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/jquery.com/demo/thickbox/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 568 http://www.openspc2.org/JavaScript/Ajax/Effect/Rico/001/index.html robamoto 2008-03-30T18:48:58Z ajax javascript <blockquote cite="http://www.openspc2.org/JavaScript/Ajax/Effect/Rico/001/index.html" title="特殊効果（エフェクト）：Rico.jsを使った不透明度処理（フェードイン／フェードアウト）"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.openspc2.org%2FJavaScript%2FAjax%2FEffect%2FRico%2F001%2Findex.html" alt="" /> <a href="http://www.openspc2.org/JavaScript/Ajax/Effect/Rico/001/index.html">特殊効果（エフェクト）：Rico.jsを使った不透明度処理（フェードイン／フェードアウト）</a></cite><p><a href="http://www.openspc2.org/JavaScript/Ajax/Effect/Rico/001/index.html"><img src="" alt="特殊効果（エフェクト）：Rico.jsを使った不透明度処理（フェードイン／フェードアウト）" title="特殊効果（エフェクト）：Rico.jsを使った不透明度処理（フェードイン／フェードアウト）" class="entry-image" /></a></p><p>Rico.jsを使うと手軽にアニメーション処理を行うことができます。まず、Rico.jsを以下のサイトからダウンロードします。 http://openrico.org/ rico.jsファイルをダウンロードするだけで準備はできあがりです。実際に使用する場合にはscriptタグで読み込むようにします。これは同一ディレクトリにある場合には以下のよう...</p><p><a href="https://b.hatena.ne.jp/entry/www.openspc2.org/JavaScript/Ajax/Effect/Rico/001/index.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.openspc2.org/JavaScript/Ajax/Effect/Rico/001/index.html" alt="はてなブックマーク - 特殊効果（エフェクト）：Rico.jsを使った不透明度処理（フェードイン／フェードアウト）" title="はてなブックマーク - 特殊効果（エフェクト）：Rico.jsを使った不透明度処理（フェードイン／フェードアウト）" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.openspc2.org/JavaScript/Ajax/Effect/Rico/001/index.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 7 http://www.chin3.net/tech/javascript/005.html robamoto 2008-03-30T11:42:49Z javascript <blockquote cite="http://www.chin3.net/tech/javascript/005.html" title="Binbo-Special−技術資料らしきもの−JavaScript−画像のフェードイン・フェードアウト（rico.js）&lt;"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.chin3.net%2Ftech%2Fjavascript%2F005.html" alt="" /> <a href="http://www.chin3.net/tech/javascript/005.html">Binbo-Special−技術資料らしきもの−JavaScript−画像のフェードイン・フェードアウト（rico.js）&lt;</a></cite><p><a href="http://www.chin3.net/tech/javascript/005.html"><img src="" alt="Binbo-Special−技術資料らしきもの−JavaScript−画像のフェードイン・フェードアウト（rico.js）&lt;" title="Binbo-Special−技術資料らしきもの−JavaScript−画像のフェードイン・フェードアウト（rico.js）&lt;" class="entry-image" /></a></p><p>と言うわけで、定番ライブラリの「prototype.js」と、「rico.js」を使ってみます。 rico.jp 初体験。便利ですねぇ。 サンプル JavaScriptのソース var fade_flag = true; function fadeInOut(){ var opacity = 1; if ( fade_flag ) { fade_flag = false; opacity = 1; }else{ fade_flag = true; opacity = 0; } new Rico...</p><p><a href="https://b.hatena.ne.jp/entry/www.chin3.net/tech/javascript/005.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.chin3.net/tech/javascript/005.html" alt="はてなブックマーク - Binbo-Special−技術資料らしきもの−JavaScript−画像のフェードイン・フェードアウト（rico.js）&lt;" title="はてなブックマーク - Binbo-Special−技術資料らしきもの−JavaScript−画像のフェードイン・フェードアウト（rico.js）&lt;" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.chin3.net/tech/javascript/005.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 2 http://caramel-tea.com/2006/02/lightbox/ robamoto 2008-02-16T10:44:53Z javascript wordpress <blockquote cite="http://caramel-tea.com/2006/02/lightbox/" title="caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fcaramel-tea.com%2F2006%2F02%2Flightbox%2F" alt="" /> <a href="http://caramel-tea.com/2006/02/lightbox/">caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる</a></cite><p><a href="http://caramel-tea.com/2006/02/lightbox/"><img src="" alt="caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる" title="caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる" class="entry-image" /></a></p><p>Belanja di App banyak untungnya: Banyak Vouchernya Produk Eksklusif di App Rekomendasi Hanya Untukmu Paling Pertama Dapat Promo</p><p><a href="https://b.hatena.ne.jp/entry/caramel-tea.com/2006/02/lightbox/"><img src="https://b.hatena.ne.jp/entry/image/http://caramel-tea.com/2006/02/lightbox/" alt="はてなブックマーク - caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる" title="はてなブックマーク - caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/caramel-tea.com/2006/02/lightbox/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 17 http://www.skuare.net/2007/12/javascriptroundedcorners.html robamoto 2008-01-13T10:24:29Z javascript <blockquote cite="http://www.skuare.net/2007/12/javascriptroundedcorners.html" title="画像も角丸にするjavascript「roundedcorners」"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.skuare.net%2F2007%2F12%2Fjavascriptroundedcorners.html" alt="" /> <a href="http://www.skuare.net/2007/12/javascriptroundedcorners.html">画像も角丸にするjavascript「roundedcorners」</a></cite><p><a href="http://www.skuare.net/2007/12/javascriptroundedcorners.html"><img src="" alt="画像も角丸にするjavascript「roundedcorners」" title="画像も角丸にするjavascript「roundedcorners」" class="entry-image" /></a></p><p>twitter facebook hatena google pocket 今回はjavascriptライブラリ「mootools」で角丸を実現します。 roundedcornersでは、画像も角丸にできるjavascriptを公開しています。 ＊画像も使用しているので少し煩雑かもしれません。 sponsors 使用方法 roundedcornersからroundedcorners.jsとroundedcorners.cssをmootools...</p><p><a href="https://b.hatena.ne.jp/entry/www.skuare.net/2007/12/javascriptroundedcorners.html"><img src="https://b.hatena.ne.jp/entry/image/http://www.skuare.net/2007/12/javascriptroundedcorners.html" alt="はてなブックマーク - 画像も角丸にするjavascript「roundedcorners」" title="はてなブックマーク - 画像も角丸にするjavascript「roundedcorners」" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.skuare.net/2007/12/javascriptroundedcorners.html"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 6 https://addons.mozilla.org/ja/firefox/addon/1843 ブロック構造をその場で可視化したり robamoto 2007-09-22T01:26:36Z firefox javascript <blockquote cite="https://addons.mozilla.org/ja/firefox/addon/1843" title="Firebug :: Add-ons for Firefox"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Faddons.mozilla.org%2Fja%2Ffirefox%2Faddon%2F1843" alt="" /> <a href="https://addons.mozilla.org/ja/firefox/addon/1843">Firebug :: Add-ons for Firefox</a></cite><p><a href="https://addons.mozilla.org/ja/firefox/addon/1843"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/058bba063caecb7c3019ab950e33eed987e648bf/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Faddons.cdn.mozilla.net%2Fuser-media%2Fpreviews%2Ffull%2F52%2F52710.png%3Fmodified%3D1530207952" alt="Firebug :: Add-ons for Firefox" title="Firebug :: Add-ons for Firefox" class="entry-image" /></a></p><p>Firebug は、Web ページを閲覧中にクリック一つで使える豊富な開発ツールを Firefox に統合します。あなたはあらゆる Web ページの CSS、HTML、及び JavaScript をリアルタイムに編集、デバッグ、またはモニタすることが出来ます。 Firefox 専用 — 今すぐ Firefox をダウンロード</p><p><a href="https://b.hatena.ne.jp/entry/s/addons.mozilla.org/ja/firefox/addon/1843"><img src="https://b.hatena.ne.jp/entry/image/https://addons.mozilla.org/ja/firefox/addon/1843" alt="はてなブックマーク - Firebug :: Add-ons for Firefox" title="はてなブックマーク - Firebug :: Add-ons for Firefox" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/addons.mozilla.org/ja/firefox/addon/1843"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 259 https://gigazine.net/news/20070911_lazy_load_plugin_for_jquery/ robamoto 2007-09-12T21:01:49Z ajax javascript <blockquote cite="https://gigazine.net/news/20070911_lazy_load_plugin_for_jquery/" title="実際にスクロールするまで画像を読み込ませない「Lazy Load Plugin for jQuery」 - GIGAZINE"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=https%3A%2F%2Fgigazine.net%2Fnews%2F20070911_lazy_load_plugin_for_jquery%2F" alt="" /> <a href="https://gigazine.net/news/20070911_lazy_load_plugin_for_jquery/">実際にスクロールするまで画像を読み込ませない「Lazy Load Plugin for jQuery」 - GIGAZINE</a></cite><p><a href="https://gigazine.net/news/20070911_lazy_load_plugin_for_jquery/"><img src="https://cdn-ak-scissors.b.st-hatena.com/image/square/01a62cf9edc4d3443bb46eaba3c37b1ceafaeb61/backend=imagemagick;height=90;version=1;width=120/https%3A%2F%2Fi.gzn.jp%2Fimg%2F2007%2F09%2F11%2Flazy_load_plugin_for_jquery%2Flazy_load.png" alt="実際にスクロールするまで画像を読み込ませない「Lazy Load Plugin for jQuery」 - GIGAZINE" title="実際にスクロールするまで画像を読み込ませない「Lazy Load Plugin for jQuery」 - GIGAZINE" class="entry-image" /></a></p><p>AJAXを簡単に使用でき、しかもいろいろな効果を追加できるJavaScriptライブラリ「jQuery」の機能をさらに拡張できるプラグインとして開発されており、実際にブラウザでページをスクロールダウンするまでは画像の読み込みを行わないようにできます。つまり、転送量や負荷を抑えてサーバにやさしい仕組みが実現できるとい...</p><p><a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20070911_lazy_load_plugin_for_jquery/"><img src="https://b.hatena.ne.jp/entry/image/https://gigazine.net/news/20070911_lazy_load_plugin_for_jquery/" alt="はてなブックマーク - 実際にスクロールするまで画像を読み込ませない「Lazy Load Plugin for jQuery」 - GIGAZINE" title="はてなブックマーク - 実際にスクロールするまで画像を読み込ませない「Lazy Load Plugin for jQuery」 - GIGAZINE" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/s/gigazine.net/news/20070911_lazy_load_plugin_for_jquery/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 148 http://www.openspc2.org/ InDesignやIllustrator等を制御するJavaScript、HDサイズの画像素材など豊富 robamoto 2006-10-12T10:39:28Z 素材 javascript <blockquote cite="http://www.openspc2.org/" title="JavaScript/HTML5, iPhone/Android, ハイビジョン映像, 自動化関連：[OpenSpace]"><cite><img src="https://cdn-ak2.favicon.st-hatena.com/64?url=http%3A%2F%2Fwww.openspc2.org%2F" alt="" /> <a href="http://www.openspc2.org/">JavaScript/HTML5, iPhone/Android, ハイビジョン映像, 自動化関連：[OpenSpace]</a></cite><p><a href="http://www.openspc2.org/"><img src="" alt="JavaScript/HTML5, iPhone/Android, ハイビジョン映像, 自動化関連：[OpenSpace]" title="JavaScript/HTML5, iPhone/Android, ハイビジョン映像, 自動化関連：[OpenSpace]" class="entry-image" /></a></p><p>Web関連およびアプリケーション、映像関係、静止画素材、自動処理、4K/8K/ハイビジョン素材関連などを扱っています。 誤字脱字等、お気づきの点がありましたら、お気軽にメールをください。 この目次にないアプリケーション等の使い方などに関してはその他のリファレンス／アプリケーション...のページを参照してください。</p><p><a href="https://b.hatena.ne.jp/entry/www.openspc2.org/"><img src="https://b.hatena.ne.jp/entry/image/http://www.openspc2.org/" alt="はてなブックマーク - JavaScript/HTML5, iPhone/Android, ハイビジョン映像, 自動化関連：[OpenSpace]" title="はてなブックマーク - JavaScript/HTML5, iPhone/Android, ハイビジョン映像, 自動化関連：[OpenSpace]" border="0" style="border: none" /></a> <a href="https://b.hatena.ne.jp/entry/www.openspc2.org/"><img src="https://b.st-hatena.com/images/append.gif" border="0" alt="はてなブックマークに追加" title="はてなブックマークに追加" /></a></p></blockquote> 1040