「 開発 」 一覧
-
チュートリアルで学ぶApollo Client - Queries -
2018/10/20 -Apollo, GraphQL, javascript, react, プログラミング
Apollo, Apollo Client, javascript, react, 開発こんにちは、mabuiです。 前回に続いて今回はApollo ClientのQueryコンポーネントについて、GraphQLからデータを取得してUIに反映させる方法、エラーとローディング状態中の処理方 ...
-
チュートリアルで学ぶApollo Client - Get started -
2018/10/14 -Apollo, GraphQL, javascript, react, プログラミング
Apollo, Apollo Client, javascript, react, 開発こんにちは、mabuiです。 GraphQLをクライアントで使いやすくするためのライブラリ、Apollo Clientのチュートリアルを手を動かしつつ紹介して、今後のサービス開発に活かし ...
-
GraphQL入門 - Getting Started With GraphQL.js - を試してみました
2018/10/08 -GraphQL, javascript, プログラミング
GraphQL, javascript, 開発こんにちは、mabuiです。 巷でREST.apiを代替すると騒がれているGraphQLのチュートリアル、Getting Started With GraphQL.jsを読みましたので、 ...
-
日本株の日足データ取得方法をまとめました
こんにちは、mabuiです。 現在IPO銘柄のチャートを一覧表示するサービスを作成中で、quandlという幅広いデータを取り扱う海外のサイトのapiから日本株日足データを取 ...
-
Material-UIを使って検索バーを実装する
2018/09/22 -javascript, react, プログラミング, 開発ノウハウ
javascript, Material-UI, react, redux, 開発こんにちは、mabuiです。 今回は以前サンプルを作った時にも使用した、 Reactで作ったサンプルにMaterial-UIを適用する Material-UIを使って、検索バーの実装を紹 ...
-
Firebase AuthenticationとVuexでメール認証を実装する
こんにちは、mabuiです。 今回はWebサービスでよくある メールアドレスでユーザー登録後に認証メールの送信 → メール本文のリンクをクリック → 認証完了 の流れを、Firebase ...
-
Trading Viewのアラートをほぼリアルタイムでwebhookでリクエスト飛ばす方法
2018/09/04 -TradingView, シストレ, 仮想通貨, 開発ノウハウ
TradingView, シストレ, 仮想通貨, 開発Trading Viewすごい、今まで触ってなかったのが悔しいw ・株式、先物から仮想通貨までチャート表示・自作チャート上で条件指定してアラート・テクニカル解析ツール作成可能・ダミー、本 ...
-
Pythonでpost apiを実装するならFlaskが一番楽
こんにちは、mabuiです。 Pythonでちょっとしたツールやサービスを作りたいときに、 postリクエストを受け取れるapiが欲しい場面は結構あると思います。 そんな時にPython ...
-
最近日本で人気のJavaScriptフレームワーク、Vue.jsとは何か説明します
2018/08/19 -javascript, Vue.js, エンジニア入門, プログラミング, 開発ノウハウ
javascript, Vue.js, エンジニア入門, 開発こんにちは、mabuiです。 2018年8月現在、JavaScriptの主要なフレームワークといえば Anguler, React, Vueの三択ですが、 その中でも最近人気なのがVue ...
-
Reactで作ったサンプルにMaterial-UIを適用する
2018/08/13 -javascript, react, プログラミング, 開発ノウハウ
javascript, Material-UI, react, 開発こんにちは、mabuiです。 これまでの記事ではReactで仮想通貨の情報を表示するサンプルを 一つづつ技術を取り入れて作ってきましたが、 最後にMaterial-UIのコンポーネントを取り入れて、 ...
-
Plotly.jsを使ってReactコンポーネント内にチャートを表示する
2018/08/06 -javascript, react, プログラミング, 開発ノウハウ
javascript, Plotly, react, 開発こんにちは、mabuiです。 Reactで作っている仮想通貨の情報を表示するサンプルにルーティングを導入して、 通貨ごとの個別ページに何を表示しようか考えたところ、 チャートを表示することにしました。 ...
-
react-router-domを使ってルーティングを実装する
2018/08/06 -javascript, react, プログラミング, 開発ノウハウ
javascript, react, react-router-dom, 開発こんにちは、mabuiです。 前回はReduxを導入して、状態管理をしやすくしました。 ですがまだこの状態のサンプルだとサービスとして味気ないので、 今回はreact-router-domを使ってSP ...
-
Reactのみで実装したサンプルに、Reduxを導入する
2018/07/25 -javascript, react, プログラミング, 開発ノウハウ
javascript, react, 開発こんにちは、mabuiです。 前回の記事で取り上げた、Reactのみで実装したサンプルに Reduxを導入していきます。 動作は前回とまったく同じで、仮想通貨の上位10銘柄を表示して、 ...
-
Reactのサンプルに、画面表示を変更するボタンを取り付けてみる
2018/07/24 -javascript, react, プログラミング, 開発ノウハウ
javascript, react, 開発こんにちは、mabuiです。 前回作成した仮想通貨銘柄の一覧表示サンプルに 画面表示を変更するボタンを取り付けて、 状態を更新して画面をレンダリングし直す、よりreactらしいコードにし ...
-
非同期通信でreactのcomponentをレンダリングする方法
2018/06/27 -javascript, react, プログラミング, 開発ノウハウ
javascript, react, 開発こんにちは、mabuiです。 前回、reactのレンダリング処理を説明しましたが、 それを使いつつ、javascriptの非同期通信でcoinmarketcapのapiを叩いて 仮想通貨 ...