ES6のPromiseを使ってsuperagentでapiを叩く - Qiita
AJAXを使うときは、素の状態で使うよりもライブラリから使ったほうがいいです。現在のプロジェクトはReact.jsを使っていますが、DOM操作は必要ないので、足りないのはAJAXを利用するだけのライブラリが欲しいです。そこで、superagentがシンプルで目的に合致します。 ES6ではPromiseが使えます。非同期通信を使うときは、Promiseを使えばネストが深いコールバック嵐から解放された約束の地へ行けます。それではsuperagnetによるAJAXの非同期通信をES6のPromiseを使って利用してみます。 import request from 'superagent'; function callApi(apiName) { return new Promise() { (resolve, reject) => { request.get("http://localhost/
今からはじめるReact.js〜サーバーとの通信〜 - Qiita
前回→今からはじめるReact.js〜仮想環境を作成する〜 React.jsからサーバー通信 SuperAgant React.jsでAjax通信する場合、jQueryを利用するか、その他の手段を使うか検討すると思いますが、Ajax通信するためだけにjQueryを使うのは無駄が多いので、SuperAgantを利用することにします。 SuperAgantの使い方については、 http://qiita.com/hashrock/items/3113690bb3de5bba639b の解説がわかりやすかったです。 インストールは次の通りです。 $ npm install superagent --save テーブルを作成する 今回、ユーザーを登録できるのと、ユーザーリストを表示できるように実装します。 サーバー通信の実装を行う前に、ユーザーテーブルを作成します。 カラムはnameとmailだけの
RICOH THETA S用のnode.jsモジュールを公開しました - Qiita
はじめに 表題の通りです。npmに公開しました。 https://www.npmjs.com/package/osc-client-theta_s と言っても、ゼロから作ったわけではありません。 RICOH THETA S用のAPI（RICOH THETA API v2）は、Google社のOpen Spherical Camera API Version 1.0（OSC）に準拠していますが、このOSC用のクライアントモジュールはosc-clientとして既に公開されているので、大部分はそれを使っています。 でインストールできます。 使い方 上記の通り、大部分はosc-clientをそのまま使っているので、静止画撮影やオプションの取得／設定はosc-clientと全く同じです。 一方、動画撮影などはosc-clientにはないTHETA API v2の独自拡張なので、それに対応する形でos
YouTubeの字幕をカスタマイズする - Qiita
注意 YouTube APIの公式ドキュメントに載っていない設定値を利用します。 いつ使えなくなるかわかりません。 tl;dr http://video.google.com/timedtext?type=list&v={videoId} で字幕リスト取得 http://video.google.com/timedtext?lang={lang}&name={name}&v={videoId} で字幕情報取得 YouTube APIにプログレスイベントがないので requestAnimationFrame と player.getCurrentTime()で時間を取得 2と3で字幕を表示 APIのonApiChangeイベント検知後に player.setOption('captions', 'displaySettings', {option})で既存の字幕を非表示に 最低でも2つXML
superAgentでRailsとReactをAPI連携しつつ、簡易的な表テーブルを作成する - Qiita
watchを使ってReactとES6の変更を監視 + 自動ビルドするの続きです。 前回は、 * watchでディレクトリの変更を監視し、変更を検知したらシェルスクリプトを実行し、トランスパイルと依存関係の解決を自動で行う というところをやりました。 今回は、本エントリーの目標である「書籍についてのメモや評価を記録できるアプリケーション」というところに着手していきます。まず、現在実装している「books/index」のページに表テーブルを作成します。 「Reactビギナーズガイド」では、データとなる部分を配列として定義→ローカルストレージを使って実装といったステップを踏んで表テーブルを実装しています。本エントリーでは、Railsと連携させているということで、データとなる部分を配列として定義→RailsでAPIを作成し、React側からgetするという流れで実装していきたいと思います。 1.
Slackの過去メッセージを取得するスクリプト(Promise版) - Qiita
当社でもSlackを初めてもうすぐ２年になります。全履歴を取得して、何かできないかなと思ったので、調べてスクリプトを書いたので公開します。 Slackで使用するAPI 以下です。 https://api.slack.com/methods/search.messages このAPIを使用するにはTokenが必要なので、それは自分のSlackを使って発行しておいてください。おそらく以下から発行できます。(他人に見られないように) https://api.slack.com/custom-integrations/legacy-tokens 使用したスクリプト もちろん、最近習得カーブが急上昇しているJavaScriptです。 外部APIにアクセスするので、superagentを使用します。 もしかするとたくさんのAPIをコールする可能性もあるのでpromise使っています。 Promiseは
millisecのgetリクエストをキャッシュさせない。 - Qiita
//ex) superagent return req.get(url).set(...) .query({_:Date.now() +''+performance.now().toString().replace('.','') }) //no-chash .then(res=>res.body)
Superagentでの共通処理 - Qiita
superagentで共通処理をする方法 Reactで開発しているとsuperagentかfetchAPIを使うことが多いと思うが、superagentで成功時も失敗時でも行う共通処理の書き方を調べるのにちょっと苦労したので投稿。 答え fetchData () { request .get(url) // 省略 .then(res => { // 成功時 }) .catch(err => { // 失敗時 }) .then(() => { // ここが共通処理 } } このように、thenをcatchの後にもう一度書くと、成功時にも失敗時にも実行する処理がかけます。 この書き方だと、２つ目のthenは、１つ目のthenかcatchの中が終了してから実行されます。これは、then内にあるコールバック関数()=>{}によるもので、もし、共通処理を最初に行いたいなら、
画像をドロップしてimgurにアップするまで。 - Qiita
(function(root){ let req=root.superagent ,FormData=root.FormData ,fn=root.fn||{} ; fn.ce=(d=>document.createElement(d)) fn.q=(d=>document.querySelector(d)) fn.toBlob =function(base64) { let ma = /^data:(.*);base64,(.*)$/ ; if(!ma.test(base64)){ console.log('error base64 data'); return null} let ary = base64.match(ma) //[0] base64, [1] type, [2] body ,type = ary[1] ,bin = atob(ary[2]) ,buffer = new
React.js + SuperAgentでファイルをアップロード - Qiita
File APIを使用してSuperAgentでファイルをアップロードするサンプルです。 React Views views/file_uploader.jsx var React = require('react/addons'); var UploadFileActionCreator = require('../actions/upload_file_action_creator'); var FileUploader = React.createClass({ getInitialState: function() { return { dragging: false }; }, uploadFiles: function(files) { var formData = new FormData(); for (var i = 0, f; f = files[i]; ++i) {
ES6のPromiseを使ってsuperagentでapiを叩く - Qiita
AJAXを使うときは、素の状態で使うよりもライブラリから使ったほうがいいです。現在のプロジェクトはReact.jsを使っていますが、DOM操作は必要ないので、足りないのはAJAXを利用するだけのライブラリが欲しいです。そこで、superagentがシンプルで目的に合致します。 ES6ではPromiseが使えます。非同期通信を使うときは、Promiseを使えばネストが深いコールバック嵐から解放された約束の地へ行けます。それではsuperagnetによるAJAXの非同期通信をES6のPromiseを使って利用してみます。 import request from 'superagent'; function callApi(apiName) { return new Promise() { (resolve, reject) => { request.get("http://localhost/
SuperAgent — elegant API for AJAX in Node and browsers
SuperAgent SuperAgent is light-weight progressive ajax API crafted for flexibility, readability, and a low learning curve after being frustrated with many of the existing request APIs. It also works with Node.js! request .post('/api/pet') .send({ name: 'Manny', species: 'cat' }) .set('X-API-Key', 'foobar') .set('Accept', 'application/json') .then(res => { alert('yay got ' + JSON.stringify(res.body
SuperAgent
Module Summary LOC: 369 File size minified: 7.0k/9.9k Dependencies: emitter reduce Browser Support: IE6+ Github: visionmedia/superagent npm: superagent Component: visionmedia/superagent Bower: superagent by Toby Ho on 2/2/2014 SuperAgent is a light-weight, flexible and expressive Ajax library. Note: SuperAgent has been loaded on this page! You can open up the dev console to try out the examples. T
jQuery.ajaxの代わりにSuperAgentを使う - Qiita
脱jQuery AngularJSやVue.jsでは、DOMの直接操作は推奨されません。 そうなると、jQueryはAJAXでしか使わなくなります。 であれば、AJAX専用のライブラリにまかせてしまって、jQuery依存を外したくなってきます。 というわけで、AJAXだけをやってくれるライブラリとして、SuperAgentを導入してみましょう。 HTTPリクエストに特化したライブラリです。 Node.jsとブラウザ両方で使うことができます。 作者はExpress, Stylusの開発などで有名なTJです。 superagentの良さ かわいい。 ブラウザでの導入方法 まず、下記URLにアクセスし、ファイル名superagent.jsとして名前をつけて保存してください。 https://wzrd.in/standalone/superagent@latest scriptタグでsuperag
SLOBSERVER - L'actualité de Second Life
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
React.jsではなくRiot.jsを採用した話、運用中サービス『GAMY』でリニューアル - Qiita
今回、ゲーム攻略コミュニティ『GAMY』というサービスでRiot.jsを採用しました。 知る限りでRiot.jsで実装されたサイトの中でも最大規模のサービスだと思います。 これまではjQueryとjQueryプラグインを使っていましたが、デザインのリニューアルを機に、全部書き換えることにしました。 ドキュメントも兼ねてアウトプットしていきます。 Riot.jsとは Riot.jsは今流行りのReact.jsに似た仕組みを持っている、それで非常に軽量なJavaScriptライブラリーです。 最近GitHubのリポジトリが/muut/riotjsから/riot/riotにお引っ越しして、これからがより注目なライブラリーです。 詳しくはこちら↓ Riot公式 Riot.js 2.0 情報まとめ GitHub 捨てることを前提としたライブラリー選定 最初は今ブームの２大フレームワークとなっている『
node.jsのいろいろなモジュール35 – SuperAgentでHTTPリクエストを行う | DevelopersIO
軽量HTTPクライアント SuperAgentとは、柔軟性と読みやすさを兼ね備えた、軽量HTTPクライアントです。 シンプルな使い方から高機能な使い方まで、用途に応じて簡単に使用することができます。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.5 Node.js : v0.10.4 npm : 1.2.18 npmを使用してモジュールをインストールしましょう。 % mkdir superagent % cd superagent % npm install superagent サンプルプログラム作成 superagentモジュールをrequireし、メソッドと宛先URLを指定するだけでリクエストを送信することができます。 end関数でコールバックを指定し、レスポンスを参照することができます。 var request = require('s
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
superagentでajaxでファイルのアップロードで進捗状況を取得する - Qiita
GitHub - ladjs/superagent: Ajax for Node.js and browsers (JS HTTP client). Maintained for @forwardemail, @ladjs, @spamscanner, @breejs, @cabinjs, and @lassjs.
superagent/History.md at 1.0.0 · ladjs/superagent