iframe APIを使って、Youtubeの同時再生をを止める方法
Youtubeの規約では同時再生は規約違反 同時再生は規約違反になるので、一つしか再生されないようにする方法を記載していきます。 下記参考 まずは、youtube iframe apiのjsを読み込む scriptタグに下記のsrcを読み込む この時点でconsoleにYTと打って存在すれば読み込めています <div> <iframe width="50%" height="315" src="https://www.youtube.com/embed/eB0arUZ-63I?enablejsapi=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" al
【Laravel】GoogleMapsAPIを使って地図を表示させる方法（完全版）
はじめに この記事のゴール Laravelのプロジェクト内に、GoogleMapsAPIを使って地図を表示させ、東京タワーにピンを差す。 ゴールまでの道のり Laravelプロジェクトの新規作成 GoogleMapsAPIを使って地図を表示させる 東京タワーにピンを差す この記事の対象者 初めてGoogleMapsAPIを使う方 Laravel初学者 環境 macOS Catalina 10.15.5 PHP 7.3.17 Laravel Framework 6.18.41 実践 1. Laravelプロジェクトの新規作成 1-1.PHP と composer の確認 今回はLaravelのバージョン6を使うので、PHP 7.2.0以降とcomposerが必要です。 まず、その２つがあるかどうか確認をしましょう。 ターミナルにて、
外部JavaScriptを非同期（async / defer）で読み込みレンダリングを高速化する – helog
Googleのサービス「PageSpeed Insights」の解析結果で「修正が必要：スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する」という項目があります。 レンダリング中にJavaScriptを読み込むことで、画面表示に遅延が生じているという警告のようです。 （CSSについては別途考えます） そこで、HTML5から追加された属性「async」と「defer」を使って、スクリプトの読み込みを非同期にし、画面表示の高速化を図ってみたいと思います。 概要 HTMLのソースは上から順に解析されます。 ソース上部に大量のJavaScriptを読み込んだ場合、その読み込みに時間がかかる分だけ画面の表示が遅くなります。 少し前までは、JavaScriptはhead部分ではなく、bodyの閉じタグの直前で読み込むことが奨励されていました。 読
Google Analytics APIでサイト内のアクセスランキングを実装(1) | スタッフブログ | LAB Inc.（株式会社ラボ）
Google Analyticsを導入しているサイトで、Google Analyticsのデータを利用してサイト内のアクセスランキングを実装する方法をご紹介します。 ランキングを取得するための事前準備 Google API Consoleでの設定 Google API Consoleでプロジェクトを作成します API ライブラリからAnalytics APIを探して有効にします。 認証情報からサービスアカウントを作成してJSONを取得します。 サービスアカウントを作成すると自動的にメールアドレスが作成されます。 Google Analyticsでの設定 ランキングを取得するビューのユーザー管理者に上記で作成したサービスアカウントのメールアドレスを追加します。 後述する特定のページを対象としたランキングにしたい場合はカスタム定義からカスタムディメンションを作成しておきます。 PHPライブラリ
Developer Guide | Google Tag Manager for Web Tracking | Google Developers
Send feedback The data layer Stay organized with collections Save and categorize content based on your preferences. The data layer is an object used by Google Tag Manager and gtag.js to pass information to tags. Events or variables can be passed via the data layer, and triggers can be set up based on the values of variables. For example, if you fire a remarketing tag when the value of purchase_tot
Overview · Adobe XD Plugin Reference
This XD Plugin documentation is out of date. Find updated documentation on Adobe.io. Plugin APIs Bring new features and capabilities to XD Shape the future of design by creating plugins for yourself, your team, or the world. To share a plugin for all XD users, submit it to Adobe. After review, you’ll be published in the XD Plugin Manager. Figure: Develop: API documentation, code tutorials, and sam
[2018] 個人でも使える！おすすめAPI一覧
コメント欄にも他の方のおすすめAPIを書いてくれているので是非見てください！ Google Sheets API 公式：https://developers.google.com/sheets/api/reference/rest/ 数万行のGoogleスプレッドシートの読み取り・書き込み処理などができます 読み取りだけであればAPIkeyの発行だけでできますが、書き込みにはOAuth認証が必要です 参考：PythonとSheets API v4でGoogleスプレッドシートを読み書きする Google YouTube Data API 公式：https://developers.google.com/youtube/v3/docs/ YouTubeを検索して動画・再生リスト・チャンネルなどの一覧などを取得したり、更新したりすることができます 検索条件で地域(regionCode: JP)
![[2018] 個人でも使える！おすすめAPI一覧](https://cdn-ak-scissors.b.st-hatena.com/image/square/3f774a377b614b20a1346b35a83017e959a6ff4e/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JUU1JTgwJThCJUU0JUJBJUJBJUUzJTgxJUE3JUUzJTgyJTgyJUU0JUJEJUJGJUUzJTgxJTg4JUUzJTgyJThCJUVGJUJDJTgxJUUzJTgxJThBJUUzJTgxJTk5JUUzJTgxJTk5JUUzJTgyJTgxQVBJJUU0JUI4JTgwJUU4JUE2JUE3JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1mZTRlMjdjZGEwODI2ODFjZDEzNzRiZmUzMDdkZGQ1OA%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwbWlrYW4zcmQmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTE5MTFlZjYxZDQ3NTRmYzE2NDlmZTk1NWJkYmYwNzlj%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D46531b9b62160a08253b083a2e7c4db6)
概要 | Legacy Reporting API v4 | Google for Developers
このドキュメントでは、Google アナリティクス Reporting API v4 について説明します。API の詳細なリファレンスについては、リファレンス ガイドをご覧ください。 はじめに Google アナリティクス Reporting API v4 には、Google アナリティクスのレポートデータにアクセスするためのプログラム メソッドが用意されています（ユニバーサル アナリティクス プロパティのみ）。Google アナリティクス Reporting API を使用すると、次のことができます。 Google アナリティクスのデータを表示するカスタマイズされたマイレポートを作成する。 複雑なレポートタスクを自動化して時間を節約する。 Google アナリティクスのデータを他のビジネス アプリケーションと統合する。 機能 Google アナリティクスは、強力なデータ レポート インフ
Core Reporting API - リファレンス ガイド | アナリティクス Core Reporting API | Google for Developers
Core Reporting API - リファレンス ガイド コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 このドキュメントでは、Core Reporting API バージョン 3.0 のすべてのクエリと レスポンスについて説明します。 はじめに Google アナリティクスのレポートデータをクエリするには、Core Reporting API を使用します。それぞれのクエリには、ビュー ID（旧プロファイル ID）、開始日と終了日、1 つ以上の指標を指定する必要があります。また、クエリをさらに絞り込むために、ディメンション、フィルタ、セグメントなどのクエリ パラメータを追加することもできます。これらの概念がどのように連携するかについては、概要ガイドをご覧ください。 リクエスト この API には、データをリクエストするためのメソッドが 1 つ用意さ
Google Maps APIを使って、自分好みの地図を作ろう 先生：川村 健一
ーーーーーーーーーーーーーーーーーーーーーーー schoo WEB-campusは「WEBに誕生した、学校の新しいカタチ」。 ＷＥＢ生放送の授業を無料で配信しています。 ▼こちらから授業に参加すると、先生への質問や、ユーザーとのチャット、資料の拡大表示等が可能です。 https://schoo.jp/class/741/room ーーーーーーーーーーーーーーーーーーーーーーーRead less
やってみた! Google+インタラクティブ投稿ボタンの実装アレコレ
タイトルそのまんまなんですが。 このたび、Google+ APIを使ってGoogle+にインタラクティブ投稿させるボタンを実装してみました。 今回はその実装方法についてまとめてみましたよ。 インタラクティブ投稿って? 正直、あんまりきちっと理解が及んでるわけではないんですが、通常Google+へシェアを行う場合、対象サイト(ページ)に設置された+1ボタンをクリックして共有するか、あるいはURLをGoogle+に投稿するという方法があります。 インタラクティブ投稿というのは、これらとは扱われ方が違うとされています。 こちらは+1ボタンを使って投稿した場合ですね。見慣れた感じ。 で、こちらがインタラクティブ投稿を用いた場合。大して変化がないように見えますね。 でも、大きな変化として、まず「Review」ボタンが追加されています。 また、名前・投稿時間が並ぶ右に表示されるテキストが異なってます。
Google Maps API V3 での細かな設定 | バシャログ。
最近だんだん暖かくなってきて嬉しい kimoto です。今日は啓蟄ということで、冬眠から覚めた虫も這い出てくるそうです。 さて、前回書いた Google Map API V3 ですが、前回は基本的なことをざっと紹介しました。 今回は、そこからちょっとだけ踏み込んで、よくある設定を簡単にご紹介します。 マウスホイールでのズーム デフォルト設定だと、マウスホイールで縮尺が変更になります。 ホイールで拡大縮小ができるのは便利といえば便利なのですが、ページをスクロールしようとしてるのに、マップにポインタが重なった瞬間にページがスクロールせずマップが縮小されて行ったりします。 これは意外と不便なので場合によってはオフにした方が良いでしょう。 google.maps.event.addDomListener(window, 'load', function() { var map = document
Googleに学ぶ、Google Maps APIでできること（デモや技術情報など）
Google Maps APIを使ってできるユニークな特徴を備えたデモが楽しめるGoogleのプロモーションサイトと補足として技術情報を紹介します。 Google Maps API - More Than A Map デモでは6つのGoogleマップを使ったコンテンツと、開発者向けリソースや更に高度なデモを楽しめます。 Googleマップ：ベースマップ Googleマップ：サテライト Googleマップ：ストリートビュー Googleマップ：プレイス Googleマップ：ルート案内 Googleマップ：ビジュアライゼーション Googleマップ：開発者向けリソース Googleマップ：ショーケース Googleマップ：ベースマップ まずは、基本となるベースのマップです。
意外と要注意 HTML5データ属性とjQuery Data APIの関係まとめ | ゆっくりと…
前の記事「HTML5でモダンブラウザのCSS3バグを回避するためのハック方法」に関連して、jQuery で HTML5 データ属性にユーザーエジェント文字列を格納する方法を調べていました。その結果、ちょっと整理をしておいた方が良いかなと思う点を共有したいと思います。 ご存知の方も多いと思いますが、jQuery には .data() や jQuery.data() という、DOM 要素に データ を紐付けて記憶しておく仕組みが元々ありました。jQuery 1.4.3 からは、 API レベルでの 親和性 が考慮された形で HTML5 data-* 属性を取り込む仕様が導入されました。 HTML5 時代では、クライアント・サイドで実行されるコード量も増え、データ属性を扱う機会もちょくちょく出てくるのではないでしょうか。そこで今回は、 HTML5 data-* 属性のおさらい jQuery Da
gmaps.js — the easiest way to use Google Maps
gmaps.js Google Maps API with less pain and more fun Examples Maps Basic Map events Markers Services Geolocation Geocoding Overlays Polylines Overlays Polygon GeoJSON Polygon Routes Routes Routes (advanced) GMaps.Route Static maps Static maps With markers With polylines Utils Context menu Geofences Custom controls Fusion Tables layers KML and GeoRSS layers Map Types Overlay Map Types Street View P
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
XD 20 Plugin API Updates: Plugins Panel and More
Exciting Updates to XD Plugin APIs: How to Get Involved Early
Introducing The New Google Analytics Metadata API
gmaps.js — Google Maps API with less pain and more fun
Building a Twitter Widget using Distal — SitePoint