こんにちは。LIGフィリピン支社代表のせいと（@seito_horiguchi）です。 僕のモットーは「ラクして作る」で、日々怠けながらコーディングをしています。その際に役立つのが、便利なライブラリやらプラグイン。おかげで毎日2〜3時間ほど昼寝に費やすことができています。 さて、今回は実際に僕が使ったことのあるJavaScriptのスライダープラグインで、特に人気の4つを勝手にレビューしてみます。導入を検討されている方は参考にしてみてください。
高機能なJavaScriptの人気スライダープラグイン4つを実際に使ってレビューしてみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGフィリピン支社代表のせいと（@seito_horiguchi）です。 僕のモットーは「ラクして作る」で、日々怠けながらコーディングをしています。その際に役立つのが、便利なライブラリやらプラグイン。おかげで毎日2〜3時間ほど昼寝に費やすことができています。 さて、今回は実際に僕が使ったことのあるJavaScriptのスライダープラグインで、特に人気の4つを勝手にレビューしてみます。導入を検討されている方は参考にしてみてください。
JavaScriptのデバッグのコツと技 | POSTD
以前の記事で、 Webアプリケーションのデバッグの仕組み について触れました。今回は実践的なJavaScriptのデバッグについて掘り下げていきたいと思います。 ブラウザデベロッパツール 私の個人的なお気に入りはChromeデベロッパツールです。SafariやFirefoxはChromeほどの高水準に達していません。しかし、徐々に改善されてきています。FirefoxにはFirebugと改良されたFirefoxデベロッパツールが組み合わされた機能が備わっています。もし、Firefoxチームがビルトインされているデベロッパツールの改良の中で素晴らしい仕事をし続けたとしたら、Firebugはいつか、すたれるかもしれません。 個人的な好みにかかわらず、ターゲットとするあらゆるブラウザで、全てのコードのテストやデバッグができるようにすべきです。”あらゆるブラウザ”には、かの有名なInternet E
JavaScriptにおける継承のパターン4種類の概要と対比 | POSTD
JavaScriptはとても強力な言語です。強力がゆえ、実はプロトタイプをデザインしたり、オブジェクトのインスタンスを生成したりするのに何種類もやり方があります。それぞれの方法には長所も短所もあります。そこでJavaScript初心者の皆さんのために私がそのあたりを整理して説明したいと思います。今回の投稿は、以前私が書いた 「JavaScriptを分類するな」 の続編です。前回の投稿でたくさんのコメントをいただき、コードの例を出してほしいをいう反応をいただいたので、今回はそれらにお応えします。 JavaScriptはプロトタイプを使って継承 つまり、JavaScriptでは、オブジェクトは別のオブジェクトを継承することができます。 { } 波括弧を使って生成されるJavaScriptの基本的なオブジェクトは、唯一のプロトタイプとして Object.prototype をプロトタイプに持ちま
[JavaScript] 猿でもわかるクロージャ超入門 １ 問題 - DQNEO起業日記
問題です。 問題： 呼び出すたびに、1,2,3,...を返すような関数 f( )を定義せよ。 f(); // 1 f(); // 2 f(); // 3 この問題、解けますでしょうか？ 普通の関数では、できないと思います。 しかし「クロージャ」というのを使えば、このようなことができます。 クロージャって何だ？ 「クロージャ」という言葉を、プログラムの本やサイトで目にすることがありますよね。 私が最初に見たのは続・初めてのPerl 改訂版（アルパカ本）でした。 まったく理解できませんでした。 その後、404 Blog not foundやnaoyaさんのブログなどで「クロージャ」という単語を目にしました。 やはり、まったく分かりませんでした。 とどめの一撃はWikipediaの解説記事。 クロージャ (クロージャー、Closure) は、プログラミング言語において引数以外の変数を実行時の環境
![[JavaScript] 猿でもわかるクロージャ超入門 １ 問題 - DQNEO起業日記](https://cdn-ak-scissors.b.st-hatena.com/image/square/8f7de7c0278993661a11fbc3637f96292ba773aa/height=288;version=1;width=512/http%3A%2F%2Fdqn.sakusakutto.jp%2Fimages%2Fkali.jpg)
初心者でもほぼ無料でJavaScriptを勉強できるコンテンツ16選 - paiza times
Photo by dotConferences こんにちは。谷口です。 プログラミングをこれから学ぼうとしている方で、「JavaScriptを使えるようになりたい！」という方は多いと思います。 JavaScriptは実行環境が主にWebブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられます。（JavaScript - Wikipedia） Webサービスの作成・運用をする機会がある方には必要不可欠なJavaScriptですが、これから勉強を始める方の中には「プログラミング経験ゼロなんだけど、一体どうやって勉強したらいいの……？」と思っている方も多くいらっしゃるのではないでしょうか。中には「エンジニアではないんだけど、仕事でJavaScriptを触る機会があるから覚えたい！」という方や、「初心者だけど、なるべくコス
レスポンシブコーディングのスニペットいろいろ - やっぱりWebが好き - Writing Mode
コーディングを自身でやることは少なくなってきたけれど、勘が廃れないように今でも時々デザインしたり、コーディングしたりってのも大事にしてます。たまにデザインやコーディングをするのは気分転換にもなるし、新しいテクニックを知っておくことだってまだまだ大切だと思うし。 今の僕は、作る仕事はできる限り任せる立場だと思うので、あくまでもやり過ぎない程度に、って考えてますけど。というわけで、最近覚えたスニペットまとめ。 レスポンシブでサイトを作ることが増えています。 予算やスケジュール、または技術的な問題など、レスポンシブで構築するのが難しいケースもありますが、今の僕はできる限りレスポンシブ優先で考えたいと思っています。 ワンソースで考えたほうが運用は効率的だと思うから。 Writing Modeは僕にとってレスポンシブデビューだったサイトで、今思うと「こうしておけばよかった」ってところはいっぱいありま
JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD
この記事のオリジナルは voxxed に投稿されたものです。 JavaScript関連の問題を抱えるチームをサポートする仕事を通じて、いくつか共通の問題点があることに気づきました。もしあなたもJavaScriptに対するイライラを感じているのであれば、この記事は何らかの助けになるかもしれません。おことわり：私がお教えするヒントはすでにご存知のものもあるとは思いますが、うまくいけば、多少なりとも有用な情報があるかもしれません。特にエンタープライズアプリケーションやCMSソリューションを構築する際に有効なヒントです。チームの誰もが話したがらないCMSのコードについてお話しします。いずれも必要に応じて採用できるものです。 debuggerステートメント 大半のブラウザでサポートされているにもかかわらず、JavaScriptを書く際に最も活用しきれていない機能の1つです。debuggerステートメ
クリエイター手抜きプロジェクト
このページは日刊デジタルクリエイターズに毎週連載している「クリエイター手抜きプロジェクト」をアプリケーション別に整理しサンプルファイルをダウンロードできるようにしています。クリエイター手抜きプロジェクトは2004年から連載しており2004年〜2015年2月分までを掲載しています。 ミスや間違いなどがありましたらopenspc@alpha.ocn.ne.jpまでお願いします。 ■Adobe Acrobat ボタン一発でWebページをPDFに PDFの閲覧期限を設定する ■Adobe AfterEffects AfterEffects 6.0 : expression (1) AfterEffects 6.0 : expression (2) 複数のレイヤーのプロパティ値を保存する 選択したレイヤーに複数のエフェクトをかける テキストファイルを読み込ませて処理を行う ネットワーク上にあるテキス
InDesignやIllustratorのJavaScriptでオブジェクトの種類（クラス名）を調べる方法がたくさんあるよ（2）：使用ソフトのバージョンによって使い分けよう
InDesignやIllustratorのJavaScriptでオブジェクトの種類（クラス名）を調べる方法がたくさんあるよ（2）：使用ソフトのバージョンによって使い分けよう スポンサードリンク Tweet 昨日のAdobeのソフトでオブジェクトの種類（クラス名）がわかるための方法が３つあるよ、というので、 (function(){ var objDoc = app.activeDocument; var selObjs = objDoc.selection; alert(selObjs[0].constructor.name); // ①JavaScript実装 alert(selObjs[0].typename); // ②PICTRIX風 alert(selObjs[0].toString() ); // ③古籏一浩風 })(); これをIllustrator CS3で、テキストを選ん
特定の段落スタイルだけを変形させて指定行数に収める - 名もないテクノ手
変形シリーズなんだけど、こちらはおうち遣い用。とりあえず動いているくさい。 「この段落スタイルは１行で収めたいんだよねー」なんて時に使います。特定の段落スタイル部分を検索して変形（長体or平体）させて、指定ライン数（not段落行数）以内に収めます。 おかしな所をみつけたら、そっと教えてください^^ /* shorten_line_paragraphStyle.jsx 特定の段落スタイル部分を検索して、変形（長体or 平体）させて、指定ライン数（not段落行数）以内に収めます。 2010-02-10 ver.0.1 とりあえず。段落スタイルグループには未対応。 */ //////////////////////////////////////////// 設定★適度に変えてください var my_scale_limit = 70;//文字変形の限界値（%） var my_line_limit
選択テキストを約物カーニング→文字ツメ→変形（長体・平体）で指定ライン数に追い込む「shorten_line_selection 0.5」 - 名もないテクノ手に
何をするスクリプトか？ 選択したテキスト部分を 約物のカーニング 文字ツメ 変形（長体・平体） の順に適用して、指定ライン数以内に収めます。 同梱ファイル2Files README.txt このファイルです。とにかく最初によんでください。 shorten_line_selection.jsx スクリプト本体です。 動作環境 このスクリプトが正常に動作する環境は以下の通りです。Windows環境でも動作する可能性がありますが、動作確認はしていません。 MacOS X10.7.3 InDesign CS5_J（7.0.4） ダウンロード http://www.seuzo.jp/st/scripts_InDesignCS5/index.html#shorten_line_selection インストール スクリプト本体（shorten_line_selection.jsx）を ~/Library
コードリストや表組みなどで２行以上が折り返している箇所を探したい。 - 名もないテクノ手に
選択している行と同じ段落スタイルを持つ行を検索し、２ラインにまたがっている箇所を表示します。 例えば、コードリストや表組みなど２行以上の折り返しをチェックしたい箇所を探します。探すだけ。直し方はいろいろなので。 /* find_lines_pStyle.jsx 選択している行と同じ段落スタイルを持つ行を検索し、２ラインにまたがっている箇所を表示します。 例えば、コードリストや表組みなど２行以上の折り返しをチェックしたい箇所を探します。探すだけ。直し方はいろいろなので。 2012-03-01 とりあえず昔書いたまんま 2012-03-12 外に出すためにちょっと化粧なおし */ #target "InDesign" ////////////////////////////////////////////エラー処理 function myerror(mess) { if (arguments.
InDesign: オーバーフローした表セルに長体をかけるJavaScript - 文書遊戯
DITAでは食べていけず、仕事ではInDesignを使っています。「両極端だなぁ」と、自分でも思っています。 プリプレスの世界も作業の効率化は避けて通れない課題です。幸いにも、InDesignにはJavaScriptによる自動化の機能が備わっています。退屈なDTP作業の合間に、使えそうなJavaScriptを書いて楽しんでおります。 ここから本題。 Excelで入力した名簿などのデータをInDesignに配置することがしばしばあります。この作業で面倒なのが、表セルに収まりきらずにオーバーセットになるテキストが出ること。これを解決する手段は２つあります(これ以外にもあるかも!?)。 （１）InDesign CS4以降なら、正規表現スタイルを利用する 参考：市川せうぞーさんの記事 文字数によって自動的に長体をかける （２）JavaScriptを使ってオーバーセットのテキストに長体をかける CS
Scripts for InDesign CS5_J
これらのScriptはすべてフリーウエア・ノープロテクトのSampleScriptです。 これらのScriptは使用者の責任においてご使用ください。万一なんらかのバグによるいかなる損害にも応じられません。 shorten_line_selection (12KB)2012-03-14 動作環境：MacOS X10.7.3、JavaScript、InDesign CS5_J（7.0.4） 選択したテキスト部分を文字ツメ、変形（長体・平体）させて、指定ライン数以内に収めます。 詳細はこちら：選択テキストを約物カーニング→文字ツメ→変形（長体・平体）で指定ライン数に追い込む「shorten_line_selection 0.5」 find_lines_pStyle (Blog)2012-03-14 動作環境：MacOS X10.7.3、JavaScript、InDesign CS5_J（7.0.
InD-Board
環境：Windows11／Indesign CC2023 18.3 最近気が付いたのですが、段落スタイルを別のファイルから読み込むと、読み込まれた段落スタイルに身に覚えのない設定が追加されていることに気が付きました。 読み込むほう、読み込まれる方双方ともに設定していない項目が追加されているのです。 具体的には、なぜか囲み罫と背景色の角丸の半径設定が追加されています。 しかしこの設定を消そうとスタイル設定の編集項目を見るとチェックされていないのです。 このため、読み込み時に勝手に追加された設定を消すことができず困っております。 この現象は何でしょうか。解決法はあるのでしょうか。 ご存じの方がいらっしゃいましたら是非知恵をお借りしたく、ご助言のほどお願いいたします。 No.10597 2024/07/08(Mon) 10:29:38 Mozilla/5.0 (Windows NT 10.0;
InDesign＋JavaScriptで電子書籍制作を自動化 (1/6)
出版／印刷業界で広く使われているDTPソフト「InDesign」はJavaScriptを使ってさまざまな処理を自動化できます。たとえば話題の電子書籍のデータ制作も、InDesignとJavaScriptを使えばある程度自動化できます。 そこで今回のJavaScriptラボは、InDesign CS5とJavaScriptで青空文庫形式の電子書籍を作成します。青空文庫形式は単純なテキストファイルですのでInDesignのデータをコピー＆ペーストするだけでも作成できますが、今回は画像を含むInDesignのドキュメントをiPadのi文庫HD用の青空文庫形式に楽に書き出せるようにしましょう。 i文庫HDの青空文庫形式には独自の改ページタグと画像埋め込みタグが用意されています。詳しい仕様は以下のページにあります。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「正規表現とg, iフラグ」 ～マンガでプログラミング用語解説
2014年チェックしておきたいスタイルシートやスクリプトのスゴ技たち -Top Pens of 2014
InDesign｜3倍早くなるためのDTP講座 -2ページ目
[InDesign]データ結合後テキストフレーム総連結 | •_•