GraphQL

GraohQL APIの開発の進め方を考え中 最近 GraphQL APIの開発をし始めている。既存のREST風のAPIがあって、最初はそれを置き換えるような作業になるため、サクサクいけるかと思ったらそんなことなくて、あるフィールドを定義するこの型が欲しくなるし、その型のモデリングや関係について考えて行くとグラフを辿ってどんどんと考えが広がっていく。 こういう感じでスキーマを考えて、決めていくのだなという実感が掴めたのは成果だと思う。一方で、これだと既存のAPIのエンドポイントを必要な順番でGraphQLに置き換えていくのとは開発の進め方が違うかもしれないと思い始めた。スキーマの中で重要な型は…

はじめに 下記のページを参考に実装してみる strapi.io インストール yarn add @nuxtjs/apollo graphql 設定 nuxt.confg.jsファイルを下記のように記述する modules: [ '@nuxtjs/apollo' ], apollo: { clientConfigs: { default: { httpEndpoint: process.env.BACKEND_URL || "http://localhost:1337/graphql" } } 参照系クエリーの作成 queries/addresses.gqlファイルを作成して下記のように記述する…

参考URL 下記のページを参考にstrapiでgraphqlを利用できるようにしてみる strapi.io インストール strapiのプロジェクトフォルダ内で下記のコマンドを実行して、graphqlのパッケージをインストールする yarn strapi install graphql 動作確認 'http://localhost:1337/graphql'にアクセスするとgraphqlが利用できることが確認できる queryの仕様 単一の場合 単一のレコードを取得する場合、idの指定が必須らしい query { address(id: 1){ id post_code prefectures…

こんにちは、 @mugi_uno です。 少し前に背骨の手術を受けたら身長が伸びました。 🎉 受注管理機能をリリースしました 2020/12/10に、Misocaに新しく「受注管理機能」をリリースしました。 www.misoca.jp いままでは、請求書・見積書・納品書といった単位でのステータス管理が主でしたが、新たに追加された受注管理機能を使うことで、案件単位でステータスを管理しつつ、各文書への変換も簡単に行えるようになりました。 そして、同時にこの受注管理機能は、開発面においても様々な新しい技術面でのトライもありました。 Vue.js & Vue Composition API Graph…

graphql_flutterは【Flutter】graphql_flutterのクライアントにTimeoutを設定するにて記載した通り、 Flutterでgraphqlを扱う際には第一候補として使用を検討するライブラリかと思います。 本稿では、graphql_flutterを使用した認証処理について記載します。 TL;DR AuthLinkを使用する JWTのような有効期限つきの認証トークンを使用する場合は、AuthLinkの初期化時の引数であるgetTokenに更新処理を渡しておく 開発環境 下記環境を使用しています。 [✓] Flutter (Channel stable, 1.22.2…

＊この記事は トレタ Advent Calendar 2020 の１４日目 の記事です。 前回のアドベントカレンダーから早くも１年、今年も寒さとともに腰が軋むサーバーサイドエンジニア 石谷です！ 今年はいろいろと激動の年でした。 トレタはというと、コロナ禍のど真ん中なプロダクトを提供するなかで自分たちに何ができるのか、東奔西走した１年だったかなぁと思います。 またプライベートはというと、Youtuberを見てFortniteにハマり、Youtuberを見てデッドバイデイライトにハマる。 （そうじゃない、もっとあるだろ。あ、今年の頭に結婚したんだった。ちなみに結婚式はコロナで延期しました 泣） …

GraphQLに関するお仕事に少しだけ関わることができて、そのために最新の情報をキャッチアップしました。 以下、2020年末時点で、私が頼りにしている情報源です。 https://book.productionreadygraphql.com/ GraphQLサーバの開発（AppSyncなどのサービスを利用する場合も含めて）に関わるなら必携の書です。 https://principledgraphql.com/ GraphQLサーバを設計する上での重要な原則が書かれています。The Twelve-Factor AppのGraphQL版のようなものです。 https://www.apollogr…

はじめに この記事はGo3 Advent Calendar 2020の11日目の記事です。gqlgenを使ってGraphQL Subscriptionsを実装する方法とハマったポイントを紹介したいと思います。 利用技術 gqlgen GraphQL SchemaからGoのコードを出力するコードファーストなライブラリ Redis Pub/Sub Redisでクライアント間通信を行う echo Webフレームワーク 今回はドメイン3層とgqlgenの生成物を合わせた構成にしています。 詳しくは先日の記事にまとめています。 実装した内容はGitHubに公開しました。 ※記事の中のコードはわかりやすさ…

設計ナイト2020 を受けて、今どんなアーキテクチャを選ぶべきかという話をしたくなったのだ。 kichijojipm.connpass.com 設計ナイトで高ぶった結果1時間コースの発表資料が完成したので供養場所を探しています。聞いてくれ！！！— Takafumi ONAKA (@onk) 2020年11月1日 お前誰よ 2000年代前半に SI 2000年代後半にブログ、SNS 2010年代にソーシャルゲーム 2020年代に UGC サービス をやってきた人間。数百万〜数億行のデータ、月間数千万〜数十億 imp 程度を主戦場にしています。 今日の話 DDD と PofEAA から学ぶパターン…

はじめに GraphQLを理解するために、SpringBoot×Kotlinでためしてみることにした。 確認環境 確認する環境は以下で実施する。 開発環境 mac book pro エディタ intelij IDEA CM ソフトウェア Kotlin SpringBoot(2.3.3) Gradle GraphQL Playground 環境構築 まずは環境構築。 雛形はspring initializrを使って作成する。 ここの手順は割愛する。 intelij IDEAのplugin GraphQLのSchema定義を実装するのに便利なためJS GraphQLを導入する。 導入することでハイ…

graphql_flutterはgrahQLの有名なライブラリーであるApolloにインスパイアされたflutterのgraphql clientライブラリです。 FlutterでgraphQLを使用する場合はgraphql_flutterを使用するかgraphqlを使用することになるかと思います。 ネットワーク通信を行う場合は、通信環境の悪い場合を考慮してTimeout設定を行います。 しかしながらgraphql_flutterにはデフォルトのタイムアウト設定用のAPIが存在しません。 本稿ではgraphql_flutterにおけるTimeout設定に関して記載します。 TL;DR Time…

nuxt.jsとaws amplifyでアプリケーションを構築しています。 APIはGraphQLで作成しており、色々と疑問に思った点を内容を書いてみます。 docs.amplify.aws schema schemaというかtypeはRDSのテーブルという感じで良さそう。 あとはリレーションってどうするんだろう。 関連したtype側に紐づく型を指定しているけど、内容をそのまま指定して書き込むのかな。 関連側のIDが型の項目にないけど、どうやって判断している？？ 謎。 日付型 GraphQL自体に日付型がないっぽいですね。 AWSDatetimeがあるみたいですが、標準ではないのかな。 AWS…

さて，2020年も終わりを迎えようとしています． 今年の振り返りは前に行ないましたが，まだ見ていない方はここから見れます => issei-ie.hatenablog.com それで今回は来年の抱負を行います．主に技術的な話とか 来年の抱負 バックエンドの抱負 GraphQL とか gRPC を少し触ったのでそこをもうちょい深めていきたい... あと golang で swagger を楽に作れるライブラリ？が存在したのでそれも触りたい． フロントの抱負 ちょこちょこ Vuejs 触ってたんですけどまだやった時間が足りないので練習していきたい． あと GUI フレームワークを一つくらい触れるよ…

認証機能付きReactサイトを手軽に作りたかったのですが、都度バックエンドを構築するのが面倒で諦めてました。 しかし、AWS Amplifyを使えば、手軽にバックエンドを構築できるのではと試してみました。 一通り欲しかった機能は試したので、再利用可能なように、ざっくり作り方をメモしておこうと思います。 公開サイトじゃないので、凝ったものではなく、必要最小限の下記機能を盛り込んだものになります。 ホスティング Basic認証 認証 認証者によるDynamoDBアクセス 認証者によるLambdaアクセス ドキュメント https://docs.amplify.aws/ ドキュメントが古いこともある…

×95 BBC Radio 4 - The Hitchhiker's Guide to the Galaxy - The Game - 30th Anniversary Edition ×80 Go is not an easy language ×66 I AM BEZOS ×57 GitHub - Immediate-Mode-UI/Nuklear: A single-header ANSI C immediate mode cross-platform GUI library ×52 Best practices for REST API design - Stack Overflow …

はてなブログ独自の集計による人気記事のランキング。2月14日（日）から2月20日（土）〔2021年2月第3週〕のトップ30です*1。 # タイトル／著者とブックマーク 1 最初の一歩を踏み出すという汎用的な技術 - 本しゃぶり by id:honeshabri 2 「40歳で特別なスキルのない主婦が、経済的に自立するために何をしたらいいのか」 - 斗比主閲子の姑日記 by id:topisyu 3 ゲームを作ったらハリウッドから映画化オファーが来た話 - Hirayaブログ by id:fumi_md 4 日本の入管における人権侵害が中国ウイグル自治区から伝えられる人権侵害に負けず劣らず酷いこ…

2/19でアルプに入社して2年が経った。 入社した頃はマンションの一室。6名満席で12畳くらいのオフィスだったので、冬でも二酸化炭素濃度が高くなって窓を開けて換気をしたり、レンジを使うとブレーカーが落ちて :gyomu_syuryo: していたのが懐かしい。 さらに社員が増えるタイミングで移転をした。これがオフィスというやつか！と感動も束の間、会議室って無いと不便なんだなと知れたり、オフィスを自分で綺麗にするのって大変なんだとも知れた。僕らは福利厚生の中に書かれていない、たくさんの当たり前がまだないということに気が付く。 物理的なものもそうだけど、「基本的にルールはない」で書いたように制度だっ…

CTFtime.org / darkCON CTF 以下が認証プロセス。 GraphQLが使われているので、とりあえずいつもの抜き出しを行う。 function auth() { var username = document.getElementById("Username").value; var password = document.getElementById("Password").value; var head = btoa(username + ':' + password); $(document).ready(function() { $.post("graphql", {…

Next.js楽しいよ(*´Д`)ﾊｧﾊｧ 最近、JOBLISTのRailsバージョンを6.1にアップデートしたので、今日はRails 6.1で新しく導入されたDelegated Typesを触ってみます。 railsguides.jp Delegated TypesはSTI（単一テーブル継承。今日はSTIの説明はしません）と同様の機能を提供するもので、単一テーブルではなく複数テーブルで動作します。 ※ リスタではSTIは使わないようにしていて、同様のことをやりたい場合は自前で複数テーブルを作って対応しています。 最近、個人的にGraphQLを検証しているので、GraphQLのUnionを実装…

ios → Heroku Postgres AWS Amplify Backend Lambda Graphql RestAPI Ruby/Python Hasura https://dev.to/hasurahq/using-amplify-cli-for-adding-auth-to-your-hasura-graphql-engine-23f9 Hasuraエンジンのテスト完了 既存のHeroku環境があれば、速攻で環境構築できる これをiOSクライアントアプリからアクセスできるようにする 次の呪術カイセン、東堂が術式開放するけど、 自分が認めた見方がいないと発動できない技だと自分的にア…

久しぶりに勉強会発表して緊張したなということで。 yapcjapan.connpass.com これに参加&LTしてきました。 参加の感想 型や(静的|動的)解析に関連する話が多く、Perl型マニアとしてはとても満足するトークばかりでした。 scrapbox.io Perlでも関数の型をチェックしたい - Speaker Deck scrapbox.io データ解析ツールを作った話やAWS CDKの解説、InnoDBクラスタの仕組みなど、実世界に寄った話も盛り上がり、裏トークも合わせて聞くと深く知見を得られた気がしてよかったです オフラインにあって、オンラインカンファレンスではなかなか成立しに…

雑ですが現在の進捗など。 Laravelのテストしたり、Nuxt-Hasura(GraphQL)の勉強をしています。 テスト Techpitの教材を2週する。2週目はこちらの記事を参考に作ったDocker環境 x Laravel8 で再現する。 その後テストに対する基本的な理解が足りていないと感じたので、下記の記事を参考に勉強する。 【初心者向け】Laravelテストチュートリアル :認証のテスト LaravelでPOSTメソッドのテストをする :POSTのテスト 【Laravel】テストで使える！DIのインスタンスをMockeryに差し替える方法 Laravelにサービス層を導入する : D…

こんにちは！kossyです！ さて、今回はgraphql-batchのthenメソッドを使って、loadしたobjectに処理を加える方法について、 ブログに残してみたいと思います。 環境 Ruby 2.6.3 Rails 6.0.3.4 graphql 1.11.6 graphql-batch 0.4.3 方法 post has_many comments という関連が組まれているとします。 この場合、 N + 1の発生を防ぐために、以下のようなタイプ定義を行うかと思います。 module Types class PostType < Types::BaseObject field :id,…