タグ

JavaScriptに関するjdashのブックマーク (52)

  • IllustratorでもUndo回数をいじりたい! - 手抜きLab@DTPの現場

    ai_undoSetter.jsx.zip こちらのスクリプトをイラレさんのファイルメーニュー→スクリプト→その他のスクリプト...ってメニュー項目から走らせて下さい。単純にプロンプトがでますから整数値を入れてOKするだけです。ただし、この設定は次回起動時から有効となります。 では、解説を var num = prompt ("アンドゥ何回できるようにする???", 200, "Undo回数を設定してみよう!"); app.preferences.setIntegerPreference("maxUndoDepth",num); app.preferences.setIntegerPreference("undoDepth",num); この様にプレファレンス項目は2つあります。なぜこんなややこしい事になっているかは置いておいて両方に同じ設定をしてあげればよいのです。昔みたいに1回とかにす

    IllustratorでもUndo回数をいじりたい! - 手抜きLab@DTPの現場
    jdash
    jdash 2014/08/21
    ちょwww Illustratorって環境設定のパネルからUndoの回数って設定できないのか!知らなかった!Undo1回だけに設定するとQuarkXPressみたいだな。
  • jQueryのlightboxプラグイン「prettyPhoto」のリンクに毎回「rel="prettyPhoto"」と書きたくない場合の解決方法

    概要 ▶ jQueryで動作するLightboxプログラムのprettyPhotoで画像拡大のリンクを作る時に楽をするためのコードを紹介します。 このブログは画像拡大表示の動作(lightbox)には prettyPhoto というjQueryのプログラムを使用しています。 複数の画像をグループとして表示したり、YouTubeやvimeoの動画を表示することができたりと高機能のlightboxプログラムです。(下の画像もPCで見た場合、クリックするとprettyPhotoのlightboxで表示されます) 画像出典:jQuery lightbox(No Margin For Errors) このprettyPhotoですが、トップページのサンプルのページに以下の様に書いてあります。 Create a link (<a href="#">).Add the rel attribute "pr

    jQueryのlightboxプラグイン「prettyPhoto」のリンクに毎回「rel="prettyPhoto"」と書きたくない場合の解決方法
    jdash
    jdash 2014/04/28
    ブログ書いた。ドキュメントを全然読まない人向け(笑)。発動条件を考えれば当たり前のコードなのですが、とりあえずこう書いておけば画像リンクで勝手にlightboxになるってのは便利だと思って記事をアップ。
  • window.jQuery || document.write('<script src="●●"><\/script>') という書き方は何なのかをFirebugで調べてみた

    概要 ▶ window.jQuery || document.write('') という書き方についてFirebugを使って検証しながら理解をしてみました。 以前に「【疑問】JavaScriptの window.jQuery || document.write …という条件式の書き方」ということを書いて、理由を探したのですが、ちょっとまだモヤモヤしたままでした。 モヤモヤを抱えたままだったので自分なりに考えてみました。 今回はウェブの開発・制作でよく使われるFirefoxのFirebugを使用します。(インストールはこちらから) Firebugの機能で、コンソールという機能があって、ここにスクリプトを書いて、色々実験ができます。 画像出典:Firebug この機能を使って「window.jQuery ||  document.write('<script src="●●"><\/scrip

    window.jQuery || document.write('<script src="●●"><\/script>') という書き方は何なのかをFirebugで調べてみた
    jdash
    jdash 2014/02/03
    ブログ書きました。「window.jQuery || ××」と書かれているとどういう動作をしているのかをFirebugのコンソールで見てみました。「window.jQuery● && ××」はなぜダメなのかも書いた。
  • jquery小技まとめ32

    作成:2013/07/1 更新:2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー(Google Analytics関係とか)なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール 1.ページ内リンク/フッターまわり/トップに戻る 2.パララックス スライド 3.カルーセル 4.レスポンシブなスライダー 5.ヌルヌルサクサクなスライドメニュー 6.サムネイル付きクロスフェードスライドショー 補助 7.Google Ana

    jquery小技まとめ32
    jdash
    jdash 2013/07/01
    まあjQueryで色々できるなぁ。単純に作るだけでなく、ここまで操作やデザインをサポートできる余地があるとも言えるか。
  • 米バークレー大学生チーム、JavascriptベースのEPUB 3ビューワ「epub.js」をGitHub公開

    米カリフォルニア大学バークレー校の学生チームが、次世代のアノテーション型電子書籍の研究プロジェクト「FutureBook」を立ち上げ、JavascriptベースのEPUB 3ビューワ「epub.js」をGitHubで公開した。 同チームは、W3CやAmazon、Barnes & Nobleなどが規格化を進めているオープン・アノテーション標準規格「Open Annotation Collaboration(OAC)」の実証実験のため、epub.jsの開発に着手したとのこと。開発は今夏かけてずっと続けられる予定で、うまくいけばOACが目指している電子教科書・電子論文間の注釈データ同士のリンクが体験できる予定。 なお、肝心のepub.jsビューワは下記プロジェクトサイトでデモが体験できる。GitHub上ではまだ旧名称の「fpjs」のままだが、近日中に「epubjs」へと変更される予定。

    米バークレー大学生チーム、JavascriptベースのEPUB 3ビューワ「epub.js」をGitHub公開
    jdash
    jdash 2013/05/31
    JavaScriptでのビュアーは期待したいけど、FirefoxのPDF.jsがあんな感じなので日本語周りの対応は期待していない。完成したらChrome内蔵とかにならんかな。
  • Flash、Apple、JavaScript、それぞれ何が問題なのか

    teiichi ota @otachan UnityのFlash対応撤退は自分の運命を自分でコントロールできないPFを避けるというふつーの守りの戦略。Flash自体の未来には直接繋がらんよ。カウントダウンだなんだ言ってんのは雰囲気だけで生きてる証拠。そもそもUnity->Flash変換のゲーム見たこともねーだろw 尾野(しっぽ) @tail_y 単純に今までUnityのみだと普及率無いよねみたいに言われちゃうから、FlashPlayer上でも動きますよって言って開発者にアピールしてたところが、最近UnityPlayerも普及してきたし、そもそもFlash書き出し誰も使ってないよね、ってのでサポート終了なだけってのはある 尾野(しっぽ) @tail_y が、それとは別に、Adobeは何焦って、変なライセンス形式の発表とかしてんだよってのはある。あれで変な報道されちゃうし、Unity側へ心情的

    Flash、Apple、JavaScript、それぞれ何が問題なのか
    jdash
    jdash 2013/04/26
    後半のSafariの開発をAppleが停滞させる理由があるというのとMobileSafariがIE6-8みたいになるっていう指摘はおもしろい。ってかOSと連動しすぎだろSafari。古いOSもサポートする気は無いのか。
  • bootstrap/CHANGELOG.md at master · twbs/bootstrap · GitHub

    jdash
    jdash 2013/02/12
    jQuery1.9に。テキスト左へ、右へとか、まぁあれば便利か。そして「Added new justified navigation」がナイスです(^_^)b IE10のスプリットモードとかまだよくわからんわ…。
  • 見た目がFacebookのLikeboxっぽいTwitterウィジェットを作成出来るjQueryプラグイン・Twitter Follow Box - かちびと.net

    使いそうだったので備忘録。Facebook で恐らく最も利用されてると思われる ソーシャルプラグインのLikeboxと似た ようなものを、Twitterアカウントで 作成するjQueryプラグインです。デザ イン的にもバランスが取れるので覚え ておいて損は無いのでは。 と言うわけでLikeboxライクなTwitterウィジェットです。自身のアカウント、フォローボタンと、フォロワーさんのアイコンを表示する事が出来ます。 よく見かけるアレのTwitter版です。以下サンプル。 Sample 一部日語に変えました。 コード <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> <script src="jquery.follow

    見た目がFacebookのLikeboxっぽいTwitterウィジェットを作成出来るjQueryプラグイン・Twitter Follow Box - かちびと.net
    jdash
    jdash 2012/04/13
    デザインを合わせるにはいいかもしれないですね。おもしろい。
  • 『iPad 独特の CSS トラブルに javascript で対策してみました。』

    iPad(MobileSafari) だとこんなことがトラブルんだな、という 珍しい問題を見つけたので 簡単に対策しつつ レポしたいと思います。 HTML + CSSデザインの話ですので Web に詳しくない方、以下はおもしろくありません。あしからず。 ------------------------------------------------ CSSデザインを行う際、 テキストを箱で囲み、 その背景画像の大きさとテキストをバランスよく配置しつつ しかしテキストの分量は可変で考えたい場合 こういう手法を取ることがあります。 (文字の分量が増減するテキストの背景を指定する方法) 文字列の箱にでかい背景画像を指定するのではなく 箱をあえて二つの div に小分けし 別々の背景画像を充当する方法です。 増減する部分を {background-repeat : repeat-y;} と指定すれ

    『iPad 独特の CSS トラブルに javascript で対策してみました。』
    jdash
    jdash 2012/03/20
    途中トラブルに対して仮説が出てくるけどこういうのは大切だよね。
  • PDFをHTML5でレンダリングするプラグイン不要の「pdf.js」をMozillaが発表

    pdf.js」はHTML5とJavaScriptで構築するオープンソースのPDFレンダリングツール。MozillaはFirefoxに近い将来このツールを組み込む計画だ。 Mozillaの研究者であるアンドレアス・ガル氏が6月15日(現地時間)、プラグイン不要のPDFレンダリングツール開発プロジェクトpdf.js」を発表した。HTML5とJavaScriptで構築しており、三条項BSDライセンス(3-clause BSD license)の下、githubで公開している。 現在、PDFをWebブラウザで開くには米Adobe Systemsやサードパーティーが提供するプラグインやアプリが必要だ。だが、こうしたプラグインではPDFのレンダリングに時間がかかり、PDFに備わる機能を完全には利用できない。また、セキュリティ上の問題もある。米GoogleChrome 8から、サンドボックスでPD

    PDFをHTML5でレンダリングするプラグイン不要の「pdf.js」をMozillaが発表
    jdash
    jdash 2011/06/17
    FlashもJavaScriptで再現するプロジェクトもあったな。なんかスゴイ時代だw
  • selectボックスをシンプルなプルダウンに拡張するjQselectable(jQuery.selectable.js) :: 5509

    セレクトボックスのユーザビリティを劇的に向上できるかもしれないjQueryプラグインです。バージョンアップでjQuery.selectable.jsからjQselectableに名前が変わりました。 サンプルを見てみる トピックス 特徴 ダウンロード 導入方法 スタイル 拡張 表示形式 selectable simpleBox エフェクト 透明度 プルダウン位置の調整(少し高度な設定) プルダウンの高さ カスタマイズ 独自のselectボックスに適用させる id、classの引継ぎ 日付で使う Callback関数を使う 動的にselect要素のDOMを書き換える場合(rebuildメソッド) サンプル 更新履歴・追記 動作環境 特徴 selectボックスの選択ってイライラしないですか?jQselectabeを使えば解決できるかもしれません。以下が主な特徴になります。 セレクトボックスの

    jdash
    jdash 2010/12/03
    なにこれ、selectボックスの形してないじゃんwすげー!w
  • 無職のプログラミング jQueryで、異なる要素のアニメーションを順番に実行する 改

    が要素の数だけ並行して実行されることになる。 監視するタイマーが多いだけでも問題なのだが、 CPU使用率が高くなるなどでJavaScriptの処理が不安定になると、要素のdelay時間にバラつきが生じ、各要素のfadeOut/fadeInが等間隔に見えなくなる。 この問題の解決方法として、「jQueryのキューを使用して異なる要素のアニメーション実行順序を制御する方法」を考えた。 アニメーションを実行する要素の例として10個のboxを作る。 更に、キューを作成するダミー要素を一つ作る。 // boxを10個作成 (boxのcssは略) var $div = $("#main");  // htmlに記述している親ノード var $box; for(var i=0;i<10;i++){ $box = $("<div/>").addClass("box").attr("id","id" + (

    jdash
    jdash 2010/11/26
    callback関数の所に「function(){lockflg = false;}」か、なるほどね~。確かにわざわざ関数作らなくてもいいわな。
  • jQueryで作るスライドするローテーションバナー

    jQueryで作るスライドするローテーションバナー ちょっと前まではコーポレートサイトのトップページによくあるローテーションバナー(というかスライドショー?)はFlashで作るのが当たり前でしたが、最近ではjavascriptで作成しているものが増えてきましたね。 ということでjQueryを使用してシンプルなスライドタイプのローテーションバナーを作成します。 投稿日2010年09月15日 更新日2011年04月03日 html+cssの作成 bannerというidを付けたdivにリストでマークアップした表示する画像を入れます。 画像は全て同じサイズの方が良いでしょう。ここでは320×213の画像を4枚用意しました。 html <div id="banner"> <ul> <li><a href="img/01.jpg"><img src="img/01.jpg" width="320" h

    jQueryで作るスライドするローテーションバナー
    jdash
    jdash 2010/11/26
    これはわかりやすいスライドローテーションプログラムですね(ちょっと設定が煩雑な感もあるけど)。
  • http://asiamoth.com/mt/archives/2006-11/http%3A%2F%2Fasiamoth.com%2Fmt%2Farchives%2F2006-11%2F16_2331.php

    jdash
    jdash 2010/05/26
    え?そんなのできるの?w『』
  • CGI Error

    The error was detected while processing this request. Be sure of followings: The CGI script does exist. The permission of CGI script is 755. The Perl path in CGI script is #!/usr/local/bin/perl. CGIスクリプトの呼び出し中にエラーが発生しました。 下記の点をご確認ください。 ・CGIスクリプトが存在すること。 ・CGIスクリプトのパーミッションが755であること。 ・CGIスクリプトのperlのパスが #!/usr/local/bin/perl であること。

    jdash
    jdash 2010/01/19
    このイラストレーターのスクリプトのページおもしろいな!
  • ドキュメント上の“塗りに線”を“線”に変更してくれるIllustratorのJavaScript『ヘアラインレタッチ』 | DTPデザイナーの育児日記

    印刷機械で印刷できない細い線、印刷でかすれてしまうような細い線を自動的に探しだし、 印刷できる太い線に修正するためのスクリプトです。ヘアラインレタッチが修正した線は 選択された状態になるので、どの線が修正されたか一目でわかります。 また、ロックされた線を修正の対象から除外することもできます。 (Mr.Riさんホームページ DTP宝箱より) デザイナーから入校してくるデータの中でも結構多い『塗りに線が入っているパス』。 (もうあっても驚かないぞ……てかこんなの普通だからw) 今まで探すのにイラレで便利さんの『塗り線さがし』を使わせていただいてたんですが、 軽いデータではすぐ見つけてくれるんだけど、パス数が多いデータなんかだと探すのに 時間かかって「ちょwwwをまwwwイラレ止まってる???」的なのもあって困ってたんですが 今回使わせていただいた『ヘアラインレタッチ』。試し

    jdash
    jdash 2009/11/11
    こういうのを聞くと、プログラムってアルゴリズムが大切だなーって思う反面、マシンの高性能化がそれをサポートしてくれるとか思ったり。『『塗り線さがし』だと探すのに3分 『ヘアラインレタッチ』だと5秒くらい
  • ASCII.jp:PhotoshopのフィルターをJavaScriptで作る!|古籏一浩のJavaScriptラボ

    Adobe PhotoshopもJavaScriptをサポート JavaScriptにはInternet ExplorerやFirefox、Safariなど、Webブラウザー上で動作するもの、というイメーシがありますが、JavaScriptデスクトップアプリケーションにも活躍の場を広げています。 特に、「Photoshop」に代表されるアドビ システムズのアプリケーションのほとんどがJavaScriptをサポートしており、Photoshopや「Bridge」「After Effects」 はソケット通信まで対応しています。つまり、Webサーバーにアクセスして必要なデータを受け取り、Photoshopで画像を加工し保存する、といったことがJavaScriptで自動化できるのです。さらにBridgeと連携すれば、FTPを使って加工した画像データをサーバーに転送する、といった処理まで自動化でき

    ASCII.jp:PhotoshopのフィルターをJavaScriptで作る!|古籏一浩のJavaScriptラボ
    jdash
    jdash 2009/07/21
    手始めにwww『Photoshop上で動くJavaScriptプログラミングの手始めに、今回はオリジナルのフィルターを作ってみましょう。』
  • アドビ:ユーザーにAdobe ReaderのJavascript機能を無効にすることを求める

    Adobe Readerに存在するゼロデイ脆弱性が確認されたことに対応して、Adobeは米国時間4月28日、すべてのプラットフォームのユーザーに対し、コード実行攻撃を避けるための応急措置として、JavaScript機能を無効にすることを求めている。 これまでに既知の問題に対して取った対応とは打って変わって、同社は今回、迅速に行動し、顧客に対して影響のあるソフトウェアのバージョンに関する情報を提供し、影響を軽減する方策を提示した。 この問題について、知っておくべきことは以下のことだ。 このセキュリティホールは、現在出荷されているサポート対象のAdobe ReaderとAcrobatのすべてのバージョンに影響がある(Adobe ReaderおよびAcrobatの9.1、8.1.4、7.1.1、およびそれ以前のバージョン)。 Adobeはすべてのプラットフォーム(WindowsMacintos

    アドビ:ユーザーにAdobe ReaderのJavascript機能を無効にすることを求める
    jdash
    jdash 2009/04/29
    まぁあんまりPDFでJavaScript使わないからオフにしておいた方が良いな『Adobeは米国時間4月28日、すべてのプラットフォームのユーザーに対し、コード実行攻撃を避けるための応急措置として、JavaScript機能を無効にすることを
  • replace() を応用して文中の数字の全角←→半角変換を1行で作ってみる。と思ったらAOKさんが3年前に通過した場所だった。 @蕪浅録奏

    replace() を応用して文中の数字の全角←→半角変換を1行で作ってみる。と思ったらAOKさんが3年前に通過した場所だった。

    jdash
    jdash 2009/04/08
    全角半角変換が1行で。ってすごいな。
  • ページ内のスムーススクロールを簡単に実装できるJavaScript『Smooth scrolling』

    ページ内のスムーススクロールを簡単に実装できるJavaScript『Smooth scrolling』 ◆Smooth scrolling demo 『Smooth scrolling』は、アンカータグを使用してページ内のスムーススクロールを実現できるJavaScriptです。 通常アンカータグだけを用いてページ内の移動を行うと、いきなりそのアンカー部分に移動してしまい、ページ内移動なのか別ページへ移動したのか分かりづらいことがありますが、これを用いればページ内のアンカー部分まで画面をスクロールさせながら移動できるのでまぎらわしさがなくなります。 スムーススクロールを実装できるJavaScriptはこれ以外にも色々あるのですが、いくつか試したところ、これが今のところ一番簡単に実装できました。他のJavaScriptのライブラリを用いず単独で使え、アンカータグに追加記述する必要がないのが非常

    jdash
    jdash 2009/03/14
    設定がほとんどないなw『『Smooth scrolling』は、アンカータグを使用してページ内のスムーススクロールを実現できるJavaScriptです。』