GraphQL

はじめに 今回は、DVGAというやられアプリを使用して、GraphQL特有の攻撃をいくつか行ってみたいと思います。 準備 先ずは、Dockerのイメージを引っ張ってくる。 docker pull dolevf/dvga そして、イメージからコンテナを作成 docker run -t -p 5013:5013 -e WEB_HOST=0.0.0.0 dolevf/dvga これで、http://127.0.0.1:5013/ にアクセスすればDVGAは開く。以下のようなサイトです。 サイトの機能としては、Create Pasteで投稿が作れて、ここで投稿をPrivateかPublicか、どちらで…

1月から2月にかけてフロントエンド実装してたからブログ記事を書いてました。 サーバーサイドエンジニア向けのクライアント実装とGraphQLの話です。 moneyforward-dev.jp

こんにちは、 Web フロントエンドエンジニアの @progfay です。 今回はプロジェクトで遭遇した URL 長による GraphQL Request の失敗と Apollo Link による解決方法を紹介します。 引数に配列を受け取る GraphQL field 私の所属するスタディサプリ中学講座の開発プロジェクト (通称: tara) では通信に GraphQL を採用しています。 その中で、以下のような field を実装しています。 type Query { entities(ids: [ID!]!): [Entity!]! } これに対して、以下のような Query を叩きます。…

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

この記事は はてなエンジニア Advent Calendar 2022 の2023年1月3日の記事です。 昨日は id:onk で ストーリー性のあるプレゼン - id:onk のはてなブログ でした。 『Production Ready GraphQL』といえば Production Ready GraphQLはGraphQLを採用するなら必ず読んでおきたい良書 などでも紹介されていますが、GraphQL APIを設計・開発・利用するなら大変参考になる良書ですね。はてな社内でもGraphQL開発における前提本ですね、などと言われている模様です。 この中で好きな箇所の1つが「Specific …

この記事は 207 Advent Calendar 2022の記事です。 qiita.com 207株式会社でソフトウェアエンジニアをしている id:ryo-rm です。 207ではiOS / Android向けのアプリケーション "TODOCUサポーター" を提供しており、GraphQL / Apollo Clientを活用しています。 Apollo Clientにはスマートなキャッシュ管理機構がありますが、 "TODOCUサポーター" では Local-only fields を活用しているので、こちらについて紹介します。

こんにちは、エス・エム・エスのフロントエンドエンジニアの城内です。 前職では、ヘルスケア系のスタートアップでソフトウェアエンジニアをしていましたが、2022年8月にエス・エム・エスへ入社し、介護事業者向けの経営支援サービス「カイポケ」の改善をするチームに所属しています。 カイポケの改善を進める開発チームでは、この度フロントエンド専任チームを立ち上げました。この記事ではフロントエンドチーム立ち上げの背景や、チームの立ち上げから進めてきた技術選定について書きたいと思います。 カイポケ改善プロジェクト 介護事業者向けの経営支援サービス「カイポケ」は、4万を超える事業所で導入されている SaaS 型の…

株式会社High LinkのCTOをやっている nogaken (@nogaken1107)です。 最近はChatGPTなどのLLM系のアプリケーションを触って楽しんでいます。 ハイリンクでは「カラリア 香りの定期便」などのサービスを開発しています。 「カラリア 香りの定期便」は2021年まで、フレームワークとしてはRuby on Rails (以下Rails)単体で書かれていましたが、デザインリニューアルと合わせて2021年前半から1年間強の時間をかけてフロントエンドをNext.jsにリプレースしました。 結果として開発体験が向上し、気軽に実装できるデザインの幅が広がり、エンジニアの採用面で…

AIを活用したグラフネットワークの強化 The Graph The Graphの各コンテンツをフォローしてご参加ください！ この記事は、The Graphのコア開発者Semiotic LabsのSam GreenとTomasz Kornutaによって提供されました。 2021年12月、SemioticはThe Graphの4番目のコア開発者チームとなりました。私たちはThe Graphに人工知能（AI）と暗号機能の融合をもたらすための研究に重点を置いていますが、プロトコルへの貢献に関しては、応用とインパクトを重視する考え方を持っています。私たちは、専門的なDevOpsスキルを必要とするThe …

年度末振り返り 昨年度の振り返り 2021年度振り返り - decadence

