「 javascript 」 一覧

  こんにちは、mabuiです。 今回静的サイトジェネレーターのGatsby.jsとTypeScriptを使用してポートフォリオサイトを作成したので、開発に使った技術を含めて紹介をします。 ...

  こんにちは、mabuiです。 最近個人で進めているプロジェクトでボイラープレートコード(書くのが必要な定型的なコード)を自動生成してくれるHygenというツールを導入したので、その紹介を ...

  (この記事は2019年7月に執筆しました。) こんにちは、mabuiです。 5月から参画して、1人で実装を進めていたNext.js + TypeScriptのプロジェクトがリリース手前ま ...

  こんにちは、mabuiです。 今回はNuxt.jsのserverMiddlewareを使って、apiを叩く方法を書いていきます。 クライアントから直接外部ドメインのapiを叩くと、クロス ...

  こんにちは、mabuiです。 今回は自分の備忘録も兼ねてJavaScriptのasync awaitについてまとめていきます。   はじめに async awaitは、非同期処 ...

こんにちは、mabuiです。 プログラミングしていると予期しないところでハマって時間を浪費することあるあるですよね。 今自分もJavaScriptのfetchメソッドでPOSTリクエストを出す際にパラ ...

こんにちは、mabuiです。 最近仕事でGraphQLを使用していて、これは筋がいい技術だな〜流行ってほしいな〜〜と思っており、今後自分でもサービス作りに活用したいと考えています。 そこで今回は、Gr ...

こんにちは、mabuiです。 前回に続いて今回はApollo ClientのQueryコンポーネントについて、GraphQLからデータを取得してUIに反映させる方法、エラーとローディング状態中の処理方 ...

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

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

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

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

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

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

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