Capture audio and video in HTML5 | Articles | web.dev
Capture audio and video in HTML5 Stay organized with collections Save and categorize content based on your preferences. Introduction Audio/Video capture has been the "Holy Grail" of web development for a long time. For many years we've had to rely on browser plugins (Flash or Silverlight) to get the job done. Come on! HTML5 to the rescue. It might not be apparent, but the rise of HTML5 has brought
iPhone、Androidで使える！撮ったその場で画像編集できるHTML5アプリを作ってみよう | DevelopersIO
先日、iOS6のSafariでFile API、HTML Media Captureを試してみました。 これで写真を撮ってすぐに編集できるWebアプリが作れるのではないかと思い、作ってみることにしました。 以下がサンプルのURLです。撮影して画像を表示した後に編集し保存することができます。 画像処理サンプル OSとブラウザに関しては iPhone 5(iOS6)のSafariと Galaxy S3(Android 4.04)の標準ブラウザ で動作確認しました。iOS5系、Android2系ではFile API、HTML Media Captureが使えないので動きません。 PC版Chromeでも試しましたが、ファイルを選択して画像処理できることを確認しました。 他のモバイル用OS、モバイルブラウザに関しては試せないので分かりませんが、 以下のサイトの表でFile APIとHTML Medi
PHP + Services_Twitter で Twitter アプリを作成する
CentOS 5.4 において，PHP 5.3 + PEAR Services_Twitter により Twitter で OAuth 認証して，利用者の情報を取得する方法をメモしておく。 準備編 PHP と PEAR のバージョンを確認する。たぶんこれより古いとうまくインストールできないので，最新版にしておく必要がある。 # php -v PHP 5.3.3 (cli) (built: Jul 22 2010 16:41:20) Copyright (c) 1997-2010 The PHP Group Zend Engine v2.3.0, Copyright (c) 1998-2010 Zend Technologies # pear list | grep PEAR PEAR 1.9.1 stable 必要な PEAR パッケージをインストールする。 $ pear upgrade-
スマートフォン＋クラウドVoice APIで広がるアプリとサービスの可能性……KDDIウェブコミュニケーションズ | RBB TODAY
10月31日、クラウド型のVoice APIについてKDDIウェブコミュニケーションズと米Twilioの業務提携が発表された。 この提携について、KDDIウェブコミュニケーションズ SMB事業本部 boundio事業部 ゼネラルマネージャー 小出範幸氏にインタビューを実施。同社が力を入れるVoice APIサービスの現状、提携の狙い、そして既存のboudnioサービスとTwilioのAPIサービスとの関係などについて話を聞いた。 その前に、簡単にTwilioのAPIサービスについて説明しておこう。TwilioのAPIサーバーは、キャリアのIP電話番号（日本ならば050番号）に紐づいた音声セッションを制御（呼制御）するAPI一式をクラウド形式で提供する。利用者はおもにアプリベンダーやサービスプロバイダとなるが、このAPIを利用して、SMSを含むさまざまなコミュニケーションサービスを構築できる
PHPでTwitter APIのOAuthを使う方法まとめ
この記事以降 Twitter API の仕様が変わっており、このままでは正しく機能しない場合があると思います。近いうちに今のやり方を書くので、それまで参考程度にご覧ください。 Twitter API の OAuth でひととおりやってみた。 忘れないようにメモ。 大雑把な流れ Twitter にアプリケーションを登録する。 Consumer Key と Consumer secret を取得する。 リクエストトークンを取得する。 認証用 URL を取得する。 ユーザーから承認を受ける（bot の場合は自分でやる）。 アクセストークンを取得する。 API にアクセスする。 以下、やった作業の手順です。 事前準備 HTTP_OAuth を使えるようにする OAuth の通信部分そのものは PEAR の HTTP_OAuth を使うことにしたので これをインストールする。 一番めんどくさい部分を
Google Maps API で簡単にマーカーを変える方法 « Stop Making Sense
はじめに 今回は Google Maps API のマーカーを、Google Chart API を使ってお手軽に変更する方法を紹介します。 デフォルトのマーカーに対し、色や文字を変える程度であれば、画像ファイルを用意しなくても簡単にマーカーを差し替えることが出来ます。 デフォルトのマーカーを使うときは、次のようにマーカーを作成します。 (デフォルトのマーカーを使う) var marker = new google.maps.Marker({ position: myLatLng, map: map }); これで作成すると、次のようなマーカーが表示されます。 (出典は Google Maps Javascript API V3 Examples の marker-simple.html) また、マーカーに独自の画像を指定することも出来ます。 (画像ファイルを指定) var marker
Googleマップのルート案内APIをv3で使う
仕事で、ルート案内ができるAPIがないか調べて実装してほしいとのことだったので、調べてみたらGoogleマップにあるというのが分かった。その時見つけたのが下記の記事。 ASCII.jp：Googleマップ待望の新機能「ルート案内API」の使い方 GDirectionsというオブジェクトを使うらしい。v2でしか使えないようだけど、まあいいだろうと思って実装。 ただ、v3でしか実装されていない交通状況のAPI(Google Japan Blog: 交通状況がGoogle マップで見られるようになりました)も使いたいとのことだったので、v2とv3のAPIを両方使うということなのだけれども、どうにも衝突してしまってうまく動かない。 困ったなぁ。と思いながらもう少し調べてみると、v3にはgoogle.maps.DirectionsServiceという似たようなオブジェクトがあると知る。 Maps A
手軽になった！Google Maps API V3 (1/2)
Web上で地図を表示するツールの定番といえば「Googleマップ」。独自の地図を簡単に作れる「Google Maps API」を使って、会社案内のページに地図を埋め込んだり、地図と連動するネットサービスを運営している方も多いでしょう。 このGoogle Maps APIの新バージョン「Version 3」（以下V3と略）が5月27日に公開されました。今回は、V3を使って地図を表示する基本的な手順を紹介しましょう。 Google Maps API V3の主な変更点 Google Maps API V3では、以下の点が新しくなりました。 （1）API Keyが不要 V2まででは、Google Maps APIを使うためにはAPI Keyを取得する必要がありましたが、V3では不要になりました。 （2）iPhone／Androidへの対応 iPhoneやAndroidで地図を高速に表示できるように
Google Maps APIとTwitter APIのマッシュアップ - Webアプリケーション構築入門2
Google Maps APIとTwitter APIを題材に、マッシュアップ作る具体的な手順を紹介する。Twitter APIに関する部分は関数showTweetsAround()にまとまっているから、この関数を別のものに置き換えることで、Twitter API以外のものとGoogle Maps APIのマッシュアップを作ることもできるだろう。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-
Geolocation API－HTML5のAPI、および、関連仕様
■Geolocation APIとは Geolocation APIは、ユーザーの位置情報を扱うためのAPIです。 Geolocation APIの登場以前にも携帯端末などで位置情報を扱うことは出来ましたが、 各携帯キャリア独自の規格であったためキャリアごとの仕様に合わせて開発する必要がありました。 Geolocation APIは、ウェブの標準化団体であるW3Cが仕様策定を進める規格であり、JavaScriptで位置情報を取得できるように標準化されています。 すでに、Firefox・Google Chrome・Safariなどの一般的なブラウザでサポートされており、 スマートフォンのようなGPS対応の携帯端末向けのウェブサイトだけではなく、 一般的なブラウザで閲覧するいわゆるPCサイトでもユーザーの位置情報を利用したコンテンツを提供することが可能になっています。 ■どんなしくみ？ Geo
Google マップ JavaScript API V3 まとめ
Home Google マップ JavaScript API V3 まとめ Google マップ JavaScript API V3 まとめ 地図コンテンツ作成とカスタマイズ例です。現在グーグル Maps Javascript API のバージョンは「V3」で、Nexus などのタブレットや Android スマートフォンにも適しています。 以下のほか、ブログも参照して下さい。このページに未掲載のマップが多数あります。 V2は2010年5月19日、正式に廃止されています。Google はV3への移行（Google Geo Developers Blog: GoV3: It's time to Upgrade）を奨めています。2013年11月19日以降（機能により）使えなくなっています。 2013年5月、ラベル類が更新されました。javascript の冒頭に google.maps.vis
Geocoding - 住所から緯度経度を検索
Geocoding.jpとは？ 住所やランドマーク名をGPS座標に変換するサービスです。 座標系はWGS84に対応。近似TOKYO97出力も可能です。 Open Location Code(OLC)取得も可能です。 Aobaが個人で作成、運用しています。 Google様とYahoo!様のふんどしで相撲をとっております。 お問い合わせはTwitter窓口まで。 検索のサンプルは？ 住所 『東京都港区芝公園４－２－８』 で検索 ランドマーク名 『東京タワー』 で検索 ランドマーク名 『東京駅』 で検索 ランドマーク名 『Arc de triomphe』（凱旋門） で検索 ランドマーク名 『ユニコーンガンダム』 で検索 Open Location Code 『8Q7XMP52+J6』（渋谷ハチ公像） で検索 緯度、経度から検索 『東京タワー』 経度、緯度から検索（度、分、秒） 『Eiffel T
【悪用厳禁】twitter使って懸賞でウマウマしてみた
2020/10/18 エンジニア D4DJ Groovy Mix オープンベータ開始 2020/10/18 ＤＪ 秋葉原(を夢見る)パラダイスレイディオ Vol.1 @ twitch配信 2020/10/25 エンジニア D4DJ Groovy Mix リリース 2020/11/14 ＤＪ UNDER Freaks 2nd anniv. @ 渋谷Cafe W (渋谷WOMB 1F) ※注意※ これは専門的なエントリです。 ムダに長いです。しかもtwitter APIわからないと面白くないです。 ですので、いそがしい方は適当に流し読みし、 ブコメには「ui_nyanかねかえせ」とだけ入れておくと たぶんだいたいあってるので非常に便利かと思います。 user streamがやってきた 4月19日からtwitterより新しいAPIである「Chirp user streams(通称user str
ShareKitを使ってiPhoneアプリのTwitter連携にトライ - tomute's note
「iPhoneアプリにソーシャルサイトでのシェア機能を３行で簡単実装できる「ShareKit」:phpspot開発日誌」という記事で紹介されていた、ShareKitというフレームワークが面白そうだったので、これを使ってiPhoneアプリのTwitter連携にトライしてみた（iPhoneアプリからツイートするという連携）。 結果的には、思った以上に簡単に使えたので、以下にその方法をメモしておく。 [事前準備] Twitter連携のためには、Twitterとbit.lyのAPI Keyが必要なので、Twitterはhttp://dev.twitter.com/でAPI Keyの申請をし、bit.lyはアカウントを作成してからhttp://bit.ly/a/accountでAPI Keyを取得する。 事前準備はこれで終りである。 [設定] 1. ソースコードのダウンロード http://www.
第1回 OAuthとは？―OAuthの概念とOAuthでできること | gihyo.jp
今回から始まった「ゼロから学ぶOAuth」。全4回の特集にて、これからのWebサービスを開発する上で不可欠な技術「OAuth」について取り上げます。初回は、OAuthの概念について取り上げます。 はじめに はじめまして、iKnow!改めsmart.fmの真武です。現在smart.fmでは、OAuthやOpenID、OpenSocial、Semantic WebやActivity Streamなどといった新しい技術の導入を積極的に行いサイトを活性化させるとともに、smart.fm APIを通じて我々の技術を外部のデベロッパの方々にも提供しています。 smart.fmは日本最大のOpenID Relying Partyであるだけでなく、国内では数少ないOAuth Consumer（後述）およびOAuth Service Provider（後述）を兼ねるサービスとなっています。こういった背景
【JavaScript】 iPhone で、ウェブからGPS位置情報を扱ってみる
ASCII.jp の記事『iPhoneのGPSをJavaScriptで操ろう』を参考に、iPhoneのSafariでGPS(位置情報サービス)情報を取得してみた。 位置情報を扱う navigator.geolocation GPSの位置情報を扱うAPIは、navigator.geolocation というオブジェクトにまとめられている。 Geolocation API は、W3Cによる標準仕様なようだ。W3Cの仕様書 Geolocation API Specification(英語) をよく読むと、詳しいことがわかりそう。("Candidate"だから、勧告候補段階なのかな？) 取得の仕方は2通り 単発で一回だけ取得する方法と、定期的に更新し続ける方法があるようだ。 単発で一回だけ取得する getCurrentPosition() <script type="text/javascript
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
iTunes APIの使い方
WikipediaAPI - ウィキペディア情報をサイトで利用できるAPI
http://www.tryphp.net/2012/01/11/phpapptwitter-update_with_media/
http://www.tryphp.net/2012/01/11/phpapptwitter-update/