最近はwebサイト上にインスタグラムに投稿した画像を表示しているサイトも珍しくなくなってきました。 ここではInstagram API を使ってインスタグラムのデータをhtmlファイルに埋め込む方法を説明していきます。 Instagram APIを使って出来る事・出来ない事 ※ 2018年4月4日にInstagram API の仕様が大幅に変更されました。 今までは、Sandboxというモードを使うことによって、他のユーザーの承認を得られることができれば、限定的にではありますが、他のユーザーの写真を取得することができるようになっていました。しかし、これは2018年4月4日をもって一切できなくなったようです。 なので、クライアントの画像を取得する場合、下記で説明している［CLIENT-ID］と［REDIRECT-URI］をクライアントのアカウントで作成する必要があります。 さらに、2020年

an open-source JavaScript library for mobile-friendly interactive maps Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps. Weighing just about 42 KB of JS, it has all the mapping features most developers ever need. Leaflet is designed with simplicity, performance and usability in mind. It works efficiently across all major desktop and mobile platforms, can b

みなさん、こんにちは。 ラボの阪本です。 どうやら、2015年6月23日より、従来利用していたfacebook埋め込みが利用出来なくなる模様です。 確かに、facebookの管理画面を見ると埋め込みに関する注意書きがあり、詳細を確認すると、 かなり思い切った仕様変更を行う模様で、企業サイトなどでfacebookを活用している場合、対応せざるを得ない状況でした。 状況をまとめてみましたので、参考にしてみてください。

