【決定版】2022年～2023年で必ず確認するべきGitHubリポジトリ 40選
はじめに 今回の記事では、個人の独断と偏見で2022年～2023年で必ず確認するべきGitHubのリポジトリを紹介する。私のTwitterでこれまで紹介したものもあれば、そうではないものもある。 GitHubはプログラマーにとって、普段の学習・開発を進めるうえでもっとも重要な情報源の１つである。本記事では、分野ごとに確認するべきGitHubリポジトリを紹介する。 なお、今回の記事で紹介するGitHubリポジトリの分野は以下の通り。内容はWeb開発に特化している。 確認必須 Web Python JavaScript TypeScript ちなみに、「確認必須」は分野を問わずすべてのプログラマーに役立つGitHubリポジトリを紹介している。 今回の記事を通して、年末年始の学習・開発に大いに役立ててもらえたら幸いだ。 確認必須 freeCodeCamp 世界最大規模のプログラミングメディア「f
Amplifyで自動生成されたAppsyncリゾルバー（VTL）をカスタマイズする
こんにちは @kita3222 です👋 本記事は AWS AmplifyとAWS×フロントエンド Advent Calendar 2022、24日目の記事です。 はじめに Amplifyはschema.graphqlの定義に基づいて、@model ディレクティブをつけたtypeについては全てリゾルバーを自動生成します。取得するデータをユーザーごとにフィルタリングする処理をバックエンド側で実施したい場合には、VTLをカスタマイズすることで実現できます。 今回は、こちらの記事でご紹介したLambda認証と組み合わせた場合の実装についてお話ししていきます。 Amplifyで生成されたリゾルバーを上書きする Amplifyによって自動生成されたVTLはamplify/backend/api/<api-name>/build/resolversに定義されています。 この自動生成されたファイルの内容
GraphQL Code Generator v3 Roadmapで推されているclient-presetを紹介する
こんにちは。皆さんはGraphQL Code Generatorを利用していますか？ 筆者は普段React/TypeScript/Apollo Client(またはurql)といったスタックでWebフロントエンドを書いており、その際にはGraphQL Code Generatorをほぼ必需品と言えるほど愛用しています。 サーバー側から提供されたスキーマやクライアント側が必要なデータを宣言したオペレーションから型やコードを生成し利用することで、ロジックに関する実装量が大きく削減でき、ミスを減らすことにもつながります。GraphQLを使う理由の1つと言っても過言ではないでしょう。 そのGraphQL Code Generatorではv3 Roadmapとして今後の方針が公開されており、client-presetという新しいプリセットが紹介されています。そこでは「GraphQL Code Gen
AppSyncのデプロイについてまとめてみた - 雑食日誌
はじめに ある案件でAppSyncを使うことになったが、商用利用の事例が少なくデプロイ方法がわからなかった。 自動でデプロイできる仕組みを探したところ、Serverless FrameworkのAppSyncプラグインがあったので使ってみた。 AppSyncとは AppSyncはAWSで利用できるGraphQLベースのマネージドサービスである。 特徴として バックエンドサービスを自由に切り替えることができる GraphQLベースのため、フロントエンドに必要なデータを定義できる などがある。 特にバックエンドにはLambdaやDynamoDB、HTTPなど多様なリソースを選択できる。 前提 今回の案件では以下の条件があった。 AppSyncをLambdaバックエンドとHTTPバックエンドの二種類を実装 フロントエンドはアプリ(iOS, Android) とWebアプリ(JavaScript)
Amplify & GraphQLでのデータモデル設計事例集 - BioErrorLog Tech Blog
AWS Amplify & GraphQLでのデータモデル (スキーマ) 設計例をまとめます。 はじめに スキーマ設計例 Todoアプリ イベントアプリ チャットアプリ Eコマースアプリ WhatsAppクローン Redditクローン マルチユーザーチャットアプリ インスタグラムクローン カンファレンスアプリ おわりに 関連記事 参考 はじめに こんにちは、@bioerrorlogです。 最近、AWS Amplifyに注目してします。 Amplifyはフルスタックなサーバレスアプリを素早く作ることが出来るプラットフォームで、プロダクト開発の生産性を高めることが出来ます。 AmplifyプロジェクトのAPIを GraphQL (AppSync)で構築するときには、データモデルをスキーマschema.graphqlに定義する流れになります。 このGraphQLのスキーマ設計はリレーショナルデー
AWS AppSync のスカラー型 - AWS AppSync
翻訳は機械翻訳により提供されています。提供された翻訳内容と英語版の間で齟齬、不一致または矛盾がある場合、英語版が優先します。 GraphQL オブジェクトタイプには名前とフィールドがあり、これらのフィールドにはサブフィールドを使用できます。最終的には、オブジェクトタイプのフィールドを、クエリの各要素を表すスカラー型に解決する必要があります。オブジェクトタイプとスカラーの詳細については、GraphQL ウェブサイトの「スキーマとタイプ」を参照してください。 GraphQL スカラーのデフォルトセットに加えて、AWS AppSync では AWS プレフィックスで始まるサービス定義のスカラーも使用できます。AWS AppSync ではユーザー定義 (カスタム) スカラーの作成はサポートしていません デフォルトまたは AWS スカラーのいずれかを使用する必要があります。 カスタムオブジェクトタイ
GraphQLのスキーマと型定義 - Qiita
GraphQLのスキーマとは GraphQL APIの仕様を表現するものです。スキーマ定義言語（SDL(Schema Definition Language)）を使って表現します。GraphQL APIを構築するにあたり、FW、言語に依存せずにSDLで表現できます。 以下、SDLでのスキーマ定義の例です。 type Book { id: ID! name: String pageCount: Int author: Author } type Author { id: ID! firstName: String lastName: String } GraphQLをJavaで実装する場合、以下のようにJavaコードでの定義も可能です（Java以外の言語でもその言語で定義することが可能です）。 https://www.graphql-java.com/documentation/master
【GraphQL】入門編 ~基礎とQuery / Mutationの書き方~ | Offers Tech Blog
概要 こんにちは、Offers を運営している株式会社 overflow の Software Engineer（主戦場はフロントエンド）の Kazuya です。今回は、昨今の WEB アプリケーション開発で採用がされるケースが増えてきている GraphQL について紹介します。 「GraphQL」という名前だけは耳にしたことがあるけど、実際はどういうものなのか分からないという人も多いのではないでしょうか？本記事では、GraphQL 初心者の方でも理解しやすいよう、概要だけでなく RESTful API との違いや具体的な使用方法も掲載していますので、ぜひ参考にしてもらえればと思います。 はじめに 本記事では、GraphQL の基礎と一部実装例を紹介します。GraphQL を扱う上での基礎的な内容ですので、実際のプロダクト開発等では活用できない場合があります。そのことを予めご了承の上、参考
npm-scripts を書く時の手癖 - mizdra's blog
かれこれ 5 年くらい趣味開発で npm-scripts を書き続けている。長年書き続けているとノウハウが蓄積されてきて、「こう書くとスッキリする」「迷いがなくなる」「後から拡張したくなった時に、簡単に拡張できる」みたいな書き方が身についてきた。自分の型、あるいは手癖のようなものだと思う。 せっかくなので、id:mizdra の今の npm-scripts を書く時の手癖を書き連ねてみる。 基本形 { "scripts": { "build": "webpack --mode production", "dev": "webpack-dev-server --mode development", "lint": "eslint .", "test": "jest" } } 一番シンプルな npm-scripts を書く時のパターン。以下の 4 つの script を登録している。 buil
AppSync & GraphQL 入門 - Qiita
AppSync とは？ GraphQL というAPI仕様を用いて「柔軟なAPI」を提供するAWSのマネジメントサービス ちなみに、従来の REST API 形式だと AWSは API Gateway を提供している GraphQL とは？ Facebookが開発しているWeb APIのための規格 「クエリ言語」 と 「スキーマ言語」 からなる REST API は、1URLに対し1つのAPIや情報を提供できるのに対し、 GraphQL は欲しいデータを以下のようなクエリとして発行すると、欲しいデータを欲しいObject形式で得ることができます AppSyncの仕組み AppSyncは直接DynamoDBの値を取得・更新・削除することができます 従来のAPI Gatewayだと、AWS Lambda が間に必要でしたが、 AppSyncは Lambda レス でDynamoDBへのアクセスが
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Client code generation - JavaScript - AWS Amplify Documentation