Hasura

Next.js, GraphQL, Hasuraのキャッチアップも兼ねてプロトタイピングに関する書籍（実践プロトタイピング 〜Webフロントエンド＆バックエンドでプロトタイピング〜 - 東京ラビットハウス - BOOTH）を読み進めていくにあたり、忘備録を残しておこうと思います。 ただ書き写すのではなくて、自分の言葉や解釈で書いていこうと思うので一部間違っている部分などがあるかもしれないので、気になる方はコメントもしくは僕のTwitterとかでDMいただければと思います。 twitter.com では、始めていきましょう！（謎テンション） プロトタイピングとは そもそもプロトタイピングとはどん…

こちらはバイセルテクノロジーズ Advent Calendar 2022の20日目の記事です。 前日の記事は富澤さんの「standaloneモードを利用してNext.jsのデプロイ速度を改善した話」でした。 こんにちは。テクノロジー戦略本部 開発二部の今井です。 私は現在、リユース領域でマルチテナントなサービスの開発に携わっています。 マルチテナントには色々な開発手法がありますが、今回はHasura GraphQL Engine（以下、Hasura）やAuth0といったサービスを活用して、マイクロサービスなマルチテナントのシステムを開発する方法をご紹介します。 ※HasuraやAuth0の詳細…

アイザックでは新規事業を Hasura + NestJS + Next.jsのmonorepo構成 で開発しており、その概要について紹介します。 最短でのPMFを狙いたい アイザックでは新規事業に力を入れており、頻繁に新規事業が立ち上がっています。 立ち上がった新規事業は、PMFを目指しPDCAを回していきます。 このPDCAを高速で回すため、エンジニアとしてはプロダクトを世の中に速くリリースすることが求められます。 開発スピードを上げる要因は様々あると思いますが、今回は実装コスト削減に焦点を当てて構成を検討しました。 全体構成 以下のような構成になっています。 実装コスト削減のポイント 少な…

WASD Inc. で開発をしている Yutorin です。 弊社のデジちゃいむでも採用しているHasuraとReactを使ってサクッとTODOアプリを引き続き作っていきましょう。 前回はこちらです。 tech.wasd-inc.com 今回はReactのパッケージを導入し、GraphQL Code Generatorを動作させるところまで行います。 目次 Reactを用意する GraphQL Code Generator を導入する Graphql Code Generatorとは？ 導入してみる 動かしてみる あとがき

Hasura を使えば API を自分で実装する手間が省けて、フロントエンドの開発に注力できるのでは？ ただでさえなかなか進まない個人開発なので、やらなくてもいいことは極力やりたくない。 ということで、ここ最近は Hasura を触ってイイ感じに個人開発を進められないか試していました。 hasura.io Hasura CLI のインストールと config.yaml の作成 コマンドライン上から Hasura を操作することが多々あるので下記のページを参考にインストールします。 hasura.io 次に、Hasura CLI を使えるようにするための設定ファイル config.yaml を作…

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

こんにちは。@chaspy です。 9/13 に開催された GraphQL Tokyo にて弊社九段下オフィスの会場を提供させていただきました。 www.meetup.com 九段下オフィスについて 九段下駅から徒歩3分でとっても便利な立地です。 goo.gl 以下の記事も合わせてご覧ください。 www.recruit.co.jp 当日は30名近くの方が参加されました。 発表について なんと今回はオープンソース開発者グループ The Guild のメンバーである Laurin Quast さんがドイツから東京に来てトークをしてくださりました。 彼のトークテーマでもある graphql-code…

※ Zennに書いていたものをこちらに移行しました 半年以上前にやろうとして投げていたので再開。 使用する(したい)フレームワークなど React Next.js Material UI Hasura Apollo Client GraphQL Code Generator Storybook この辺は前職で触っていたから、という理由で選定。 実装過程で必要と感じたものは随時導入予定。 今できていること dockerでDB(postgresql), Hasura, フロント(Next.js)のコンテナを作成し起動ができる GraphQL Code Generatorを使ってgraphqlファイ…