作成日 2015年1月22日（木曜）10:38 | 最終更新日 2015年1月22日（木曜）17:24 | 作者: 森　純一 | 参照数: 317 バスロックの各クライアントでの地図表示には、OpenStreetMap を使っています。今まではAndroid の専用クライアントでの表示でしたが、ブラウザでも見れるようにしたいと考えています。 そこで、OpenStreetMap をブラウザで表示する方法を試してみました。具体的には、OpenLayers というライブラリを使って表示することになります。ここでは、OpenLayers を使ったOpenStreetMapの表示方法をまとめておきます。 OpenStreetMap について 実際の表示方法の前に、OpenStreetMap についてちょっとまとめておきます。OpenStreetMap というのは、 OpenStreetMap(OSM

仕事でInstagram APIを使うことになったので、勉強がてら以前から作ってみたかった「おうちごはんカレンダー」を作ってみました。 １年以上も前の記事です。情報が古くなっている可能性があります。 できたもの ・我が家のおうちごはん（JavaScript版） ・我が家のおうちごはん（PHP版） ・みんなのおうちごはん APIの仕様変更に伴い、上記サイトは削除しております。ご了承ください。 我が家のおうちごはん ２つは、どちらも私が@mei331のアカウントで投稿している写真の中から#おうちごはんタグのついたものだけを抽出してカレンダー状に表示しているものです。 みんなのおうちごはん はInstagramの写真すべてから、#おうちごはんタグのついたものだけを抽出し、並べています。 Instagram APIについて Instagram APIを使う場合、Instagram Develope

HTML5で実現できる！環境光に合わせたレスポンシブなUI Tomomi Imura（Slack） フロントエンド開発やデザインに携っている皆さんにとって、ここ数年間「レスポンシブ・ウェブ」についての話題は避けて通れないものとなっているでしょう。モバイルやタブレット上でも、ユーザー・エクスペリエンスを失うことのないウェブを表現するには、CSS3 Media-queriesが欠かせないものとなってきました。 それでは実際、レスポンシブ・ウェブとは何についての対応（レスポンシブ）なのでしょうか。 現在のところ、私たちがいうレスポンシブ・ウェブデザインとは、どんなスクリーンの幅や表示領域、デバイスの画面解像度や画面の縦横の向きにも対応したウェブデザイン、というのが事実上の定義となっているようです。 そこで今回、私はその定義を超えたレスポンシブ・ウェブのユースケースについて考えてみました。 太陽光

Canvas、WebGL、WebRTC、WebSocketなど、HTML5の花形スターとも言えるモテ系APIは、常に世間の注目を集めている。これらAPIを使いこなせるウェブディベロッパーはどこからも引っ張りだこだろう。しかし、注目度が低いながらも、今後のウェブを支える（かもしれない）最新のAPIが数多く存在する。このようなAPIは派手さが足りないゆえに話題になることもない。しかし、これら非モテ系のAPIも含めてHTML5だ。 本セッションでは、ありきたりのモテ系APIに飽きたマニアな貴方のために、普段は陽の当たらないAPIを一挙紹介する。もちろん、どれかのブラウザーに実装されているAPIのみだ。今から使おうと思えば使えないことはない。そして、W3Cにて仕様策定が始まって日が浅いため、明日にはどうなるか分からない。無くなるかもしれないし、大幅に変更されてしまうかもしれない。今覚えても役に立た

私がWordPressを使用してサイトを構築するとき、 必ずといって良いほど使用するプラグインについてご紹介します。 ※基本的なSEO系プラグインなどは除外しています。 目次 Advanced Custom Fields Category Order Breadcrumb NavXT PS Disable Auto Formatting TinyMCE Advanced オマケ ■Advanced Custom Fields http://wordpress.org/extend/plugins/advanced-custom-fields/ カスタムフィールドを拡張してくれるプラグインです。 カスタムフィールドの設定が容易 カテゴリーやタグにもカスタムフィールドが追加できる 設定できるフィールドが多彩！ 1.カスタムフィールドの設定が容易 カスタムフィールドの追加がかなり容易です。 他の

■基本 ・記述方法は「the_field()」と「get_field()」の二通り 値の内容を表示したいときは、the_field()を使います。 the_field('my_custom_01'); これで、現在表示している投稿の「my_custom_01」というキーの値を表示できます。 もしif文や変数などで使用する場合はget_field()を使用します。 $hoge = get_field('my_custom_01'); 入力されているか否かのチェックはget_field()で行います。 なので、私の使用頻度としては専らこちらの方です。 ・第二引数で投稿やページを指定することも可能 the_field('my_custom_01', 100); これで投稿IDが100の投稿（もしくはページ）の「my_custom_01」を表示出来ます。 この「the_field()」と「get_

2011年12月01日00:57 by oklahomer Built-in Object Types カテゴリドキュメントOpen Graph アプリケーション用の一般的なタイプは既に定義されています。Built-in Actionsはビルトインのオブジェクトとセットで機能するように設計されていますが、ビルトインのオブジェクトと組み合わせるアクションをカスタマイズすることも可能です。ビルトインのオブジェクトタイプを利用するには、Dev Appでそれらを登録する必要があります。 また、Open Graphオブジェクト内で利用するメタタグ群にも定義済みのものがあり、complex typesと呼ばれています。アクション／オブジェクトの表示や要約を助ける為に、できるだけ定義済みのものを利用してください。それぞれのタイプはオブジェクトタイプとは異なりますので、インスタンスを持ちません。むしろco

2013年のいま、API界隈が熱い！ 今年に入り、官公庁の統計データやNHKの番組情報など、今までなかなか利用できなかったデータがAPIとして扱えるようになってきました。このエントリでは現在公開されているAPIを一覧でまとめます。いま使えるAPIはこれだけ読めば大丈夫。2013年の最新マッシュアップ事情をあますとこなく網羅します！ HOT! API 総務省 次世代統計利用システム（国勢調査、人口推計、就業構造、企業統計、物価統計 etc.） NHK番組表（※未公開） 行政・自治体・公共サービス 郵便番号 郵便番号検索API（郵便番号 → 住所） 郵便専門ネット（郵便番号 → 住所、郵便番号の簡易存在チェック） ぽすたん（郵便番号 → 住所、住所 → 郵便番号） IW3 PROJECT（郵便番号 → 住所、住所 → 郵便番号） 宇宙 Google+ JAXA PR（※現在一部の学生に限定公開

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

移転しました http://please-sleep.cou929.nu/20130121.html