React Nativeで手軽に別スレッドでコードを実行する方法 - 丁寧に手を抜く
English version available here: dev.to React NativeアプリはJavaScriptで組まれるから、１つのスレッドしかない。 だからCPUヘビーなタスクを実行するとUIをブロックしてしまう。例えばインデクシングとか。 バックグラウンドでJSを実行したければ、react-native-workersみたいなネイティブモジュールを使う必要がある。これはWeb WorkerみたいなAPIを提供してくれるモジュール。でも、単純なコードを実行したいだけならオーバースペック感がある。あと、むやみやたらにネイティブモジュールを増やしたくない。アプリが複雑になるから。expoアプリを作っている人はそもそもネイティブモジュールが使えない。 で、気付いたんだけど、WebViewを使えばいいじゃないか、と。 WebViewには injectJavaScript とい
Node.jsのフレームワーク、Expressを使ってRESTサーバーを書いてみる - CLOVER🍀
Node.jsを使って、ちょっとREST APIが作れるフレームワークを試してみようと思いまして。 Expressというフレームワークがスタンダードらしいので、これを試してみることにします。 Express ドキュメントをざっと見た感じ、シンプルで使いやすそうな雰囲気が？ 以前にNode.jsのhttpモジュールを使って試したようなこと（JSONを受け取って四則演算を行うAPIを作ってみる）を、Expressを使って書いてみましょう。 Node.jsで、JSONをPOSTするHttpClient／受けるHttpServerを書いてみる - CLOVER🍀 環境 対象の環境は、このようになっています。 $ node -v v9.5.0 $ npm -v 5.6.0 準備 とりあえず、チュートリアルを見ながらインストール。 Installing $ npm install --save ex
node.js Q 使い方 メモ - Qiita
node.jsでpromiseを使う機会があったので、自分のメモ用に残します。 Promiseって何？ Promiseって何よ？ってことで、まずはググる。 Promiseとは非同期処理を上手く扱う為のAPIであり、パターンである。 非同期の処理の完了後に続けて処理を行いたいとき、よくコールバックパターンが使われるが、処理が連続するとコールバック地獄と言われる分かりづらいソースコードになってしまう。 また、複数の非同期処理が完了した時に処理を行うなど、コールバックパターンでは難しい事をスマートにできるのがこのPromiseである。 要するに、同期処理したいけど、コールバック地獄で見づらくなるのを防ぐために使うAPIってことかな？ npmのパッケージとしては使用可能なモジュールはいくつかあるが、今回はQを使用する。 Q の基本 (.when .then .done) 簡単なQの記述は下記のよう
LINE Messaging API でできることまとめ【送信編】 - Qiita
この記事はエイチームブライズアドベントカレンダー10日目の記事です。 はじめに 今回はLINE Messaging APIで出来ることをまとめてみようと思います。 技術的な部分は公式ドキュメント見ればほぼ載ってるんですが、受信した側がどういう風に表示されるのかイメージ図が載っていないので、その一覧として役に立てばいいなと思いまとめます。 メッセージオブジェクト 送信するメッセージの内容を表すJSONオブジェクトです。 どれも送信部分のコードはこんな感じ。 // 受信したメッセージ情報 $raw = file_get_contents('php://input'); $receive = json_decode($raw, true); $event = $receive['events'][0]; $reply_token = $event['replyToken']; $headers
bitFlyerスキャルピングbot - emoiの日記
目的 前回の記事でbitflyerFXのSell/BuyのVolume算出を行いました。 普段私はスイングbotを運用しており、勉強のため例のbotを作ることにしました。 例のbot 利益を上げたロジックを公開したAKAGAMIさんは本当にすごい。 私も次のステップに行きたい。。！ botネタバレ。早くオーダー通したいなら成行。発注から約定まで遅延あるときはgetpositonsでリアルポジを取得するのでなくposみたいな変数を基準に売買すると良い。posとリアルポジが一定期間乖離したらリアルポジをposに代入。期間調整次第で遅延往復ビンタダメージ減らせる。 https://t.co/qoqS2as4Zp— AKAGAMI (@kanakagami1978) 2017年11月3日 最終ツイートがてら、botのコアロジックを公開しておく。いなごFlyerの直近20秒のBuy/Sellボリュー
Google Home mini で双方向の音声でのLINE送受信を実現する - Qiita
Google Home Miniを買ったので、こんなものを作りました。 ↓Youtubeです Google Homeを通して、グループへのLINE送信＆グループに投稿されたメッセージを読み上げしてくれます。 やりたかったこと 彼女は僕より帰宅が早いです。 いつも家で料理を作って待っててくれるのですが、僕がいつ会社を出るのか、 最寄り駅に付くのはいつなのかによって、料理の行程が変わるという話を聞きました。 そんなときに、LINEで「いまどこ」「これから会社出る」などと連絡を取り合っているのですが、 料理中なので見れたり見れなかったり、手が汚れてて返信できなかったりと不便とのこと。 せっかくGoogle Home Miniを買ったので、テクノロジーで解決できないかと考えました。 筆者のレベル HTML書いたことがあるくらい。 ProcessingとArduino勉強中。 プログラミングはほぼ未
textareaを画像アップ可能なmarkdown editorにするnpmモジュール - komagataのブログ
@machidaさんが 「全てのテキストエリアはgithubみたいに画像のD&D・コピペができて欲しい。あとMarkdownで書きたい。」 と常々言っていて、僕もちょっとしたコメント欄でもMarkdownが使えたら嬉しいけどいちいち実装が面倒なので、 「確かにそうですよねー」 と言って流していました。 しかし流すのにも限界がきたので、TEXTAREを画像のD&DとコピペができるMarkdown Editorにするnpmモジュールを作りました。 komagata/textarea-markdown: Make textarea a markdown editor. railsで使うなら下記のような感じです。 <textarea id="editor" data-preview="#preview"></textarea> <div id="preview"></div> import Tex
JavaScriptで人工知能を活用した画像解析ができる「Kairos」で顔認識をやってみた！ - paiza times
どうも、まさとらん（@0310lan）です！ 今回は、人工知能を活用した高度な画像解析を、簡単なJavaScriptコードで実現できるWebサービスをご紹介します！ 画像に写っている「顔」を認識させて、その人物の「感情」を読み取ったり、顔の座標データを取得するようなことが簡単にできるのでオススメです。 【 Kairos 】 ■「Kairos」の使い方！ それでは、実際に「Kairos」を使いながら、どのような画像解析ができるのかを見ていきましょう！ まず最初に、以下のリンクからユーザー登録を済ませておきます。 【 ユーザー登録ページ｜Kairos 】 メルアドやパスワードなどを登録するだけで、誰でも利用可能です。（登録したメルアドにリンクが送られてくるので、それをクリックしてログインします） ログインしたら、自分専用の「ダッシュボード」が表示されます。 画面下に、「App ID」と「Key
axios超簡易サンプル - Qiita
概要 郵便番号-住所検索APIを利用し、axiosを使って郵便番号から住所を検索した結果をconsole.log()出力するだけの超簡易サンプルです。 開発環境 node.js : v6.9.1 npm : 3.10.8 webpack : 1.13.2 ソースプログラム構成 [プロジェクトルートフォルダ] ├── dist ├── src │ └── index.js ├── index.html ├── package.json └── webpack.config.js 手順概要 ソースコード・設定ファイル記述 依存パッケージインストール（ダウンロード） ビルド 実行 手順詳細 ソースコード・設定ファイル記述 import axios from 'axios'; let zipcode = '9071801'; axios.get(`https://api.zipaddress.ne
sublime text 3 ：MacでVintageモードから抜けてIMEをOffにする - Qiita
はじめに sublime textのVintageモード，とても便利です． 便利なんですが，日本語入力のままコマンドモードにうつるとコマンドが使えなくて…もーってなったり… プラグイン プラグインを書いて解決します． ただMacの場合しか確認できていません． プラグインを作るには，まず Tools → New Plugin… でプラグインのテンプレートを表示します． このテンプレートを編集してプラグインを作成します． テンプレートを次のように書きかえてください． import sublime_plugin import os import platform class ImeoffCommand(sublime_plugin.TextCommand): def run(self, edit): if platform.system()!="Windows": cmd = """ osasc
React Native Animations Using the Animated API
Looking to learn React Native? Check out React Native Training. The recommended way to animate in React Native for most cases is by using the Animated API. The final github repo for this project is here. There are three main Animated methods that you can use to create animations: Animated.timing() — Maps time range to easing value.Animated.decay() — starts with an initial velocity and gradually sl
Vue.jsはRiot.jsより良いんじゃないかと思ったのでメモ - Qiita
RiotとVue検討段階の人が書いたものです。実用してみての感想ではないのでご注意願います。 Vue.jsのドキュメントに優位性の説明があった 他のフレームワークとの比較 - Vue.js Riot 2.0 はよく似たコンポーネントベースの開発モデル（”タグ”と Riot では呼ばれています）を提供しており、必要最小限の美しく設計された API を持っています。Riot と Vue はおそらくその設計哲学の多くが共通しているのでしょう。しかしながら、Riot よりも少し重いにも関わらず、Vue はいくつか著しく優れた点を持っています： トランジションエフェクトシステム。Riot にはありません。 ずっと強力なルータ。Riot のルーティング API は極めて最小限です。 より優れた性能。Riot は 仮想 DOM を使用しているというよりむしろDOM ツリーをトラバースしているため、Ang
もうjQueryには頼らない！素のJavaScriptでDOMを操作するための基礎知識
DOM操作が必要なとき、真っ先にjQueryを使うことを考えます。しかし、素のJavaScriptのDOM APIだけでも、実はかなりのことができるのです。また、IE10以下のサポートが終了したため、今後は素のJavaScriptによるDOM操作を心配なく使えます。 記事では、素のJavaScriptで一般的なDOM操作をする方法について説明します。具体的には以下のとおりです。 DOMの取得と変更 クラスと属性の変更 イベントのリッスン アニメーション 記事の最後に、どのようなプロジェクトにも使える独自の超軽量DOMライブラリーの作り方を説明します。記事の最後までに、素のJavaScriptによるDOM操作は決して高度な技術ではないこと、多くのjQueryメソッドとまったく同じ機能が実はネイティブAPIにもあることが理解できるはずです。 それでは始めます。 DOM操作：DOMの取得 この記
Chrome, Firefox, IEのCopy & Paste実装方法 - Qiita
Ctrl + Cでクリップボードに任意の値をコピーしたい場合に、Chrome, Firefox, IEでどう実装するかまとめました。 クリップボードを操作するにはFlashを使うのがベタですが、その場合必ずFlashのボタンを押さないとクリップボードにアクセスできません。 今回はCtrl + Cでクリップボードにコピーしたいということで、HTML5のClipboard APIやIEのwindow.clipboardDataを使って実装します。 Chrome, Firefoxの場合 HTML5のClipboard APIを使います。 クリップボードイベント(copy, paste, cut)発生時のみ使用可能で、任意のタイミングでのクリップボード操作はできません。 まだドラフト版のAPIなので色々と制約があるみたいですが、基本的なCopy & PasteはChrome, Firefox両方と
初心者でも音楽アプリが作れる！Web Audio APIを簡略化したJSライブラリ「Tone.js」でピアノ鍵盤を作ってみよう！ - paiza times
どうも、まさとらん（@0310lan）です。 今回は、Web Audio APIの実装で面倒な処理をすべて簡略化し、誰でも音楽プログラミングを楽しむことが可能なJavaScriptライブラリのご紹介です。 わずか数行のコードでゼロから「音」を作り出し、メロディを奏でたりエフェクトをかけたりシーケンスを組み立てたり…など、本格的なWebアプリも作れるポテンシャルを秘めていますよ！ 【 Tone.js 】 （多彩なサンプル事例はコチラから確認できます） ■必要なファイルを準備しよう！ 今回は、簡単なサンプルデモを実際に作りながら「Tone.js」の基本的な使い方をご紹介していこうと思います。 作るのは、簡易的な「ピアノの鍵盤」です！ 「Tone.js」を使うと、わずかなコードで「音」を生成して発音させることが出来るので、「鍵盤」のモチーフは初めての学習にちょうど良いと思います。 さて、このサン
APIなどにfile_get_contents()を使うのはオススメしない理由と代替案
file_get_contents() はファイルパスを指定してデータを取得するだけではなく URLを指定すればそのURLの情報を手軽にとれる関数ですが 対API等に使うと色々とハマるポイントが多いので、それを簡単に解説したものです。 ※このページ向け に書いていたものですが、コード量が多いので分割しました。 問題点 file_get_contents() は ヘッダ情報の保持ルールやタイムアウト処理に癖があるため 返却されるステータスコードや、タイムアウト時に再リクエストなどを行うような 対APIの処理では、それらを知らないと想定していない事態に陥る。 コード例と解説 以下の要件でfunctionを書くとします。 jsonが返ってくるAPIにアクセスして、jsonをarray化する。 タイムアウトは3秒とし、そうなった場合は空の配列が返ってくる。 ステータスコードが200以外で返ってきた
第0回 取引botの作り方 トレードbotは超カンタン、難しそうと思ってる人ほどやってみよう | カタリベ Kataribe
素敵ブロガーは小粋な画像を散りばめたりするのが主流みたいですが、そんな技術はないのでひたすらテキスト！ botは手動で行う取引を自動化してくれます。 この価格になったら売りたい/買いたいを自動で行ってくれるのですからラクチンこの上ありません。 しかも超カンタンなのだからやらないのはもったいないです。※儲けるのは() では進行を列挙します。 1)プログラミング言語を決め環境を整える ・今回はWindowsにPythonです ・PythonをPCにインストール ・プログラムを書くソフトのインストール 2)動かしてみる ・Hello World ・四則演算 3)公開APIを触ってみる ・pipとは ・Zaifから価格を取得してみる 4)取引APIを触ってみる ・Zaifアカウントの余力を取得してみる 5)次のステップ ・簡易な条件式とループの説明 6)ストリーミングAPIを取得 ・websock
GASのExecution APIを使ってGASを外部からぶっ叩く - Qiita
こんにちは slackAppが意外と使われてて、メンテしなきゃいけない気がしてgkbrしている大橋です。 先日GASで定義した関数群をREST経由で叩くことができるExecution APIが公開されました。 概要 https://developers.google.com/apps-script/guides/rest/ 公式ブログ http://googleappsdeveloper.blogspot.jp/2015/09/run-apps-script-code-from-anywhere.html これができたことにより様々なマクロ処理をGASで定義しておき、 他のアプリケーション、例えばExcel VBAや、shell、AndroidやiPhoneのアプリケーションから呼び出すことが可能になります。 (GAS for Androidも期待できますね) 今回はこのExecution
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://qiita.com/n-ken/items/2cf2ce482d0e8dc2caee
cognitive
