はてなブックマーク

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

はじめに 本記事はグロービス Advent Calendar 2017 24日目の記事です。 グロービスではエンジニアを募集しております。 本記事のきっかけ そもそもの話 【初級者】React/GraphQLで作るサーバレスWebアプリ開発ハンズオン★手軽なアプリ開発体験の勉強会に参加して、GraphQLと出会ったのが、そもそものきっかけです。 上記勉強会で、GraphQLを使うためのサーバーレスなクラウド上のバックエンドサービス（BaaS）であるGraphCMSを用いて、リッチなGUIの管理画面上で、GraphQLのModel定義からコンテンツの登録等を行いました。 そこで、今回 同じくBaaSであるGraphcoolをはじめて触ってみて、Graphcoolに関する日本語の記事がまだ少なかったこと（GraphCMSも少ないですが…）と、Graphcoolやその周辺技術（GraphQL、A

はじめに Graphcool、React、Apolloを使って、GraphQLのQueryとMutationを実装するの続編です。 前回では、GraphQLのQueryとMutationの実装を行い、記事の投稿と一覧表示ができるようになりました。 但し、前回までの実装では、投稿後にその投稿した記事を同じ画面で続けて表示したい場合は、ブラウザを手動でリロードさせなければならず、使い勝手の良いUXにはなっていませんでした。 そこで今回は、GraphQLのSubscriptionsという機能を用いてリアルタイムに記事が反映されるよう、前回作ったアプリを改修したいと思います。 縦横比が合っておらず、解像度も低い状態で恐縮ですが…、動画で実装後のイメージを載せました。 フォームから新規投稿するイメージ 別ドメインのGraphcoolのコンソールからデータ追加し、Subscriptionsによってフォ

import { createStore } from 'redux' import { persistReducer, persistStore } from 'redux-persist' import storage from 'redux-persist/lib/storage' import rootReducer from './reducers' // 永続化の設定 const persistConfig = { key: 'root', // Storageに保存されるキー名を指定する storage, // 保存先としてlocalStorageがここで設定される whitelist: ['todos'] // Stateは`todos`のみStorageに保存する // blacklist: ['visibilityFilter'] // `visibilityFilte

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?