www.oracle.com 昨年の MySQL テクノロジーセミナー スペシャルエディション "Facebook & MySQL" 以来のオラクル青山センターでした。 来ました。#mysql_jp pic.twitter.com/zJzg6HS8Sw— hmatsu47(まつ) (@hmatsu47) 2023年4月24日 今回の興味（？）は、 はたして、MySQL 8.1の謎は解明されるのか？#mysql_jp— hmatsu47(まつ) (@hmatsu47) 2023年4月24日 だったのですが、それについては、 MySQLのLTS、2年ごとに出て5年プレミアサポート＋3年延長サポート…

こんにちは、aisaacで新規事業のエンジニアをしている松山です。 今日は以前こちらの記事で紹介したHasuraについてです。 tech.aisaac.jp hasura 便利な一面もありますがやはり辛い一面もありますので 検証していった時の気づきをまとめていきます。 また、Hasuraの良い点は色々な方が共有していたりドキュメントを見ることで把握することが簡単なので 今回はあまり表に出てこない、よくないところフォーカスして共有をしていきます。 前置き ※注意 実際に使ってみて難しいなって思ったところとドキュメントを見てこれは難しいなってなったところがあります。特にHasura Cloudはお…

firebase Auth の JWT (id token) を header に乗せて GraphQL のクエリを発行するメモ React-Query + GraphQL request で JWT token を使う方法 環境 graphql 16.6.0 graphql-request 6.0.0 @tanstack/react-query 4.29.3 import { useQuery } from 'react-query'; import { GraphQLClient } from 'graphql-request'; function MyComponent() { cons…

最近見つけた、とある東大中退生のブログが、とても興味深い。 僕も一橋で何の意味もなく2年間留年していたころ、本当にこの人と似たような生活をしていた。 この時期（2017後半～2019年度末）のことを誰かに語ったことは無いのだけれど、簡単に言うと当時は肉体も精神も最悪の状態で、休学申請するために大学に行くことすら出来ない精神状態だった（休学を強く心に決め、何とか申請しに行けていれば100万円分の学費が無駄にならなかったかもしれない）。 聴覚過敏やミソフォニアなどがひどい状態で、あらゆることが要因となって24時間生き地獄のような状態だった。 現在は当時に比べるとかなりマシになっており、一般的な人間…

自分の備忘録としてのやってみた系の話。OpenAIが提供するモデルを使って文字起こしをするC++実装のwhisper.cppを試してみた。 環境 Apple M1 MacBook Air 2020 (Memory 16GB) uname -a Darwin hogehoge.local 22.3.0 Darwin Kernel Version 22.3.0: Mon Jan 30 20:39:35 PST 2023; root:xnu-8792.81.3~2/RELEASE_ARM64_T8103 x86_64 whisper.cppのビルド 以下のコマンドを実行してビルドする。 git cl…

はじめに こんにちは。開発2部の尾沼です。 私の所属するチームでは最近、HasuraとElasticsearchを組み合わせて検索を行えるようにしました。今回はこれを実現するために私たちが採用した方法を紹介したいと思います。 はじめに 背景 採用した構成 前提 方針 データの準備 Remote Schema to Database Relationshipsの設定 処理の流れ フロントエンド → Hasura Hasura → Remote Schema Remote Schema → Elasticsearch Elasticsearch → Remote Schema Remote Sch…

はじめに こんにちは。開発2部の小松山です。 業務でGraphQLのエラーの設計をする機会があり、いろいろと調査・検討した結果、なかなか良いと思えるものができたので紹介します。 本記事はバックエンド寄りの話がメインです。GraphQLのエラーの扱いに迷っているバックエンドエンジニアの方の参考になれば幸いです。 はじめに コンテキスト 調査したこと GraphQL 標準仕様で定められたフォーマット extensions に独自のフォーマットを適用するパターン Result 型にエラーのフィールドを作るパターン Result 型を成功レスポンスとエラーレスポンスの union として定義するパター…

DP Engineering Monday についてはこちらの記事をご覧ください。 blog.drsprime.com 第57回 (2023-01-23) www.youtube.com useRefを描画に利用しようとした者の末路 by @issuy_ zenn.dev TypeScriptで配列の要素取得時の型に、undefinedを追加する(TSConfig --noUncheckedIndexedAccess) by @takeharumikami zenn.dev HasuraのComputed Fields by @oinume zenn.dev