SelfieGirlで使っている技術の紹介とOAuth.ioについて | 自転車で通勤しましょ♪ブログ
twitter上ではもう宣伝していますが、SelfieGirlをリリースしました。 SelfieGirlは、twitter上で話題になっている#グラドル自画撮り部のハッシュタグを元に検索して、スマートフォンで見やすいように整形したWebサービスです。Androidアプリはちょこちょこ出ているようなので、Androidじゃなくて別の方法でやってみようかなと思っていました。 SelfieGirlを作っている技術は以下になります。 Ruby on Rails Ruby製フルスタックフレームワーク AngularJS JavaScript MVCフレームワーク ionic framework AngularJSを前提にしたスマートフォン用に最適化されたhtml5フレームワーク heroku Ruby on Railsを簡単にデプロイできるPaaS。様々な言語をサポートしている。 oauth.io
AngularJS Twitter Authentication with OAuth.io | Matt Smith Blog
This rough example uses OAuth.io to connect an AngularJS app to Twitter’s OAuth API and display a user’s recent timeline. To get started create a new app on OAuth.io and add the Twitter provider (read this blog post for a good introduction). The file structure: In index.html setup twitterApp and add all the Angular directives. Include OAuth.js in the header: <!DOCTYPE html> <html ng-app="twitterAp
JavaScriptでOAuth認証を使ってTwitterのTimeLineを表示する – 渡邉研究室
watanabe 6月, 28, 2013 Web関連 JavaScriptでOAuth認証を使ってTwitterのTimeLineを表示する はコメントを受け付けていません （サーバトラブルで記事が消えてしまったので、再度書き直しました） Twitter REST API 1.0 → 1.1の仕様変更で、全てのAPIの使用にはOAuth認証が必要になり、1.0系は2013/6/12をもって完全停止となりました。クライアントサイドのJavaScriptでユーザのタイムラインを表示する必要があり、OAuthに対応したコードを書いてみたのですが、jQueryのajax関数で嵌ったので、メモとして残しておきます。consumerKeyなどのキーが丸見えなので、用途は限られると思います。 ＊用意するもの jQuery http://jquery.com/ oauth.js, sha1.js htt
JavaScriptでTwitterのOAuthを取り付けて通信する方法 - 憧れ駆動開発
以下の記事とTwicliのソースをコピペして作成しました おれにこんな難しいことができるはずがない TwitterクライアントのOAuth対応(Javascript編) | tomatomax.net NeoCat/twicli · GitHub JavaScriptでクロスドメイン通信したい 方法としては2つある XMLHttpRequest($.ajaxなど) JSONP 結論としては両方使いました。Firefoxの拡張ならGreeseMonkeyでGM_xmlhttpRquestがあるし、ChromeやOperaの拡張だとどこかの設定でOrigin PolicyでAllowすればXMLHttpRquestして返り値を取ってくることができる。でも今回は生でやりとりするから 返り値を求めないPOSTは$.ajax GET参照する場合はJSONP という形で落ち着きました。*1 JS(jQ
How-to: Secure OAuth in JavaScript | Derek Gathright
Wouldn’t it be awesome if we could use OAuth in JavaScript-only apps? JS is a powerful, expressive programming language, and the browser engines are getting faster and faster all the time. Why not use JavaScript to conduct your API calls and parse your data? In many cases, it is unnecessary to maintain a server-side proxy if all it is doing is making API calls for you and hiding your OAuth keys. T
node.js+express+PassportでOAuth認証 - Tech-Sketch
軽めの話題を 毎回割と「濃い目」の記事が多いこのTech-Sketchですが、今回は軽めの内容として、nodejsとそのモジュールであるPassportを利用した他サービスとの認証連携を説明しようと思います。 PassportはConnectやExpressベースのWebアプリケーションに認証の仕組みを組み込むことができるモジュールです。単純なローカルでのユーザ名・パスワードによる認証から、OpenIDやOAuthを利用した認証もカバーしています。それぞれの認証の方式はstrategyとして選択することが可能で、簡単に認証に関する実装を追加することができます。OpenID/OAuthで認証を行う場合のstrategyは、メジャーなサービスに対してのものはnpmでインストールできる形ですでに多数用意されています。 具体的にどのようなstrategyが用意されているかは、以下のリンク先を参照し
Tumblr API で投稿データを取得する方法
こちら「Tumblr API（公式）」と、 こちら「Tumblr API v2 日本語訳」 を見ながら、 Tumblr APIを使った投稿データの取得にチャレンジしてみます。 まず、マニュアルを確認してみましょう。 書式api.tumblr.com/v2/blog/{base-hostname}/posts[/type]?api_key={key}&[optional-params=] HTTP Method：GET 認証：APIkey リクエストパラメータbase-hostname（文字列） スタンダード/カスタムブログホスト名 必須：YES api_key（文字列） あなたのAPIkey （APIkeyの取得方法はこちらから。） 必須：YES type（文字列） 取得する投稿データ種別。次のうち1つを指定します: text, quote, link, answer, video, au
Tumblr APIを使うためにAPIkeyを取得する
Tumblr APIは主に、2種類に分類できます。 既に公開されている情報を取得するAPIと、 通常、ユーザー本人のみが扱える情報を取得、あるいは操作するAPIです。 前者は、APIkeyのみが必要で、 後者は、APIkeyとOAuthが必要になります。 どちらの場合も、APIkeyは必須なので、今回はAPIkeyの取得方法をご紹介します。 アイコン画像を取得するAPI は例外的に、APIkeyなしでOKでした。 また、前のバージョン（v1）のAPIではAPIkeyは必要なかったみたいです。 登録ページAPIkeyを取得は、この （アプリを登録する）ページで行います。 Tumblrでのログインが必要です、つまりTumblrユーザーであることが必須条件ですね。 こんなページです。 私の場合、既に１つアプリを登録してるので、一覧に表示されていますね。 「＋アプリを登録する」ボタンをクリックしま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Blake Anderson • Posting to Tumblr with Node.js