FacebookログインのJavascriptのSDKをサクッと試す方法 | Casual Developers Note
最近ではスタートアップ企業がログイン機能を付ける場合、名前とメールアドレスを利用した通常のログインを実装するのではなく、ソーシャルログインを実装するのが一般的になっています。これはログイン機能が本質的に価値を提供しないにもかかわらず、必ずサービスには必須なので低コストで実装したいという企業側と、新しいサービスを利用するたびに新しいアカウントを作りたくないというユーザ側の双方にメリットがあるからです。今回はソーシャルログインの中でも最も人気のあるFacebookログインを実装する前段階として、JavascriptのSDKを試す方法を紹介します。 ソーシャルログインとは？ ソーシャルログインとは、Facebook、Google、Twitter、LINEなどのSNSをすでに使用しているユーザが、新しいサービスを利用する時に新しくアカウントを作らずに、元々持っていたSNSアカウントを利用してログイ
JavaScript で Facebook ログインを使用して認証する | Firebase Authentication
フィードバックを送信 JavaScript で Facebook ログインを使用して認証する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Facebook ログインをアプリに統合して、ユーザーが Firebase での認証に Facebook アカウントを使用できるようにすることができます。Facebook ログインを統合するには、Firebase SDK を使用してログインフローを行うか、または Facebook ログインフローを手動で行って、取得したアクセス トークンを Firebase に渡します。 始める前に Firebase を JavaScript プロジェクトに追加します。 Facebook for Developers サイトで、アプリのアプリ ID とアプリ シークレットを取得します。 Facebook ログインを有効にします。 Fi
[図解]フロントのJavascriptだけでFacebookログイン実装 (2015年3月版) - Qiita
はじめに FacebookのAPIってコロコロ変わって面倒ですね。 2012年とか2013年とかに書かれた記事はほぼ参考になりません。(disってる訳じゃないです。事実です汗) 久々に触ってみたので現時点(2015年3月)での実装手順をまとめてみました。 トップページ 開発者トップページ https://developers.facebook.com/ My Apps > Add a new app > ウェブサイトを選択しましょう。 それか直接↓のリンクでも大丈夫です。 webサイト向けのリンク Webページ向けの機能を作る場合はこちら https://developers.facebook.com/quickstarts/?platform=web 入力フォームに新しく作るアプリケーションの名前を書いて、Create New Facebook App IDを選択します。 カテゴリに任意
![[図解]フロントのJavascriptだけでFacebookログイン実装 (2015年3月版) - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/814e1b363be2c89441e5ad82c8f6ad9390d26b44/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fqiita-user-contents.imgix.net%252Fhttps%25253A%25252F%25252Fcdn.qiita.com%25252Fassets%25252Fpublic%25252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%253Fixlib%253Drb-4.0.0%2526w%253D1200%2526blend64%253DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnFpaXRhLWltYWdlLXN0b3JlLnMzLmFtYXpvbmF3cy5jb20lMkYwJTJGMzUzODclMkZwcm9maWxlLWltYWdlcyUyRjE0NzM2ODY3MDU_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmZtPXBuZzMyJnM9OTkzZTczNmNiNzU0ZmJmNDUxMGJhOTVkOWUzYzRlNTQ%2526blend-x%253D120%2526blend-y%253D467%2526blend-w%253D82%2526blend-h%253D82%2526blend-mode%253Dnormal%2526s%253Db4bfeca2a7767c27562e4f65c27ae216%3Fixlib%3Drb-4.0.0%26w%3D1200%26fm%3Djpg%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JTVCJUU1JTlCJUIzJUU4JUE3JUEzJTVEJUUzJTgzJTk1JUUzJTgzJUFEJUUzJTgzJUIzJUUzJTgzJTg4JUUzJTgxJUFFSmF2YXNjcmlwdCVFMyU4MSVBMCVFMyU4MSU5MSVFMyU4MSVBN0ZhY2Vib29rJUUzJTgzJUFEJUUzJTgyJUIwJUUzJTgyJUE0JUUzJTgzJUIzJUU1JUFFJTlGJUU4JUEzJTg1JTIwJTI4MjAxNSVFNSVCOSVCNDMlRTYlOUMlODglRTclODklODglMjkmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtcGFkPTAmcz03NzI2YThhNmEyZTUwMWYwNWU1ODcyYmM3MWY5ZDQ5Zg%26mark-x%3D120%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBuMGJpc3VrZSZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1wYWQ9MCZzPTI2NGZhN2VlOTEwZGY3MWI1Njk5MTIzM2M0ZTI0ZDQ2%26blend-x%3D242%26blend-y%3D480%26blend-w%3D838%26blend-h%3D46%26blend-fit%3Dcrop%26blend-crop%3Dleft%252Cbottom%26blend-mode%3Dnormal%26s%3D8bfa6420eb9691111ab4f13463a04784)
JavaScriptでSNSのカウンターを取得する | バシャログ。
どうもfujiharaです。 連日の雨・雨・雨。人生で今年が一番梅雨を感じれる年かなと。 本日は先日弊社 Latin から紹介がありましたバシャログリニューアルのポイント3 めっちゃ重かったソーシャル周りのスクリプトを非同期かつ、 カウント数のみをJSONで取得する仕様に変更 についての実装方法を説明します。 流れ たいした流れではないのですが、各SNSのAPI用URLに取得したい記事のパラメータを付随し、問い合わせをするとjson形式で値が取得できます。 はてブ数の取得 はてブ数の取得方法です。 // 問い合わせURL は "http://api.b.st-hatena.com/entry.count" // クエリーは url となります。 <script> $.ajax({ url:'http://api.b.st-hatena.com/entry.count' + '?url='
ぼくのフロントエンドの情報収集ソース
最近の情報収集の仕方も昔とはめっきり変わった感がある。 そもそも情報が多すぎるのが困りモノだ。 フロントエンドの技術サイクルも目まぐるしく早い。 多すぎる情報を効率良くフィルタリング出来る仕組みを確立すればいいと個人的には思っている。 それには自分に合った質の高い発信元を把握しておくことだ。 今日は自分の日頃使ってるものを紹介する。 国内 はてブ(テクノロジー – Webデザイン) 技術系の鉄板。毎日眺めるだけでホットな話題がある程度わかる。 Gunosy 言わずと知れたキュレーションサイト。意外とコアな情報も入ってくる。 dotHTML5 初めはHTML5関連だったけど、最近は多岐にわたってる印象。 HTML5 Experts.jp JSer.info azuさん運営のJSer御用達しサイト。 ここ 見ておくと参考になる。 そういえば最近JSerという言葉聞かなくなった。 海外 Smas
Facebookファンページのいいねしているユーザーを取得する
FQLで簡単に取得できます。 likeテーブル、page_fanテーブルのどちらかで取得できますが、今回はファンページをいいねしているかユーザーをチェックしたかったので、page_fanテーブルを使って取得するようにしました。 SELECT page_id,type,profile_section,created_time FROM page_fan WHERE uid = me() AND page_id = [page_id] 対象のサーバーがPHP4だったのでFacebookのSDKでは対象外なので、JavaScriptで取得するように実装したコードはこちらです。 <!-- facabook like --> <script type="text/javascript"> window.fbAsyncInit = function () { // init FB.init({ app
PHPをよく知らずにWordPressを扱う人にぜひ読んでほしい電子書籍の紹介（著者インタビュー）
PHPをよく知らずにWordPressを扱う人にぜひ読んでほしい電子書籍の紹介（著者インタビュー） 2013.01.24 | インタビュー | 初心者向け どうもパープルです。最近、WordPressを仕事で扱う手前、最低限PHPのことも知っておく必要があるなと勉強を始めているのですが、その中でとても良い電子書籍をみつけましたので、その著者にインタビュー取材させていただきました。 WordPress3.5対応 テーマカスタマイズのためのPHP 内容： WordPress最新版3.5のデフォルトテーマであるTwentyTwelveの解説を通して、WordPressテーマカスタマイズに必要なPHPの基礎を学ぶ本。 PHPの解説の題材に、WordPressで出てくるものを取り上げ、WordPress学習者が読みすすめ易いよう工夫している。WordPress日本語版作成、Codex編集に関わってい
Facebookアプリを、HTML5でどうしてサクサクにできたのか。Sencha Touch開発チームが用いた3つのテクニック
Sencha Touchの開発チームがHTML5で高速に動作するFacebookアプリを開発したことを紹介した1つ前の記事 「Facebookのモバイルアプリが失敗した理由はHTML5のせいじゃない。HTML5でサクサク動くFacebookアプリを作って見せたSencha Touch開発チーム」は、非常に多くの読者に注目されました。 この記事で紹介したSencha Touch開発チームのブログ「The Making of Fastbook: An HTML5 Love Story」の後半では、どのようなテクニックを用いて高速なHTML5アプリケーションを実現したのかも紹介されています。 この記事では、その3つのテクニックについてポイントを紹介したいと思います。タイムラインやニュースフィードのようなユーザーインターフェイスを備えたモバイルアプリケーションは、これから広く開発されていくことにな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
cmmntr.com
http://www.cmmntr.com/m/22