素のJavaScriptだけでアニメーションを実装するWeb Animations API
2022年3月17日 JavaScript Web Animations APIとは、他のライブラリーを使わずにアニメーションを実装できるJavaScriptの仕様です。CSSアニメーションと違い、様々な関数やイベントと組み合わせてより柔軟に、より豊かな表現が可能となります。今回はそんなWeb Animations APIを使ってみましょう！ ↑私が10年以上利用している会計ソフト！ Web Animations APIの基本の書き方 基本的な考え方や構造はCSSアニメーションと同じですが、アニメーションの内容やどう動かすかの指定は、配列やオブジェクトで記述していきます。基本形はこんな感じ： JavaScript 動かす要素.animate(動かす内容, 動きの詳細); 動かす内容（キーフレーム） animate() の第一引数には動かす内容、キーフレームを指定します。CSSと同じ形でプロ
【2019年版】Google Analytics API v4 の使い方（PHP）
毎月ウェブサイトごとに Google Analytics の解析データをエクセルにまとめる作業があるのですが、サイト数が増えてくると時間もかかり大変な(めんどくさい)作業になってきます。Google Analytics API を使えば、手製のプログラムから解析データを取得できるので作業を自動化できそうです。そこで今回は、現時点（2019年3月）での最新バージョン Google Analytics Reporting API v4 のセットアップから、PHPで解析データを取得するまでの手順をまとめてみました。 Google Analytics API の有効化 まずはじめに Google API コンソール にログインして Google Analytics API を有効にします。 プロジェクトの作成 Google Analytics API を有効化する下準備として「プロジェクト」を作成
Google Maps JavaScript APIの使い方まとめ
公開日: 2015/09/01 | 更新日: 2017/07/05 Googleが提供する、Google Maps JavaScript APIを利用して、ウェブページに地図を表示させる方法を説明します。通常の埋め込み型の地図とは違い、コントローラの調整、マーカーや吹き出しを配置したりなど、機能が満載です。 Google Maps JavaScript API V3 ReferenceGoogle Maps JavaScript API V3 ReferenceGoogle Maps JavaScript APIの公式リファレンスです。全てのメソッド、オプションなどについての解説が掲載されています。準備 (APIキーの取得)Google Maps JavaScript APIを利用するには、APIの有効化と、認証情報(APIキー)が必要です。この章では取得方法を説明します。 アカウントの用
Youtube IFrame API を使って遊んでみよう - Mach3.laBlog
この記事は賞味期限切れです。（更新から1年が経過しています） Webページで動画を活用したコンテンツもかなり増えてきた昨今ですが、如何お過ごしでしょうか。 今回はYoutubeの動画をJavaScriptで操作する Youtube IFrame API を使って色々遊んでみましょう。 Youtube IFrame API とは 基本的な使い方 動的にスクリプトをロードする 見た目・挙動・イベントを設定する 動画再生のイベントトラッキング 動画の再生の任意のタイミングでアクションを起こす 埋め込みプレイヤーでAPIを利用可能にする まとめ Youtube IFrame API とは iframe 組み込みの YouTube Player API リファレンス | YouTube IFrame API | Google Developers IFrame Player API を使うと、You
JavaScript: Instagram API を使って自分の写真を取得・表示する jQuery プラグイン :: log.chocolateboard
JavaScript: Instagram API を使って自分の写真を取得・表示する jQuery プラグインInstagram JavaScript お勉強メモ。jQuery のプラグイン化してみるお勉強の記録その3です（目標達成まであと7つ）。 Indexjquery.akInstagram の Demojquery.akInstagram のことjquery.akInstagram の Optionsjquery.akInstagram の Demo See the Pen by akey (@akey) on CodePen. jquery.akInstagram のことリポジトリurakey/jquery.akInstagram指定したセレクタ内に自分の Instagram の写真を出力するプラグインです。 Instagram で アクセストークンを取得する1. Instagr
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Japan Node.js Association