![jQueryで親要素を取得する.parent() .parents() .closest()の使い分け解説!|ツーブロッカ](https://cdn-ak-scissors.b.st-hatena.com/image/square/96930cf7dae1875aad1909dd51b0f714bccfe386/height=288;version=1;width=512/https%3A%2F%2Fsatohmsys.info%2Fwp-content%2Fuploads%2F2014%2F09%2F061.gif)
APIを使ってフィードの取得に成功した後は、フィードからタイトルやエントリなど必要なデータを取り出して利用します。ここではフィードから必要なデータを取り出す方法について解説します。 1.フィードに含まれるプロパティの種類 2.フィードに関する情報 3.エントリに関する情報 4.サンプル フィードの取得に成功した場合、デフォルトの値であるJSON形式を指定していた場合は「feed」プロパティの値の中にフィードの内容が含まれています。「feed」プロパティの値は次のような構成となっています。 feed feedUrl title link description author entries[] mediaGroup title link content contentSnippet publishedDate categories[] では順に各値を取得してみます。
備忘録. スペニット的に使ってもらえれば幸いです. DOM 要素の絶値座標を取得する element.scrollTop とかだと親からの相対値になっちゃいます. getBoundingClientRect() を使えば絶対座標を取得できます. window.onload = function() { var element = document.getElementById('hoge'); // hoge というIDがついたやつを取得する var rect = element.getBoundingClientRect(); console.log(rect.left); // x座標(絶対座標) console.log(rect.top); // y座標(絶対座標) console.log(rect.width); // 幅 console.log(rect.height); /
Youtubeで公開されている動画の再生回数/コメント数/公開日などを、外部のWebサイトに表示する案件がありましたので、以下に方法をメモ書きました。機会がありましたら、ご参考ください。 Youtube APIを使う動画情報を取得するには、Googleから提供されている「YouTube Data API」「YouTube Analytics API」などを使うのが手っ取り早いです。というわけで、使ってみましょう~。 Google APIコンソールで作業まずは前準備をします。Googleアカウントでログイン済としてGoogle APIコンソールを開きます。(Googleアカウントがない方は、こちらで作成できます) APIを有効化する次に、Google APIコンソールを開いたら、左側に「APIs」があるのでクリックします。 APIの一覧が表示されますので、下の画像にあるように「YouTube
YouTube API を使って動画情報を取得したりすることをやってみたので、取得できるデータの種類や使い方についてまとめてみました。 sponsored link ログイン中のユーザーデータを受け取ったり何か登録したりする場合には認証が必要になってきます。この記事では認証が必要ない、動画再生に関するデータの受け取りについて書いています。 公式ドキュメント 日本語の公式ドキュメントもあります。 デベロッパー ガイド: Data API プロトコル – YouTube — Google Developers 参考サイト YouTube API を知るのに参考にさせて頂きました。 第3回 Youtube APIとjQueryを使いこなす:jQueryではじめるAjax|gihyo.jp … 技術評論社 YouTube Data APIで取得可能なフィード|YouTubeAPI|音声・動画配信
アプリケーションを実行しているスマホの画面サイズや向きを動的に取得できれば、それに応じて表示するコンテンツを調整できますよね。 画面サイズを取得する JavaScriptで画面サイズを取得するためのプロパティが用意されています。 ウィンドウサイズを取得できる関数 screen.width document.write(screen.width); 画面の幅を取得することが出来ます。 screen.height document.write(screen.height); 画面の高さを取得することが出来ます。 画面サイズとタスクバーを除いたスクリーンサイズを取得することが出来ます。 コンテンツ領域を取得できる関数 window.innerWidth document.write(window.innerWidth); ウィンドウ内側の横幅を、取得したい場合に使用。 ※ スクロールバー領域を含
イントロダクション ハッシュ(#)を URL に付与して、Web ページ内の特定のアンカーにジャンプするようにすることができます。 これは非常に便利な機能ですが、現在表示している Web ページの URL を基に、JavaScript などで何らかの処理を行う場合には、この URL のハッシュ(#)を考慮していないと困ったことが起こったりします。 URL にハッシュ(#)が付与されていると、同じWebページを示しているURLなのに、単純な文字列比較では別の Web ページのように見えてしまうからです。 今回は、現在ブラウザで表示している Web ページの URL にハッシュが(#)が付与されている場合でも、ハッシュ(#)を含まない URL が取得できる方法について考えてみることにします。
WordPress でアップロードした画像は、ヘッダー画像も含めて「メディア」→「ライブラリ」で一元管理されていて、画像に関するデータは投稿記事と同じようにループを使用して取得することができる。 記事本文に「画像を挿入」しなくても、投稿(固定ページ)画面から画像をアップロードした時点で、メディアライブラリに現在の記事の子記事として添付メディアファイルが対応する。 記事の添付メディアファイルを出力する(get_children) get_children テンプレートタグで子記事としてメディアファイルを取得し、取得した複数枚の画像ファイルのタイトル、画像、説明を foreach によってループさせ、全ての添付メディアを出力させる例。 <?php while(have_posts()): the_post(); ?> <h1><?php the_title(); ?></h1> <?php t
要素の幅を取得したい時に、jQueryではwidth()でその要素の幅を取得することができます。(時と場合によっては、outerWidth()やinnerWidth()を使います。) 例えばですが、下記図のようなトピックパスのリスト(li要素でマークアップした場合)の幅を取得したい場合には下記のように書きます。 jQuery(function($) { $("#topic-path li").width(); }); しかし、width()は該当する要素の最初にマッチした要素の幅しか取得するができません。なので、一番最初の【ホーム】と書かれている要素しか取得することができません。 そこで、すべての幅を取得するためには以下のことを行います。 取得した幅サイズを格納するために配列を作る 幅取得のために繰り返し処理 取得した幅サイズを配列に加える 取得した幅サイズを格納するために配列を作る 取得
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く