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の取得 再生回数の
エクセル（Excel）で2つのプルダウンリストを連動しよう♩+INDIRECT関数 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
2つのプルダウンリストを連動させる 動的に選択肢を出すなんて、難しい数式が必要なんじゃない？と思うかもしれませんが、そんなことないんです！ 以前紹介した「名前」という機能を使って、簡単に2つのプルダウンリストを連動させてみましょうー。 1. 表を作成する たとえば、こういう感じの表を作成するとします。 この表のなかで、「ユニット（職種）」と「担当者」の2か所をプルダウンで選びたい！ 選んだユニットと連動して、担当者の選択肢が変わるようにしたい！とします。 2. リストの元データに「名前」を付ける まず、選択肢の元となるリストを作ります。 例の場合ですと別シートで作成していますが、同じシート内でも大丈夫です^^ タイトルを付けて表形式にすることで、編集をする場合や他の人が見る場合にわかりやすくなります。 ここで活躍するのが前回説明した「名前」の機能です。 プルダウンリストは、「名前」を使って
JSONデータをHTMLにマッピングできるjQueryプラグイン「JSON2HTML」
JSONデータをHTMLにマッピングできるjQueryプラグイン「JSON2HTML」を紹介します。 JSON2HTML １．概要 「JSON2HTML」はJSONデータをHTMLにマッピングするためのHTMLテンプレートエンジンです。 次のようなJSONデータがあるとします。 var data = [ { 'name': 'A', 'value': 10 }, { 'name': 'B', 'value': 20 }, { 'name': 'C', 'value': 30 } ]; たとえば、このJSONデータから次のようなHTMLを出力することができます。 <ul> <li>A (10)</li> <li>B (20)</li> <li>C (30)</li> </ul> jQueryプラグインとnode.jsパッケージの2種類が配布されています。 ２．ダウンロード JSON2HTML
Google Analytics APIでページのアクセスランキングを作る方法
Google Analytics APIを使って、ウェブサイトやブログなどの人気ページのアクセスランキングを作る方法を紹介します。 １．完成イメージ 本エントリーで紹介する手順で作成すれば、ブログに次のようなランキングを表示できるようになります。 厳密には、ランキング用HTMLファイルを出力するところまでの説明となります。 ブログにランキングを表示させる手順は割愛していますので、出力ファイルを適宜インクルードしてください。 ２．作成手順 「Google Analytics API class for PHP」の中ほどにある「googleanalytics.class.zip」をクリックして、ファイルをダウンロード。 アーカイブを展開して、中にあるGoogle Analytics APIを利用するためのライブラリ「googleanalytics.class.php」をサーバにアップロードして
ブラウザ上で動くnode.jsベースのTwitterクライアントOSS「Streamie」:phpspot開発日誌
Streamie ブラウザ上で動くnode.jsベースのTwitterクライアントOSS「Streamie」。 node.jsベースのオープンソースなので、Twitterクライアントのよい見本となりそうです。（githubにてソース公開) ちょっと作ってみました的なものではなくてTwitterの機能をフルで使えるのも特徴 単に利用するだけでも便利そう。新しいツイートもリロードなしに見ることができます UIもCSS3等を使ってデザインされていてリッチかつ、それなりに洗練されています ＵＩやnode.jsの教材として、あるいは単にTwitterクライアントとして活用することができます。 関連エントリ Twitter・mixi・facebook・はてブ等のソーシャルボタンを瞬時に埋め込めるWordPressプラグイン「WP Social Bookmarking Light」 Twitterで使わ
Action Streams プラグイン（Movable Type 5 対応）の利用方法：その1
告知がかなり遅れましたが、Movable Type 5 対応の Action Streams プラグインが公開されています。 本エントリーではAction Streams プラグインの利用方法を紹介します。 Action Streams プラグインおよびCommunity Action Streamsプラグインを利用することで、Twitterなどの更新情報をMovable Type に表示することができるようになります。 時間の都合上、何回かに分けて掲載します。 １．プラグインのダウンロード githubにある Action Streams のバージョン 2.3の「zip」または「tgz」をクリックして、プラグインアーカイブをダウンロードします。 同じく、Community Action Streams のバージョン 1.4の「zip」または「tgz」をクリックして、プラグインアーカイブを
Mixi の Gmail 連携機能からマイミクを一括追加するブックマークレット - IT戦記
Gmail のコンタクトリストからマイミクの追加が出来るようになったみたいですね！ 『mixi』の「友人を招待」ページhttp://mixi.jp/invite.plや「メアドでマイミクリクエスト」ページhttp://mixi.jp/add_friend_mail.plにおいて、「Gmail」のアドレス帳を読み込み*1、友人を『mixi』に招待することや、マイミクシィリクエスト（友人登録）を行うことが可能となります。日頃、「Gmail」でやりとりをしている友人・知人については、個別にメールアドレスを入力する必要がなくなるため、簡単に招待やマイミクシィリクエストを行えるようになります。 株式会社ミクシィ おおお！これはすごい！ これで、知り合いを探す手間が大きく減りますね！！ すばらしい！ というわけで、一括マイミク追加するブックマークレットを書いてみた 使い方はいかのとおり Mixi にロ
AJAX-ed Todo List With PHP, MySQL & jQuery
In this tutorial we are making a simple AJAX-ed Todo List App, with PHP, MySQL and jQuery. In the process we are going to demonstrate PHP's OOP capabilities, play with jQuery UI and implement some nice AJAX functionality. Note: This tutorial is quite old and doesn't work in PHP7 and above. We are keeping it online only as a reference. For a better understanding of the steps of this tutorial, you a
複数ブログ処理のモディファイアを拡張するプラグイン
2024年2月1日 拙作プラグインの譲渡について 拙作のMovable Typeのプラグインを、株式会社ワールドイズマインに譲渡いたしました。 長きにわたり拙作のプラグインをご愛顧いただき、ありがとうございました。 Movable Type 5では、MTEntries等のテンプレートタグにinclude_blogs等のモディファイアを指定して、複数のブログから情報を集める機会が多いです。 この機能を拡張して、「post_exclude_blogs」というモディファイアを追加するプラグインを作りました。 「ウェブサイト内のすべてのブログのうち、一部を除外したい」といった時に便利です。 1.概要 Movable Type 5では、MTEntries等のタグに「include_blogs="children"」や「include_blogs="siblings"」と書くことで、ウェブサイト配下の
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
