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

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

PDFを手軽に圧縮する方法

web閲覧用のpdf作成時に 圧縮して軽くしなきゃ!って場合があるかと思います。 Acrobatで作業してもいいですがちょっと面倒 PCになにかしらのアプリケーションを入れるのもちょっと面倒 そんな時はWEBから簡易的に pdf圧縮変換をしちゃいましょう。 smallpdf.com ここにアクセスして pdfをアップロードするだけ! なんと容量制限がないので ...
続きを読む

jqQueryでローディング画面をだしてみる

20150415
画像を多く使うサイトなど読み込み時に反応が遅いと なんだこのサイトは!!…と ちょっとイラっときたりするのがユーザー! そんな時は一度ローディング画面で ブラウザを覆ってしまい、 全ての読み込みが完了した際に 表示してあげれば、イライラUIが解消されるかもしれません。 jQueryで簡易実装してみましょう http://www.ajaxload.info/ こ...
続きを読む

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

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

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

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

css3で要素の大きさを変えるアニメーションを実装してみる

20130325
cssのtransformを使うと 比較的軽量かつスムーズなアニメーションを実装できる。 ここ最近では、Jqueryと併用されることも増えてきたんじゃなかろうか。 JqueryのAnimateよりもcssのtransformのほうが スマートフォン端末ではスムーズにうごいたりする。 是非積極的に活用していきたいところです。 今回は、要素の大きさを自在に変える例を書いてお...
続きを読む

selectタグのclickイベントをjQueryのtriggerで起動

20150319
スマホのUIで 任意のボタンをクリックするとselectの選択画面(option)を起動する なんて動きを見た事がある。 jQqueryで実装しようと思いtriggerでこんな感じでやってみた。 $("#elm").click(function(){ $("select").trigger("click"); }) すると、あれ??うまく起動できないので デ...
続きを読む

新型macbookキター!Retinaキター!あれコレairじゃない(困惑)

thumb
2015/03/09日、ついに新型Macbookが発表となった。 そのニュースを知った瞬間僕は歓喜した。 兼ねてより噂になっていたretina仕様のMacbook Airがついに出たのかと!! 周りの人に散々 「ぼく、、retinaのair出たら買いますから、ホントに」 って訳のわからない誓いをしてきたあの伏線を、 ついに回収する時が来たかと! そのニュースを...
続きを読む

facebook「いいねボタン」の正しい設置方法「アプリ登録編」※2015年3月版

20150304
●ソーシャルプラグインの一般化 サイトをつくった際に、 ソーシャルプラグインを実装する機会も増えましたよね。 その代表的なものに facebookの「いいねボタン」 があります。 いまや、どのサイトにいっても「いいねボタン」を目にします。 その設置が手軽なのも流行したひとつの要因と言えるかもしれません。 しかし、、、それら「いいねボタン」含むソーシャルプラグインは た...
続きを読む

WEBサイトでメインアイキャッチ画像に動画を利用してみる。

22
回線速度の水準が上がってきたので動画を利用したwebサイトを 多く見かけるようになった。 いままで静止画が当たり前だっただけに、 動画を使ったサイトに出会うとちょっと印象に残ったりします。 サンプルサイト http://h-print.co.jp/ 実装の手順は実に簡単!html5のビデオタグを利用するだけです。 再生できる拡張子はこちらの3種です。 mp4 ...
続きを読む