GraphQL Tutorial - How to Manage Image & File Uploads & Downloads with AWS AppSync & AWS Amplify
GraphQL Tutorial - How to Manage Image & File Uploads & Downloads with AWS AppSync & AWS Amplify How to create & query images and files using GraphQL with AWS AppSync, AWS Amplify, and Amazon S3 Storing and querying for files like images and videos is a common requirement for most applications, but how do you do this using GraphQL? One option would be to Base64 encode the image and send as a strin
AWS Amplify / AppSyncで画像投稿webアプリのサーバサイドを実装する - Qiita
アドベントカレンダーも中盤に差し掛かってきました。 今回は画像投稿アプリのサーバサイド（ユーザー認証・GraphQLによるAPI通信）をAWSのサービスAmplify・AppSyncを主に活用して実装していきます。 一応、以下記事の続編という形で投稿を行っていますが、途中まではAmplifyとAppSyncの概要説明を比較的シンプルな実装例を用いて行います。 React Hooks ✕ AtomicDesignで画像投稿webアプリのフロントエンドを実装する AWS Amplifyとは AWS Amplify 公式 AWS Amplify は、AWS を使用したスケーラブルなモバイルアプリおよびウェブアプリの作成、設定、実装を容易にします。Amplify はモバイルバックエンドをシームレスにプロビジョニングして管理し、バックエンドを iOS、Android、ウェブ、React Native
Lambda無しでGraphQLのAPIを作ろう！！AppSyncをAWSサービスのプロキシとして利用してみる | DevelopersIO
Lambda無しでGraphQLのAPIを作ろう！！AppSyncをAWSサービスのプロキシとして利用してみる 先日のブログでAppSyncのHTTPデータソースとしてStep Functionsを利用する構成をご紹介しました。AppSyncのデータソースとしてネイティブに対応していないサービスであっても、HTTPデータソースを介してAppSyncと連携させることが可能です。 この例のようにAppSyncをAWSサービスのプロキシとして構成することで、CRUD操作のような単純なオペレーションに関してはわざわざLamdbaを使わなくてもAPIを実装することが可能です。AWSとしてもre:inventのセッション等で「LambdaはTransformのために使い、Transportに使わない」ことがベストプラクティスだと発信しており、Lambda無しで実現できることは極力Lambdaを使わない
AppSync + Nuxt.js(SSR)によるリアルタイム野球詳細ページについて - Gunosy Tech Blog
この記事は Gunosy Advent Calendar 2019 の8日目の記事です。なお、昨日は id: tomoko_tsubasa さんの 新米Gopherとしてこの１年やってきたこと - Gunosy Tech Blogでした。 はじめに こんにちは。グノシー事業部でサーバーサイドを担当している吉澤(azihsoyn)です。好きなawsのサービスはAppSyncです。 久しぶりのグノスポ記事ですが、この秋(もう冬ですが)グノスポに野球詳細がリリースされました🎉🎉🎉 (この試合を選んだ意図は特にありません) めちゃくちゃかっこいいですね！！！ 実際にアクセスして触っていただく方がわかりやすいかもしれません(そしてフィードバックをください🙏) グノスポといえばAppSyncを利用しているサービスとして有名ですが、今回初めてWebからAppSyncを利用しました。 先日の re
Amplify & GraphQLでのデータモデル設計事例集 - BioErrorLog Tech Blog
AWS Amplify & GraphQLでのデータモデル (スキーマ) 設計例をまとめます。 はじめに スキーマ設計例 Todoアプリ イベントアプリ チャットアプリ Eコマースアプリ WhatsAppクローン Redditクローン マルチユーザーチャットアプリ インスタグラムクローン カンファレンスアプリ おわりに 関連記事 参考 はじめに こんにちは、@bioerrorlogです。 最近、AWS Amplifyに注目してします。 Amplifyはフルスタックなサーバレスアプリを素早く作ることが出来るプラットフォームで、プロダクト開発の生産性を高めることが出来ます。 AmplifyプロジェクトのAPIを GraphQL (AppSync)で構築するときには、データモデルをスキーマschema.graphqlに定義する流れになります。 このGraphQLのスキーマ設計はリレーショナルデー
同列の2つのGraphQL API (AppSync/Github)を結合し1つのAPIを作る - Qiita
GraphQLの特徴的な結合パターン "Union" 前前回記事でAppSyncを呼び出すアプリを作り、前回記事でAppSyncと既存のGraphQL APIを結合させ一つのAPIにできました。 もう一つGraphQLの結合のケースを発見しました！ （最後に説明しますが、発見とは言っても概念としてはさして新しいものではありません。） それは同列の結合、名付けてUnion型です。（私が名付けました。意味は後述） 前記事の親子関係なAPIの結合とは異なり、このUnion型を使うと網羅的なデータ処理ができる嬉しさがあります。 今回もGithub API v4とAppSyncのAPIと結合させて、嬉しさを検証しました。 Union型のユースケース 次の2つのGraphQL APIがあるとします。 AppSync上のGraphQL API: 会社内のプライベートな組織名一覧が取得できるGraphQL
Terraform で構築した AWS AppSync で GraphQL を触る - Qiita
API によく使われる言語 REST API と比べ リクエストの回数を減らしやすい (一度に複数の機能を呼び出せる) レスポンスされる項目を自由に指定できる スキーマ第一主義 フロントエンドとバックエンドの認識齟齬を防ぐ GraphQL の API サーバーをマネージドで提供してくれるサービス REST における API Gateway の GraphQL 版のようなもの データソース (API のデータ読み取り先) として AWS の各サービス (Dynamo/Elasticsearch/Lambda etc.) や HTTP が選択できる ノンプログラミングで DB からデータを読み書きする API が作れる 作るもの AppSync (GraphQL API) Query (SQL の SELECT に相当) user: ユーザー情報を DB から取得 Mutation (SQL
【爆速】React+Amplify+AppSyncでリアルタイム掲示板アプリを15分で作り上げる 〜これが最高のDeveloper Experienceだ〜 - Qiita
【爆速】React+Amplify+AppSyncでリアルタイム掲示板アプリを15分で作り上げる 〜これが最高のDeveloper Experienceだ〜JavaScriptAWSReactamplifyAppSync Railsを使って15分でブログアプリを作り上げる動画が一斉を風靡したのはもう何年前でしょうか。 私はまだその頃Developerですらいなかったですが、いまその動画を見ても感動してしまいますね。 Webのアーキテクチャは進化し、API非同期通信、フロントエンドとバックエンドの分離、仮想DOMによるフロントエンド描画、GraphQLバックエンドの台頭といった具合に圧倒的な進化を遂げてきました。 では、この技術スタックを使ってRailsを使ってブログアプリを作り上げることと同様のことがどれだけの開発効率で実装できるのでしょうか？ 今回はAmplifyCLIとReactを使っ
AWS Amplifyを用いたオンラインチャットアプリのバックエンド開発ブログ | Fintan
はじめに オンラインチャットアプリを短期間で開発する案件があり、アプリのバックエンドをAWS Amplifyで構築する機会がありました。その時のAmplifyを選定した経緯や、AWS Cognitoの設定、GraphQLスキーマコードの一部、指定したドメインでアプリを公開する手続きを本ブログで紹介いたします。 本ブログはアプリのバックエンド開発を紹介していますが、共同開発者がフロントエンド開発時にあった問題とその回避策についてブログを執筆しております。ご興味があればiPhoneでバーチャルキーボード表示時に固定要素が画面外に消える問題を解決するもあわせてご参照ください。 概要 Amplifyを用いてオンラインチャットアプリのバックエンドを短期間かつ工数を抑えて構築できた 本アプリではAWS AppSyncサービスを利用しGraphQLスキーマ設計だけで仕様を満たすことができた 本アプリの要
AWS AppSync + RDS を試してみた - Qiita
この記事は ドワンゴ Advent Calendar 2018 の 7 日目の記事です。 社内向けの API に GraphQL を採用する事になったので、AWS AppSync + RDS を使った場合に開発〜デプロイがどんな形で実現できるのか、制限事項はどのようなものがあるのか、等について、試してみたあれこれを共有します (GraphQL とは何か、などの話は割愛します)。 TL;DR AppSync + RDS をしたければ、Serverless Aurora か Lambda をデータソースとして利用する AppSync + RDS (というか AppSync + Lambda) は割と制約が厳しい BatchInvoke が 5 つまでしか Batching してくれないため N+1 問題に悩まされる ただし、他の AWS リソースとの連携は楽で良い GraphQL Code G
すべてが Amplify DataStore になる - アールスリーインスティテュート ｜R3 Institute
前回 は Amplify DataStore をスタンドアロンで使用しました。 シンプルなインターフェースで使用できるデータストアであることが分かったと思います。 しかし、Amplify DataStore をスタンドアロンで使用するだけでは、その魅力の一割にも満たないです。 Amplify DataStore はネットワーク接続が利用可能であれば AWS AppSync を使用してデータを透過的に同期します。 Amplify DataStore はデータを自動的にバージョン管理し、AppSync を使用してクラウド上で競合の検出と解決を行います。 ネットワーク接続がオフラインになっても Amplify DataStore はローカルのみで機能し続けます。 そして、ネットワークが復旧すれば、アプリケーションは自動的にバックエンドに再接続し、データを同期して、競合がある場合は解決してくれ
Vue.js と AWS AppSync(GraphQL)を使ってチャットアプリを作った - Qiita
はじめに 以前、「Vue.js×GraphQL(AppSync)×AmplifyでTODOリストを作る」という記事を書きました。 この記事をベースにチームメンバーにハンズオンをしてみると、割と簡単にGraphQLを使うことができると好評でした。 前回は Mutation と Query を使ってTODOリストチックなメモアプリを構築しました。 今回はGraphQLの Subscription を使ってチャットアプリを作ってみました。 まとめ いきなりまとめます。 というかこの記事で伝えたいことを先に書いておきます。 GraphQLはRESTAPIに比べてハードルは高いかもしれない… Subscription はGraphQLの中で一番便利！(120%主観) Messangerなどのチャットアプリの裏側をなんとなく知ることができる ソースコード ソースコード一式はgithubにpushしてい
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
