タグ

JavaScriptとAPIに関するTokyoIncidentsのブックマーク (21)

  • Web Share API | blog.jxck.io

    Intro Web Share API が Origin Trials を卒業したという知らせが届いた。 コンテンツを他のサービスなどと連携するこの API について紹介する。 Web Share ブラウザで開いている Web コンテンツを、他のサービスやアプリと連携するための方法は、以前から検討されていた。 主だったものとしては、すでに策定は止まっているが Android の Intent を参考にした Web Intents が挙げられる。 Web Share API は、Web コンテンツと SNS やメールなどとの連携を主目的とした、より簡素で軽量な API となっている。 DEMO 動作するデモを以下に用意した。 (まだ Origin Trials のトークンはそのままになっている) http://labs.jxck.io/web-share/ API API は非常に簡素だ。

    Web Share API | blog.jxck.io
  • Layered APIs と High Level API の標準化指針 | blog.jxck.io

    Intro Extensible Web Manifest 以降、標準化作業は Low Level API にフォーカスし、一定の成果が出ている。 そこで、これらをベースとし、よりアプリレイヤの需要を満たすための High Level API をどう標準化するか、という点について指針が提案された。 基は、Low Level API を元に Polyfill を作り、そこからのフィードバックにより策定を進めるという方針だ。 合わせて ES Modules の Import を用いて、polyfill とネイティブ実装をスムーズに切り替える拡張が提案されている。 記事では Layered APIs (LAPIs) と呼ばれる、この一連の枠組みについて解説する。 また、同等の話を 東京 Node 学園 #tng30 で行った資料は以下である。 Web over Layered APIs St

    Layered APIs と High Level API の標準化指針 | blog.jxck.io
  • fetch API から XMLHttpRequest への置き換えを決意した話

    最近 fetch API をヘビーに使うようになっていて、いろいろと勘所もわかってきていて、Promise ベースなのはやっぱりすごく便利なんだけれども、現状だと機能が全然足りないなあ、と。 XMLHttpRequestUpload 相当がないのは知っていたし、困ったなあと思っていたんだけれども、XMLHttpRequestUpload 自体がだいぶレア目のヤツで使うような機会もまあめったにないので実害としてはそこまで大きくなかった。 んで、だ、XMLHttpRequestUpload 相当がないのは良いとしても、ReadableStream で XMLHttpRequest で言う progress イベント相当のことをしようとしたときに、発火時にトータルの容量がわからんつう問題が発生した。 fetch API で ReadableStream を使って progress の状況を取ると

    fetch API から XMLHttpRequest への置き換えを決意した話
    TokyoIncidents
    TokyoIncidents 2016/07/21
    ブコメ
  • 2015年、Speech synthesisは使えるやつなのか - console.lealog();

    2015年も終わりですね。 さて、ふと思い立ってコレを調べてます。 去年くらいかな?当初、使えるようでまったく使えないイメージがあったこのAPIですが、 はたして年末になった今、使えるAPIになっているのでしょうか・・・! Web Speech API - Web APIs | MDN はじめに Web Speech APIってのは実は2柱で構成されます。 Speech recogition Speech synthesis Speech recogitionは、マイクで声を拾ってそれを文字列で扱えるようにするとこまで。 Speech synthesisは文字列を実際に発するところ。 今回調べたのは後者の部分です。 Speech synthesis ざっくり使い方。 var txt = 'あのイーハトーヴォのすきとおった風'; var uttr = new SpeechSynthesis

    2015年、Speech synthesisは使えるやつなのか - console.lealog();
  • あの人気オンラインRPGをハックする - Qiita

    70億人近い人間がプレイしている人生というオンラインRPG、 ワールドも無駄に広く建物のモデリングもテクスチャも細かく、 同じ顔のプレイヤーが二人といないほどにキャラメイクが豊富で大変人気のあるゲームです。 ただこのゲーム、現代のゲームに必須なあの機能が実装されていません。 それはデイリーログインボーナスです。 デイリーログインボーナスとは デイリーログインボーナスとは、プレイヤーに毎日継続してプレイさせるため、 通常有料のアイテムを無料で毎日1つプレゼントする施策です。 現代のゲームの多くは基的に無料なので、数多ある無料ゲームがユーザの端末と時間を奪い合っていて、ユーザの継続率を上げることは課金につなげる需要要素です。 朝起きれなかったり、出勤中に電車に飛び込んだりするのは、すべて人生にログインボーナスが無く、継続のモチベーションが弱いからです。 人生をよりモチベーティブにするためには

    あの人気オンラインRPGをハックする - Qiita
    TokyoIncidents
    TokyoIncidents 2015/12/14
    masarakki さん面白いなw
  • Web Audioの新しいAPIについてざっくり解説 - Qiita

    Web Audio API の仕様は日々 GitHub上で議論 されていて、ある程度同意が得られたものは ドラフトページ で公開されています。仕様のブラッシュアップのほかに追加される API や変更のある API があり、それらはちらほらとブラウザに実装もされてきているので、簡単な説明とサポート状況、ポリフィルについてまとめました。 この記事に書いてあるポリフィルは下記のリポジトリにまとめてあります。 また、各API対応状況は下記のページでも確認できます。 http://mohayonao.github.io/web-audio-api-shim/test/impl.html http://compatibility.shwups-cms.ch/en/home Microsoft Edge / Safari 9 の対応状況が調べられていないので、どなたか情報ください!! 新しく追加されるA

    Web Audioの新しいAPIについてざっくり解説 - Qiita
  • Rails 5 の足音 - 弥生開発者ブログ

    こんにちは、Misoca開発部のtaiki-tです。 名古屋に引っ越して半年が経ちました。良いところですね。 さて、GWも終わってしまいましたが、2015年は9月にシルバーウィークがあるので、それまで頑張りましょう。 今回は、RailsConf 2015で紹介されたRails 5 についての話を少し紹介したいと思います。 Rails5から加わる主な機能 ActionCable Turbolinks 3.0 Rails API ActionCable ActionCableの「Cable」は、WebSocketを表します。 WebSocketというcableでユーザとアプリケーションをつなげる、というコンセプトに基づきます。 WebSocketと聞いてピンときたかもしれませんが、ActionCableは、Railsにリアルタイム通信の仕組みを取り入れるものです。 これまではRailsでリアル

    Rails 5 の足音 - 弥生開発者ブログ
  • Rails for API applications (rails-api) released - WyeWorks Blog

    Engineering Rails for API applications (rails-api) released Introducing rails-api, a plugin that trims Rails for API-only applications by removing unneeded browser middleware and view generation. rails-api is a plugin developed by Yehuda Katz, José Valim, Carlos Antonio da Silva and me (Santiago Pastorino) which modifies Rails applications trimming down usually unneeded Rails functionalities for A

    Rails for API applications (rails-api) released - WyeWorks Blog
  • Rails API to be part of Rails 5 - WyeWorks Blog

    Engineering Rails API to be part of Rails 5 Rails API is being incorporated into Rails core, bringing trimmed-down controllers and middleware for API-only applications to Rails 5. A decision was made to incorporate Rails API into Rails core. During the last week I’ve been working on this and, today we opened a pull request to discuss the results. What is Rails API? The original idea behind Rails A

    Rails API to be part of Rails 5 - WyeWorks Blog
  • WHATWG Streams APIについてのメモ - maru source

    こんにちは丸山@h13i32maruです。 WHATWG Streams APIを少し触ってみたので、そのメモです。 ドキュメント WHATWG Streams このメモはLast Updated 21 January 2015を元に書いた whatwg/streams サンプルやリファレンス実装などがある このメモはcommit 879902を元に書いた Stream APIがブラウザにやってくる @jxckさんがnodeのStream APIと絡めてWHATWGのStreams APIを紹介している 概念 JavaScriptのプログラム中で処理する(大きめな)データの読み書きを統一的に扱うためのインターフェースをStreams APIとしてWHATWGが策定している。例えばXHRで大きなファイルを読み込んだ時にはすべてのデータを読み込んだあとにコールバックが呼ばれる*1。これだと読み

    WHATWG Streams APIについてのメモ - maru source
  • Stream API がブラウザにやってくる - Block Rockin’ Codes

    Intro 今日は、フロントのプログラミングスタイルに、にまた一つ大きな変化をもたらすであろう Stream という API についてです。 この仕様は現時点でまだ策定中であるため、 API は変更される恐れがある点にご注意ください。 Stream API 以前 「Node.js の Stream API で「データの流れ」を扱う方法」 という記事を書きましたが、簡単に言うとあれがブラウザにもやってくるという話です。 非同期処理おさらい もう何度も書いた話なので駆け足で。 JS はシングルスレッドでイベント駆動な世界なので、何をするにも非同期であり、コールバックを登録することで完了した結果を受け取る API が基です。 これは、ブラウザの DOM の API でも、 Node.js でも共通しています。 概念を疑似コードで書くと以下のような感じです。 console.log('1');

    Stream API がブラウザにやってくる - Block Rockin’ Codes
  • 「Railsが時代に合わなくなってきた」のフォロー - ワザノバ | wazanova

    http://qiita.com/kaiinui@github/items/2781219340d427543d08 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約6時間前 お休みいただいてる間に投稿いただいたので、掲載が遅れました。済みません。 元ネタはQiitaにあって充実したエントリーとなってますので、そちらをご参照ください。 Railsが時代に合わなくなってきた Javascriptを使うのをやめろ : Railsの時代遅れ云々についての結論 自分の方は原文で下記のように紹介されているSynthについて、 Node.jsベースであり クライアントサイドMVCにAngularを据え APIファースト(というかAPIしかない)であり Angularとフレームワークが統合されており、テンプレートが一つであ

  • Deployd

    1. No boilerplateWith one command, your API is up and running. It's an empty canvas waiting for you to add Resources. No boilerplate code necessary. 2. ResourcesDeployd APIs are built of plug-and-play resources, such as Collection, which can easily be added and defined through the deployd dashboard.

  • Google Chart API – LaTeX を使って数式画像を動的に生成するツールを作ってみた | TM Life

    Google Chart APIGoogle 大先生のサービスのひとつで, URL にパラメータを指定することでグラフ画像を生成してくれます. 現在は, 折れ線グラフや棒グラフ, ベン図, QRコードなどに対応していてこれらの画像を簡単に生成することができます. その中でも今回取り上げるのは LaTeX です. LaTeX にも対応していることはあまり知られていないようで, wikiでも漏れていましたw 最近, 数式をページに埋め込みたい場面がちょくちょく出てきたので LaTeX を打ち込むと, それを画像として生成するツールを作ってみました. Demo 今回制作したツールはこちらです. テキストエリアに LaTex を打ち込んで下さい. 行単位で内容に応じて右側に画像と埋め込み用リンクを生成します. サイズと背景色(16進数rgba)とフォントカラー(16進数rgba)も反映されま

  • text.ssig33.com - Facebook の JS SDK は使ってはいけない。

    Facebook の JS SDK は使ってはいけない。 非常に問題がある。どうせ単なる薄いラッパーなんだし、必要に応じて自分であんなの書けるでしょう。問題について書く。 ありがちなアプリケーションの例 FB.login(function(res){ FB.getLoginStatus(function(res){ if(res.status === 'connected'){ FB.api('/me', function(res){ console.log(res.email) } } }) },{scope: 'email'}) 自分 のemail を取得出来る。 ところで、こうしたらどうなるだろうか。 FB.login(function(res){ FB.getLoginStatus(function(res){ console.log(res.status) FB.api('/me

  • Ring

    Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や

  • Google Spreadsheets を簡易 SQL DB に!「Google Visualization API」 - WebOS Goodies

    WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 皆さん、 Google Docs のガジェット機能はもう使ってみましたでしょうか。データをさまざまな方法で可視化するガジェットをシート上に配置できるというもので、このガジェットは自作することもできます(iGoogle ガジェットベース)。その際にスプレッドシートの情報を取得するために使われるのが、日ご紹介する Google Visualization API

  • Getting Started with the API - Closure Compiler - Google Code

    Documentation Closure Compiler Service UI Getting Started Closure Compiler Service API Getting Started Tutorials Communicating with the API Compressing Files with the API API Reference Closure Compiler Application Getting Started Closure Inspector Inspector Guide Inspector and Caja Advanced Topics and Reference Compilation Levels Advanced Compilation Annotating JavaScript for the Compiler Error an

  • jsdo.itで覚えておきたい10のこと | </gecko> げことじ。

    jsdo.it大好きです。 なので覚えておきたい10のことをまとめました。1 Chromeじゃなくてもすぐにコードを書きたい わからないことを質問する コメント・お気に入りにする プロフィールを変更する コメントを削除する Forkした・されたコードとのDiffを見る エディタでキーボードショートカットを使う エディタで同じ単語をハイライトする jsdo.it APIを使う Daily code rankingに載る jsdo.itを使ってる人向けです。 Chromeじゃなくてもすぐにコードを書きたい Chromeには JustEditがあるのですぐにコードを書き始める事ができます。 実はhttp://jsdo.it/code/newを叩くと書けます。ブックマークしてもいいね! わからないことを質問する 気づきづらいですが右上にDiscussionsがあります。2 プロフィールを変更する

  • Trackbackをやめて、Google AJAX Feed APIを使って被リンクを表示 ::: creazy photograph

    [追記:2009/02/08] エントリータイトルがタイポしていましたので直しました。非リンク→被リンク。 お恥ずかしい・・・。 [/追記] 先日、Delicious被ブックマーク数画像取得APIへのアクセス状況でもお伝えした通り、当ブログを運営しているレンタルサーバーがスゴい遅いです。APIや個人サービスを同じサーバーで運営しているのが原因ですが、なんとか負荷を減らしたいと思っています。 レンサバなのでサーバー側のチューニングなど(FastCGIとかMemcachedとか)はできない状態ですので割と小手先の対応になってしまうのですが、一つ目の手段としてコメントを TypePad Connect にしてみました。それほどコメントの多いブログではないですが、少しは動的なアクセスが減ったような気がします。んで、TypePad Connectを使ってすぐに思ったのが、トラックバックをASPしてく

    Trackbackをやめて、Google AJAX Feed APIを使って被リンクを表示 ::: creazy photograph