iframeで表示するページの高さを取得する

最近、他サイトとのコンテンツ連携が多く、手軽にiframeでやりたいことが多々ありますが、中身に表示するページ内のリンクをたどった場合、各ページの高さが異なるせいで、スクロールバーが出たり出なかったりと・・・・・これを解消する方法をご案内。 簡単に説明すると、子ページで自身の高さを取得し、これを親ページに渡し、親ページのiframeの高さにセットという感じ。 ○子側 ○親側 ...
続きを読む

jQuery3.0になって変わった所 – 対応ブラウザには気をつけよう

jQueryが3.0になりました! 過去のjQueryのメジャーアップデートでも大きな変更がありました。 jQuery1.xから2.xにアップした際はIE6・IE7・IE8を切り捨て(やったぜ!)パフォーマンスを上げました。 最近はIE8のことは考えなくてよくなっているので嬉しい限りです。 さてjQuery3.0はどこがかわったのでしょうか? IEブラウザのサポート ブラウ...
続きを読む

iPhoneやiPadでFTPやSSHを利用する

Webの開発会社は、緊急対応で休日も作業をしなければならないことが多いのです。 緊急時に家や近所にいたならば、自宅で作業を行えますが、旅行中やデート中に緊急対応が入ると 困ってしまいますよね。 旅行であればパソコンを持っていけば良いのですが、デートにパソコンは邪魔ですよね。 旅行だって、できれば身軽で行きたいものです。 そんな時、iPhoneやiPadでちょっとした作業ができれば...
続きを読む

css transformをjQueryでスタートする

007
css transformをjQueryからスタートさせてみました。 今回は横軸回転を1回行うtransformをcssで設定します。 キーフレームの名前はrotateで、各ブラウザごとにベンダーフレックスを記述します。 それではjQueryから設定したrotateを追加して動かします。 例ではボタンを押したら回転するサンプルです。 css trans...
続きを読む

良く使うAjaxメモ

20150508
今回は久々にスクリプトのお話です。 個人的に、僕はAjaxが嫌い、というかJavaScriptが嫌いです。理由は当然、ブラウザによって挙動が違うからです。こう思う人、結構いますよね。 リリース後の誤動作や検証コストを考えても、開発現場では、JavaScriptを使わなくても実現できるならば使わないべきと僕は考えています。 簡単なものであれば良いんですが、複雑になればなるほど問題が...
続きを読む

itunesのapiで楽曲IDを指定して曲の情報を取得する方法(jQuery使用)

20150430
itunesのapiで、該当の一曲の情報のみを取得する方法を調べていたので備忘録。 ①曲IDの取得(手動) もちろんapiをつかって単語検索したものの曲idを取得することも可能ですが 今回は決め打ちで「その曲の情報のみ」を取得したいので、itunesストアから手動でコピペしてきます。 取得したい曲を検索し、価格の欄の右側に「▼」があると思いますので そちらをクリック→リンクをコピ...
続きを読む

jQueryを使用したテーブルのフィルタ検索を実装してみる(変数で正規表現)

20150319
mysqlなどでデータベースのデータを出力する時に tableタグを利用して、ザ・エクセルみたいなレイアウトをとる時があったりする。 その際、フィルタリング検索をphpで実装しようとすると、 条件をPOSTしてデータベースをselectしなければならないので 割と面倒になったりする。 出力件数がそこまで多くないのであれば、 全件引っ張ったあと、jQueryでフィルタをかけてあげ...
続きを読む

クッキー (Cookie)の 長さ制限

20150408
昔と違い(いつ?)クッキーについては今現在RFC6265で定義されている。 http://www.rfc-editor.org/rfc/rfc6265.txt (RFC万歳!!) 個人的にはRFCのおかげでインターネットが「自由、平等」という未来を築いていけると思い、 夢中になってRFC関連書籍、RFCドキュメント、有志による日本語訳を読んでいた頃があった(2000年頃) アプリケー...
続きを読む

PNGやJPGでアニメーションをしてみる(JQuery利用)

歌うタイヤ
gifアニメすごい好きなんですけど 例えば綺麗に透過させたい時とか、、たまにgifだと使いづらいときありますよね。 そんなときにpngやjpgをアニメーションさせるJQueryのサンプルを作ったので載せておきます。 ご用意いただくのは、アニメの全コマを横につなげた画像(スプライトシート)です。 スクリプトの仕組みとしては、 一定スピードで画像を一こまずつ横にずらしてアニメさせ...
続きを読む