スクリプト関連の記事一覧



20160726-jQueryでiframeの高さを自動調整-01

Webページの制作でiframeで他のページの情報を埋め込んだり、ウィジェットを埋め込んだりすることってありますよね。

このiframeは高さが決まった高さなら、CSSで高さ(height)を事前に決めてあげればよいのですが、昨今のレスポンシブWebデザインでは、iframeの高さがPCとスマホ・タブレットで結構変わってしまうことも多くて、事前に高さを決め打ちで指定できないことも多くあります。


そこで、JavaScript(jQuery)を使って、iframeの高さを自動的に設定してくれるスクリプトを紹介します。



記事の続きを読む




仕事柄、ウェブサイトでWeb開発ツール(F12ツール・Firebug・デベロッパーツール)を開くことがあるのですが、Facebookのサイトで開いたら、驚きのメッセージが表示されました。


●Firefox

まずは、メインブラウザーのFirefoxでFirebugを使ってConsole(コンソール)を開いてみます。F12キーを押します。

すると…

20150602-Facebookのサイトでコンソールを開くと警告が表示-01

警告メッセージが表示された!

記事の続きを読む



以前に「【疑問】JavaScriptの window.jQuery || document.write …という条件式の書き方」ということを書いて、理由を探したのですが、ちょっとまだモヤモヤしたままでした。

モヤモヤを抱えたままだったので自分なりに考えてみました。


今回はウェブの開発・制作でよく使われるFirefoxのFirebugを使用します。(インストールはこちらから

Firebugの機能で、コンソールという機能があって、ここにスクリプトを書いて、色々実験ができます。

20140202-window-jQueryについて-08

画像出典:Firebug



この機能を使って「window.jQuery ||  document.write('<script src="●●"><\/script>') 」の動作を調べてみます。


記事の続きを読む



20130423-ビブロスフォントからOTFへ変換スクリプト-00

みなさん、ビブロスフォント(Biblos Font)使っていますか?

って使っている人はもはや古いQuarkXPressユーザーだけか…。
私も以前はお世話になりました。


ビブロスフォントですが、,澆燭い粉歐字が100まで使えて当時は「すげー」と思いました。
そのビブロスフォントを使ったデータを今度InDesignで組み直すときに、ビブロスフォントの丸数字をそのまま使うわけにはいかないので、Open Type Font(OTF:オープンタイプフォント)に置き換えようと思いました。

こんなの「検索と置換」で何とかなるかと思いましたが、なかなかうまくいかないのでInDesignのスクリプト(ExtendScript・JavaScript)を書くことにしました。

記事の続きを読む



jQueryで簡単・シンプルにクロスフェード型のスライドショーが作れないかな?と思って探したら「A Simple jQuery Slideshow | Jon Raasch's Blog」というスクリプトが公開されていました。

※クロスフェードというのは今表示している画像が段々薄くなっていくと同時に、次の画像が段々濃くなってくるタイプのエフェクト。


今回はこちらのスクリプトを紹介します。

実は以前書いた「jQueryで簡単な画像のスライドショー《slideswitchを勝手に解説》」でも紹介しているのですが、このスクリプトのままだと、画像にリンクを張った場合に動作しなくなるので、それを修正したものを紹介いたします。

このブログのアクセスログを見ると、検索で「jQuery 簡単 スライドショー」とかで結構来ているみたいなので。


今回のスクリプトを動かしたデモは↓のようになります。(スマートフォン版ページだと動作しません)

Sea Otter preening itself in Morro Bay, CA  sea-otter-morro-bay_13 Sun Sun Down Sun Rise over Sydney Sea

記事の続きを読む





正確に円弧をトレースするためのTips - DTP Transit」を読んでいて、正直何をしているのか意味がわかりませんでした(苦笑)。作業自体はできるのですが、なぜそれで円弧から円の中心が出てくるのか…?と訳がわかりませんとツイートしたら、親切なTwitterのフォロワーさん(@rikuo)が答えてくれたよ!

(おそらく正円の)円弧の中心点を求めるのであれば、この方法はどうでしょうか? twitpic.com/87xx69 言葉と記号が足りなかったのですが、線分ABと線分DEは垂直に交わっています。
中心点の分からない(おそらく正円の)円弧から、中心点を探す方法。もっといい手法あるかなぁ。... on TwitpicTwitter / @rikuo: @jdash2000 (おそらく正円の)円弧の中心点 ...


でもそれ(TwitPic)を見てもなぜ垂直な線上に円の中心があるのかわからなかったので教えてもらった日はわからなかったのですが、翌日の朝(出社前)にIllustratorで図を書きながら考えたらわかりました。


わかったときは「エウレカ!」(ガリレオ)という感じで嬉しかったです。
なので記事にしてみました。

記事の続きを読む



ブログ著者

名前:(Google+のプロフィール)

ケータイ好き。ガジェットが好きでiPhoneやらAndroidなどを所有。Surface Pro 2も持っている。

お仕事は印刷会社で営業・広報活動・DTPオペなどをしています。要は何でも屋さんです。最近は印刷関連より、自社のウェブサイトを制作するお仕事がほとんど。使用しているCMSはMovable Type。

ブログ著者について

サイト内検索