「プログラミング」 一覧

チュートリアルで学ぶApollo Client - Get started -

  こんにちは、mabuiです。 GraphQLをクライアントで使いやすくするためのライブラリ、Apollo Clientのチュートリアルを手を動かしつつ紹介して、今後のサービス開発に活かし ...

GraphQL入門 - Getting Started With GraphQL.js - を試してみました

  こんにちは、mabuiです。 巷でREST.apiを代替すると騒がれているGraphQLのチュートリアル、Getting Started With GraphQL.jsを読みましたので、 ...

日本株の日足データ取得方法をまとめました

  こんにちは、mabuiです。   現在IPO銘柄のチャートを一覧表示するサービスを作成中で、quandlという幅広いデータを取り扱う海外のサイトのapiから日本株日足データを取 ...

Material-UIを使って検索バーを実装する

  こんにちは、mabuiです。 今回は以前サンプルを作った時にも使用した、 Reactで作ったサンプルにMaterial-UIを適用する Material-UIを使って、検索バーの実装を紹 ...

Firebase AuthenticationとVuexでメール認証を実装する

  こんにちは、mabuiです。 今回はWebサービスでよくある メールアドレスでユーザー登録後に認証メールの送信 → メール本文のリンクをクリック → 認証完了 の流れを、Firebase ...

Pythonでpost apiを実装するならFlaskが一番楽

  こんにちは、mabuiです。 Pythonでちょっとしたツールやサービスを作りたいときに、 postリクエストを受け取れるapiが欲しい場面は結構あると思います。 そんな時にPython ...

最近日本で人気のJavaScriptフレームワーク、Vue.jsとは何か説明します

  こんにちは、mabuiです。 2018年8月現在、JavaScriptの主要なフレームワークといえば Anguler, React, Vueの三択ですが、 その中でも最近人気なのがVue ...

Reactで作ったサンプルにMaterial-UIを適用する

こんにちは、mabuiです。 これまでの記事ではReactで仮想通貨の情報を表示するサンプルを 一つづつ技術を取り入れて作ってきましたが、 最後にMaterial-UIのコンポーネントを取り入れて、 ...

Plotly.jsを使ってReactコンポーネント内にチャートを表示する

こんにちは、mabuiです。 Reactで作っている仮想通貨の情報を表示するサンプルにルーティングを導入して、 通貨ごとの個別ページに何を表示しようか考えたところ、 チャートを表示することにしました。 ...

react-router-domを使ってルーティングを実装する

こんにちは、mabuiです。 前回はReduxを導入して、状態管理をしやすくしました。 ですがまだこの状態のサンプルだとサービスとして味気ないので、 今回はreact-router-domを使ってSP ...

Reactのみで実装したサンプルに、Reduxを導入する

  こんにちは、mabuiです。 前回の記事で取り上げた、Reactのみで実装したサンプルに Reduxを導入していきます。 動作は前回とまったく同じで、仮想通貨の上位10銘柄を表示して、 ...

Reactのサンプルに、画面表示を変更するボタンを取り付けてみる

  こんにちは、mabuiです。 前回作成した仮想通貨銘柄の一覧表示サンプルに 画面表示を変更するボタンを取り付けて、 状態を更新して画面をレンダリングし直す、よりreactらしいコードにし ...

非同期通信でreactのcomponentをレンダリングする方法

  こんにちは、mabuiです。 前回、reactのレンダリング処理を説明しましたが、 それを使いつつ、javascriptの非同期通信でcoinmarketcapのapiを叩いて 仮想通貨 ...

reactのrenderは何をやっているのか?コード付きで説明します。

  こんにちは、mabuiです。 下記コードを使用して、reactのコア機能であるレンダリング処理の説明をします。 なお動作環境は1クリックで用意できるオンラインエディタのcodesandb ...

reactはこれから先も食っていける、コスパのいい技術な気がしてきた

今更ながらreactは覚えるとかなりコスパのいい技術かもしれない。 Learn Once, Write Anywhereって哲学が素敵!! — mabui (@mabui_x) 2018年6月15日 ...

Copyright© mabui.org , 2018 All Rights Reserved Powered by STINGER.