YouTube Data API v3を使用して、YouTubeページと同じリストモジュールを作ってみた【LIGアドベントカレンダー20日目】 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのはっちゃんです。 こちらはLIGアドベントカレンダーの20日目の記事です。 LIGアドベントカレンダー2019は こちら！ 今回は、YouTube Data API v3を使って、YouTubeページと同じリストモジュールを再現してみたいと思います。 YouTube Data APIとは YouTubeが提供しているAPIで、動画やチャンネル、再生リストに関わる情報を取得して、自分のWebサイトやアプリケーションで使用することができます。 公式のドキュメントが用意されているので、詳しくはこちらをご覧ください。 https://developers.google.com/youtube/v3/getting-started?hl=ja 今回やること 動画URLの取得 サムネイルの取得 タイトルの取得 チャンネル名の取得 チャンネルURLの取得 再生回数の
milkcocoaとgmaps.jsで、スマホ（と、まろ氏）の位置情報をリアルタイムに取得してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。エンジニアののびすけです。 最近、同じくエンジニアのまろ氏が目立ってきて焦っています。 先日、Google Mapsのライブラリであるgmaps.jsを使った 「Web初心者でもGoogle Mapsをカスタマイズできるgmaps.jsでAPIを使い倒そう！」 とmilkcocoaを使った 「インタラクティブコンテンツを作ろう！milkcocoaで5分のチャットアプリ制作」 を書きました。 Web上の地図表現とインタラクティブな表現。 これらを使って何かをやりたいとは思ったのですが、アイディアが無いので（誰かください）今回はこの2つの技術を組み合わせて、エンジニアのまろ氏の現在地をGoogle Maps上にリアルタイムに反映してみたいと思います。 今回はこれを1時間弱程度で作りました。milkcocoaとgmaps.jsは便利っすなぁ。 作ったものの構成イメージ 上のような構成
jQueryを使用して指定したハッシュタグのつぶやきを取得する
Posted: 2010.12.11 / Category: javascript / Tag: jQuery, json, Twitter, 正規表現 Twitterのつぶやきを表示しているWebサイトがだいぶ多くなってきた昨今。イベントサイトなどでは特定のハッシュタグのつぶやきを表示するといった使い方もされているようです。 ということでこの記事ではjQueryを使用して指定したハッシュタグのつぶやきを取得して表示してみます。 Twitterのハッシュタグを検索し取得するURI Twitterからはさまざまな形式でデータを取得できますが、jQueryを使用するならjson形式が便利です。 ハッシュタグを取得するURIは下記です。 http://search.twitter.com/search.json?q=%23[ハッシュタグ名] [ハッシュタグ名]は取得したいハッシュタグ名に置き換え
jQuery googleslides
Usage: $("#demo1").googleslides({ userid:'115528839112598673902', albumid:'5710317752556741025' }); Usage: $("#demo2").googleslides( { userid:'115528839112598673902', albumid:'5710326335933432353', time:2000, imgmax:260 }); Usage: $("#demo3").googleslides({ userid:'115528839112598673902', albumid:'5710326910876169537', imgmax:100, fadespeed:500, time:8000, caption:false }); Setup Add a reference t
Wikipediaから指定したキーワードに該当するページの簡単な情報を手軽に取り出せるjQueryプラグイン・jQuery Wikipedia Plugin
Wikipediaから任意のキーワードに該当するページにある情報を手軽に取り出せる、というスクリプトのご紹介。地味に使いどころあるかもと思ったので備忘録です。 Wikipediaからキーワードの簡単な情報を表示する、みたいなやつです。 動作デモです。 コード<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'></script> <script src="jquery.wikipedia.js" ></script>本体とプラグインを読み込む。 $('#foo').WikipediaWidget('東京');キーワードを指定する。 <div id="foo"></div>要素を用意する。これで読み込めます。 ただし、動作デモのように日本のページ
Evernoteをたった2ステップでRSSリーダーに変身させる「EverRSS」を実際に使ってみました
GoogleのRSSリーダー「Googleリーダー」が7月1日でサービス終了すると発表されてから、多くのRSSリーダーやあとで読む系アプリが我こそはとしのぎを削っていますが、Evernoteをたった2ステップでRSSリーダーに変身させることが可能な「EverRSS」が6月27日にサービス開始しました。簡単にGoogle ReaderでRSS登録していたサイトのインポートが可能で、RSSリーダーとしてEvernoteを使用できるようになるので端末間をシームレスに利用可能です。 EverRSS - 2ステップでEvernoteをRSSリーダーに。 http://everrss.me/ ◆Google Readerに登録していたRSSのインポート EverRSSを使用するには上のリンクからEverRSSのトップページへ移動して、Google Readerに登録していたRSSのインポートから始めま
ページ内でどれくらいスクロールされているかをGoogleアナリティクスで解析する為のjQueryプラグイン・Scroll Depth
ユーザーにどれくらいページ内で スクロールされているかをGAの イベントAPIを使って解析する為 のjQueryプラグイン・Scroll Depth のご紹介。 スクロールに応じて視差効果を演出できるパララックス系サイトやペラサイトのような1ページで完結するタイプのコンテンツを持つサイトは割と見かけるので、どれくらいスクロールされているかを解析する方法もあるといいかもですね。という需要に応えたライブラリみたいです。 ※時間なくて動作テストしてないのでその程度の記事という事で今日はご了承下さい。 ユーザーのスクロール状況をパーセンテージでトラッキングするプラグイン。デフォルトでは25％、50％、75％といったポイントで解析できるようになってるみたい。また、任意のDOM要素をターゲットにする事も出来るそうです。 コード<script src="https://ajax.googleapis.c
カグア！
Wordpressで、Twitterを表示させる方法です。 PHP5動作環境では以下のようになります。 <div> <ul> <?php $xml = simplexml_load_file(‘http://twitter.com/statuses/user_timeline/xxxxx.rss’); $i = 0; foreach($xml->channel->item as $item) { if(++$i>10) break; $title = (string)$item->title ; $link = (string)$item->link ; echo ("<li><a href=’".$link."’>".$title."</a></li>"); } ?> </ul> </div> xxxxxのところがユーザー番号になり、 foreachのところの10がつぶやきの表示数となり
Flickrの写真をjQueryで自動で取得して自サイトやブログに表示*WEBデザインとか
Flickrの自分のアカウントから、写真を自動で取得して、サイトに表示したかった時のメモ。 【準備するもの】 ●FlickrのAPIキー ●表示させたい写真群のFlickr ID ※分からなければ、idGettrから取得可能 で、今回はjQuery Flickrというプラグインを使ってやってみました。 【jQuery Flickrの導入手順】 以下のページから、jquery.flickr-1.0.jsをダウンロード。 Project Atomic » Blog Archive » jQuery Flickr で、<head>〜</head>内に以下のタグを記述。（jsファイル名とディレクトリは環境に合わせる） <script language='javaScript' src='jquery-latest.pack.js' type="text/javascript">
flickr関連｜Webサービス連動｜Web関連特集｜PHP & JavaScript Room
Flickr APIについて Open Source Flickr Photo Gallery Using jQuery〔jQueryを使用してFlickrの写真セットをギャラリー表示〕 jQuery Flickr〔jQueryを使用してFlickrのデータを取得〕 写真や画像にウォーターマークを入れるツール〔PicMarkr〕 Flickr badge作成ツール Flickrスライドショー埋込タグ生成ツール〔SlideFlickr.com／flickrSliDR〕 splashr beta〔いろいろな形式でスライドショー表示するオンラインツール〕 Slideco〔横長の写真スライドショーウィジェット作成オンラインツール〕 Flickrの写真をギャラリー形式で見れるオンラインビュアーいろいろ Flickr APIについて 2009/7/2 Flickr APIを利用するには、Flickrの
Objectプラグイン v0.10（ダイナミックパブリッシング対応）
Movable Typeのデータベースに対し、任意のフィールドを指定してデータを取得できるObjectプラグインをバージョンアップしました。 １．変更点 以下のオブジェクトについて、ダイナミックパブリッシングに対応しました。 ブログ記事 ウェブページ コメント トラックバック カテゴリ フォルダ アイテム ユーザー なお、fetch系のメソッドを使用しているため、スタティックと比較して以下のモディファイアが使用できません。 sortモディファイア statusモディファイア inclモディファイア 逆に、ブログ記事であればlastn、limit、sort_order、sort_byモディファイアなどが利用可能です。 ２．使用例 ブログ記事を出力するMTEntriesタグでは日付による範囲指定を行えませんが、MTObjectsタグを利用すれば日付による範囲指定が可能になります。 例えば、ブロ
Web Designer - Developer - Software Engineer - Business Consultant - London
Projects can take many forms and I enjoy the challenge of both design and development. Designing simple interfaces that can integrate with complex backend infrastructures. I've spent my career in web development, working for a number of leading technology companies in the UK. I joined Myspace as one of the only developers outside the US, working on digital marketing campaigns for large consumer an
ke-tai.org > Blog Archive > ドコモがPC向けの認証サービス「docomo ID」の提供を開始したようです
ドコモがPC向けの認証サービス「docomo ID」の提供を開始したようです Tweet 2010/3/10 水曜日 matsui Posted in DoCoMo, ニュース | 1 Comment » ドコモがPCサイトでもモバイルサイトと同じようにユーザー認証できるサービス「docomo ID認証」の提供を開始したようです。 → NTTdocomo docomo IDについて [i.mydocomo.com] → NTTdocomo サイト運営者様向け 技術資料 [i.mydocomo.com] 上記ページにPDFの技術資料がありますので、詳しくはそちらを見てみると良いかと思います。 まだ詳しくは見れていないですが、機能と中身はほぼOpenIDみたいですね。 他には無い特徴としては、PCサイト側でも利用者のiモードIDが取得できるという点ですね。 これによって利用ケータイとの紐付けが
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アクセス解析のデータ取得からレポート作成までを自動化する「GA Client」を実践活用 第7回 | 1万円で真似できる“戦略的サイト運用術” - 小さく作って速く改善