認証を含む API 開発で検討すべきこと - ボクココ
ども、@kimihomです。 API に関する基礎的な話で、なぜ API が重要なのか、APIの実装で注意する点について記述した。 今回はAPI開発において最も頭を悩ます、認証の問題について考えてみたい。 API における認証 よくあるログインが必要なページを考えてみていただきたい。 通常のWebアプリケーションであれば、Cookieという仕組みを使って毎回Webサーバーにアクセスするときにsession idというものを送信し、それとユーザー情報を紐付けたデータを取ってくることで、どんなユーザーからリクエストが来たのかをWebアプリケーション側で判断することができる。これにより、私たちはいつも閲覧しているWebアプリケーションが自分専用の画面として見れるようになっている。 これがAPIになると話は違ってくる。Cookieという仕組みが使えないのである。ということで、なんとかしてAPIにア
【API Blueprintの使い方】Web APIの仕様書を書く・読む・実行する | DevelopersIO
【API Blueprintの使い方】Web APIの仕様書を書く・読む・実行する できればドキュメント書きたくないなー。はやくAPI実装したい！俺の頭の中に全部仕様入ってるから！俺が仕様だ！ ... その仕様、API Blueprintでドキュメントにおこしませんか？ はじめに デバイスが多様化し、その違いを吸収する統一的なインターフェースが求められる昨今、Web APIはその回答のひとつといえます。弊社でも、モバイルアプリとWeb APIを組み合わせてサービスを構築することがあります。 Web APIが登場する開発では、モバイルアプリ（APIクライアント）メンバーと、APIサーバメンバーのコミュニケーションが不可欠です。開発を円滑に進めるために、APIの仕様書 が必要になります。お互いがAPIの仕様を想像して勝手に開発を進めたのでは、いざ結合したときに悲惨な結果になることが目に見えてい
Rails4でトークン認証のアクションに対してCSRFを無効にする - hokaccha memo
Railsはprotect_from_forgeryって書くだけでCSRF対策が有効になってマジ便利なわけだけど、セッションで認証するんじゃなくてiOSから呼ぶAPIとかでトークン使って認証する場合はCSRFの対策いらないので無効にしたい。 その場合は protect_from_forgery with: :null_session ってすればいいらしい。これはCSRF Tokenが一致しなかった場合に例外を投げるんじゃなくてセッションを空にするという動作になる。 ちなみにprotect_from_forgeryのデフォルトは:null_sessionなので protect_from_forgery でもよさそう（Rails 4.0.0現在） ただし最初は以下のようになってるので明示的に変更する必要はある。 class ApplicationController < ActionContr
とりあえず難しいこと置いといて、Web Audio APIから波形データだけ抽出して遊んでみたい人向け | blog.tnker.com
とりあえず難しいこと置いといて、Web Audio APIから波形データだけ抽出して遊んでみたい人向け 色々できるWeb Audio API 音自体をWeb Audio API経由で生成したり、AudioNodeに対してイコライザーみたいなフィルターを掛けれたりと、何やら凄そうな Web Audio API さん ただ、自分的にはとりあえず難しいことは一旦置いといて可視化して遊びたいだけだったりする。 遊びたいだけなんだけど :( 肝心のお遊びコードを書くまでに、色々前準備が必要なので ;( そこら辺をすっ飛ばす用のコードを書いてみた。 ※ といっても準備自体はそんなに大変じゃないですが こんな感じで遊べます �下部四角い領域をクリックしてみてください。 ※ 注意：音が流れます お借りした音源 http://maoudamashii.jokersounds.com/archives/son
【Twitter REST API】ツイートのidとid_strの値が異なる理由は？
statuses/user_timelineを利用して特定ユーザーのツイートを取得しています。 （アプリケーション認証（ベアラートークン）を利用して行っています） データの取得自体は正常に出来ているのですが、結果を見ていてふと疑問が生まれました。 ツイート情報内の「id」と「id_str」、 「in_reply_to_status_id」と「in_reply_to_status_id_str」の値がそれぞれ異なっているのです。 （例えばidが「12000」、id_strが「”12345”」のように型だけではなく値が違います） （ちなみにuser関連のIDは型だけの違いで、値は同じでした） 更にstatuses/show/:idでツイートを指定する時、idを使うとエラーが出るのに対し、id_strを使うと正常な結果が出ます。 試しに「https://twitter.com/ユーザースクリーン
Web Audio API でピアノを作ってみる | q-Az
HTML5 には Web Audio API という JavaScript だけで音を出す API があります。 自分の勉強も兼ねて、とてつもなく簡単にですがピアノを CSS + JavaScript だけで作ってみたいと思います。 ピアノデモ ラ（A）の音が周波数 442Hz のピアノです。音は電子音だし全くピアノっぽくないのですが、Web Audio API の初歩の初歩ですので取り敢えずこれで完成です。 対応ブラウザは InternetExplorer 以外のブラウザで、クロスブラウザ対策が必要ですが使うことが出来ます。IE も 12 で対応予定のようです。Microsoft Egde は対応しています。 JavaScript window.AudioContext = window.AudioContext || window.webkitAudioContext; //クロスブラ
Twitter gemの検索結果インスタンスとその内部を解説（ついでに since_id モンキーパッチも） - 別館 子子子子子子（ねこのここねこ）はてブロ部
Twitter gem （バージョンは5.14.0）を使って検索して得られるインスタンス（以下、検索結果インスタンスと呼びます）の扱いが意外と難しいのに詳細解説している記事が見当たらないので書いてみました。 TL;DR（要点） result_tweets = client.search(query, count: 100, result_type: "recent", exclude: "retweets", since_id: since_id) で得られる result_tweets を取り扱うには take メソッドを使って取得ツイート数を決めてしまう Twitter gem モンキーパッチを当てて :since_id 指定を確実に有効にする module Twitter class SearchResults def next_page return nil unless next
【2017年2月更新】 超厳しい Instagram API の審査基準 を翻訳した - 俺、サービス売って家買うんだ
この記事は2017年2月5日にアップデートしています。 2015年11月から、Instagram APIは許可制になり、それ以前に作成したアプリも再申請が必要です。 そしてその基準が結構厳しいので、Permissions Review を翻訳してまとめてみました。 サマリーはこちら ビデオスクリーンショットが必須。その際、サンドボックスモードで実装している必要がある。 ユースケースに沿っていることを各認証で言及する。 メディアビューワー、クロール目的はダメ。 クロールはまあ分かるのですが、メディアビューワーもダメというのは厳しいですね。。 サンドボックスモードで実装してから申請ってのも、通らなかった時の心折れる感じがやばいです。 ちょっと面白いなと思ったのはInstagram のユーザーは、アカウントではなくメディア持っていてそれをリスペクトするように、という記述があるところでしょうか。I
好条件アルバイト｜日払い求人アルバイトは多数あります。
日払い求人のアルバイトといえば、建築現場を思い浮かべるかもしれません。 しかし、一般的なアルバイトの職種でも、日払いの求人は応募されています。 宅配や警備員、コールセンターなど、さまざまなところで募集されているので、今すぐお金が必要な時は応募してみると良いでしょう。 そもそも、なぜこのようなアルバイトが募集されているのかというと、予定外の人手不足になったからです。 もともと働く予定だった人が急に退職をしたり欠勤をしたりすれば、その現場では人手が不足します。 通常ならやり繰りをすることができますが、繁忙期などではそうもいきません。 そのため、新しく人を雇うことによって、人手不足を解消しようとしているのです。 こうした事情もあることから、さまざまな職種で募集されています。 休日に人が多く集まる場所、イベント会場など、多くの場所で募集されていて、未経験者でも歓迎なアルバイトも多いので、機会があれ
Budou - 機械学習を用いた日本語改行問題へのソリューション - ウェブ雑記
こんにちは！ 日本語のウェブサイトを作っていると、日本語特有の問題にぶちあたることがありますよね。 その中でも今回着目したいのは、日本語改行問題。最近、この問題を解決するためのライブラリを公開したので、紹介します。 github.com そもそも日本語改行問題とは何か ウェブブラウザで日本語で書かれたウェブサイトを見ていると、ときどき文章が変なところで改行されているのを目にすることがありますよね。 たとえば、こんなかんじ。 「ソリューション」が「ソリューショ」と「ン」に分かれてしまっています。読みにくいですね。 英語では単語がスペースによって区切られますが、日本語や中国語などのアジア圏の言語では単語がスペースで区切られないことが多いです。 そのため、英語では単語の途中で改行されることは通常ありませんが、日本語では単語の途中で改行されることがよくあります。 本文ならともかく、見出しやキャッチ
JavaScript でのローカル ファイルの読み込み - HTML5 Rocks
Selecting and interacting with files on the user's local device is one of the most commonly used features of the web. It allows users to select files and upload them to a server, for example, when sharing photos or submitting tax documents. It also allows sites to read and manipulate them without ever having to transfer the data across the network. This page walks through how to use JavaScript to
JavaScriptでローカル画像を表示する方法
2017/06/22 ファイルをアップロードする前のプレビュー表示など、ユーザーがサーバーにアップロードしなくても画像をウェブページ上に表示する方法です。データURI形式で表示する方法と、Blob URLで表示する方法の2種類があります。 サンプルコードBlob URL、またはData URIを取得し、それをそのままimg要素のsrc属性に指定すれば表示できます。 <input id="target" type="file" multiple> Blob URL document.getElementById( "target" ).addEventListener( "change", function() { var fileList = this.files ; for( var i=0,l=fileList.length; l>i; i++ ) { var blobUrl = wi
キャンペーンサイトに使える！スマフォを振る動作と連動させる方法 ｜ iPhoneデザインボックス
スマートフォン端末の特徴を取り入れる ２０１３年のお正月企画でWeb制作会社さんが面白いサイトを公開していました。スマフォの特長を活かす！振ったり、縦横で切り替えるスマートフォンサイトでも紹介させていただきましたが、今年はスマートフォン端末の特徴を活かしたサイトやPCと連動した企画が目立ちました。 スマートフォン端末を振る動作と連動させる方法が知りたかったので、面白法人カヤックさんのお年賀プロジェクト2013のソース（kozuchi.js）を勉強させていただきました。 ありがとうございます。 » スマフォを振ると感知するデモはこちら 加速度センサーを使って動作を感知する スマートフォン端末を振る動作を取得するには、加速度センサーを使います。取得の仕方は、傾けた際に発生するdevicemotionイベントとaccelerationIncludingGravityオブジェクトを使います。 iP
スマートフォンはセンサーの塊！ たった数行のHTML5とJSで扱えるセンサーまとめ(デモ・動画あり) – ICS MEDIA
意外？ @propertyがCSSアニメーションを激変させる理由 2024年12月19日公開西原 翼♥ 28
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[REST] 認証が必要な API を REST っぽく作るときのメモ - それはBooks
TechCrunch | Startup and Technology News
How to correctly replicate response body of an HTTParty requests' response for webmock stub
Instagram APIでwebサービスを作りたい全ての人に向けて書きました
Loading...
ウェブアプリケーションからのファイルの使用 - Web API | MDN
