最近は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を使うことになったので、勉強がてら以前から作ってみたかった「おうちごはんカレンダー」を作ってみました。 1年以上も前の記事です。情報が古くなっている可能性があります。 できたもの ・我が家のおうちごはん(JavaScript版) ・我が家のおうちごはん(PHP版) ・みんなのおうちごはん APIの仕様変更に伴い、上記サイトは削除しております。ご了承ください。 我が家のおうちごはん 2つは、どちらも私が@mei331のアカウントで投稿している写真の中から#おうちごはんタグのついたものだけを抽出してカレンダー状に表示しているものです。 みんなのおうちごはん はInstagramの写真すべてから、#おうちごはんタグのついたものだけを抽出し、並べています。 Instagram APIについて Instagram APIを使う場合、Instagram Develope
HTML5で実現できる!環境光に合わせたレスポンシブなUI Tomomi Imura(Slack) フロントエンド開発やデザインに携っている皆さんにとって、ここ数年間「レスポンシブ・ウェブ」についての話題は避けて通れないものとなっているでしょう。モバイルやタブレット上でも、ユーザー・エクスペリエンスを失うことのないウェブを表現するには、CSS3 Media-queriesが欠かせないものとなってきました。 それでは実際、レスポンシブ・ウェブとは何についての対応(レスポンシブ)なのでしょうか。 現在のところ、私たちがいうレスポンシブ・ウェブデザインとは、どんなスクリーンの幅や表示領域、デバイスの画面解像度や画面の縦横の向きにも対応したウェブデザイン、というのが事実上の定義となっているようです。 そこで今回、私はその定義を超えたレスポンシブ・ウェブのユースケースについて考えてみました。 太陽光
JVN#53768697 Android OS において任意の Java のメソッドが実行される脆弱性 が公表されました。 不肖私が昨年9月にIPAに届け出たものです。 これまでは情報非開示依頼があったので多くを語ることができませんでした。 ヤバい内容なのでみんなに注意喚起したかったけれどそれができない苦しさ。 周りでICS端末を使ってる人を見かけたら「事情は言えないけどブラウザにはChromeを使って。標準ブラウザ使わないで」と言うくらいしかできなくて申し訳ありませんでしたm(_ _)m 当時のいきさつを日記から掘り起こして記録に残しておきたいと思います。 2012年9月15日(土) WebViewを使ったビジネスアプリのフレームワークを作りたいという構想があって(PhoneGapにはないビジネス用の固有の機能を入れようと思って。バーコードリーダーとか印刷機能とか)、そういえば addJ
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(※現在一部の学生に限定公開
What is an IP Address? An IP (short for “Internet Protocol”) address is a unique number assigned to every machine that connects to the internet. Nowadays, you can have multiple computers behind a router that share a single IP using Network Address Transformation (NAT). If you have ever used a wifi hotspot to access the internet, you’ve shared an IP address with someone. What’s the Difference betwe
iTunesのRSSをPHPでxmlを解析する方法メモ 1.RSSをxmlとして取得 $xml = file_get_contents('http://itunes.apple.com/jp/rss/toppaidapplications/limit=300/xml'); 2.変則的な名前空間の取得を強制変換 $xml = str_replace('im:', 'im_', $xml); 3.xmlをオブジェクトに代入 $rss = simplexml_load_string($xml); entry as $entry) { $id = $entry->id; $link = $entry->link["href"]; $title = $entry->title; $image = $entry->im_image; $releaseDate = $entry->im_releaseD
移転しました http://please-sleep.cou929.nu/20130121.html
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く