概要 こんにちは。プラットフォーム開発部でリードエンジニアをしているchanceです。 私たちのチームでは現在、開発部内向けの API 設計ガイドラインを整備しようとしています。 API 設計において、REST は基本中の基本です。ガイドラインとしてまとめるからには適当なことは書けませんので、改めて REST の原則から確認しました。新しい技術を追いかけるのはもちろん重要ですが、こういった基本の技術をしっかりと理解することも同じように重要です。 この記事では、調べた内容のシェアとして、REST の誕生から原則、リソース指向アーキテクチャの概要や特性などを解説します。文字文字しくなってしまいまし…

はじめに 今回はSimpleGraphQL-For-UnityというUnity用のGraphQLクライアントライブラリを紹介しようと思います。 This package attempts to provide a simple API that is able to interact with a GraphQL server. Nothing more, nothing less. No complicated setup.Also, the world could use some more Unity-friendly GraphQL libraries.That being said,…

お勧めの静的サイトジェネレータを5個教えてください 以下にお勧めの静的サイトジェネレータを5つ紹介します。 Jekyll JekyllはRubyで書かれた静的サイトジェネレータで、GitHub Pagesでも使われています。MarkdownファイルをHTMLに変換することができ、Liquidというテンプレートエンジンを利用しています。 Hugo HugoはGo言語で書かれた静的サイトジェネレータで、非常に高速に動作します。構造化されたデータ、テーマ、ショートコードをサポートしており、Goのテンプレートを利用しています。 Gatsby GatsbyはReactで書かれた静的サイトジェネレータで、…

お勧めの静的サイトジェネレータを教えてください。 静的サイトジェネレータとしておすすめするものはいくつかありますが、以下の3つを挙げておきます。 Jekyll JekyllはRubyで書かれた静的サイトジェネレータで、GitHub Pagesで使用されています。MarkdownファイルをHTMLに変換することができ、テンプレートエンジンにはLiquidを使用しています。 Hugo HugoはGo言語で書かれた静的サイトジェネレータで、非常に高速に動作します。構造化されたデータ、テーマ、ショートコードをサポートしており、テンプレートエンジンにはGoのテンプレートを使用しています。 Gatsby …

目指していた INPUT:OUTPUT = 1:1以上 の理想形は Link & TechTips Stack の形なのかもしれない（※仮挿入） 本ブログと並列運用(更新不定期) 本ページは投稿記事一覧です。 (自動更新) Architecture MicroArchit マイクロサービスアーキテクチャ メモ (2022/05) 【マイクロサービス】可観測性と OpenTelemetry (基本のみ) (2022/12) Program Java Java Assertj + Mockito (2022/02) Gson Serialize (Object -> String) での時刻フォー…

WASD Inc. で開発をしている Yutorin です。 弊社のデジちゃいむでも採用しているHasuraとReactを使ってサクッとTODOアプリを引き続き作っていきましょう。 前回はこちらです。 tech.wasd-inc.com 今回は実際にHasuraとReactアプリとのつなぎ込みを行い、超簡単なTodoアプリを作っていきます。 目次 はじめに Apolloを導入する Queryを動かしてTodo一覧をとる Mutationを動かして追加する これから あとがき

[web] Trapped Source [web] Gunhead [web] Drobots [web] Passman [web] Orbital [web] Didactic Octo Paddles [web] SpyBug [web] TrapTrack SSRFからのredisに任意データ差し込み Unsafe DeserializationからのRCE payload作成と攻略へ [Forensics] Plaintext Tleasure [Forensics] Alien Cradle [Forensics] Extraterrestrial Persistence [Fo…

介護事業者向け経営支援サービス「カイポケ」のソフトウェア開発者の空中清高(@soranakk)です。 2021年12月に入社し、介護事業者向け経営支援サービス「カイポケ」のフルリニューアルプロジェクトに携わっています。 今回はフルリニューアルプロジェクトのアーキテクチャ選定や背景についてご紹介したいと思います。 フルリニューアルプロジェクトのアーキテクチャ フルリニューアルプロジェクトのシステムはざっくりと解説すると、バックエンドにいくつかのサービスが並んでいて、フロントエンドとバックエンドの間にゲートウェイが立っているサービスベースアーキテクチャになっています。 それぞれのサービスはAWSに…

こんにちは。Retty インフラチームの幸田です。 今回は Retty で利用している GraphQL API に WAF (Web Application Firewall) を導入したのでその話をしようと思います。 Retty と GraphQL API GraphQL を利用した攻撃 リスクを伴う設定 悪意のあるクエリ Web API の脆弱性 Fastly Next-Gen WAF について GraphQL Inspection WAF のセットアップ GraphQL Inspection の有効化 Templated Rule 動作確認 ブロックについて Site Alerts を用…