GraphQL 入門 (前編)

はじめに

こんにちは、システムエンジニアの kota です。
今回は、個人的にまだ触ったことのなかった GraphQL に入門してみたので、ブログとしてまとめてみました。

続きを読む

ブラウザの開発者ツールを使いこなそう

はじめに

ブラウザの開発者ツールはウェブ開発において必要不可欠なツールです。

開発者ツールを上手に使うことで、ウェブサイトのデバッグやパフォーマンスの最適化、アクセシビリティの向上など多くのことが行えます。

本記事では、ブラウザの開発者ツールの基本的な使い方や様々なテクニックについて解説します。

続きを読む

ReactでuseIdを使い一意な文字列を生成し汎用コンポーネントのid重複を防ぐ

はじめに

こんにちは WESEEK で yaml から css まで何でも書く haruhikonyan です。
フォームなどをコンポーネント化したときに同じページにそのコンポーネントを使うと id の重複に困ったりしませんか?
そんな時に React が公式で提供している useId という hook を使うと解決するかもしれません。
しかし利用においては注意点があるので具体例とともに紹介したいと思います。

続きを読む

Stripeで海外展開する際に気をつけるべき2つのポイント!

Stripe

はじめに

はじめまして。エンジニアの Ryo です。本記事では、オンライン決済サービス Stripe を用いて海外展開をご検討中のサービス提供者向けに、気をつけておくべき点を紹介します。

※こちらの記事は、すでに Stripe をサービスに導入しているという前提で作成されております。もし、Stripe を検討中でまだ導入されてない場合は、以下の記事で Stripe 導入のメリットや扱うデータの種類、実際にサービスでどのように利用されているかなどを紹介していますのでご参照ください。

Stripeを使った簡単なサブスク型課金サービスの作り方

続きを読む

VictoriaMetricsのKey conceptsをササッとなぞって理解を深める

VictoriaMetricsのKey conceptsをササッとなぞって理解を深める

こんにちは、システムエンジニアの kouki です。

この記事では VictoriaMetrics のドキュメントに掲載されている Key concepts - VictoriaMetrics をハンズオン形式にまとめてみました。記事を書くに至ったモチベーションは下記の通りです。

  • VictoriaMetrics に入門してみたいけど、日本語で記述されているチュートリアル的なものがない (2022年12月現在)
  • 自身でデータを登録して、自身でクエリを投げる形式のチュートリアルが Web 上に見当たらなかった
  • Key concepts - VictoriaMetrics は画像と共に解説されていて分かりやすいが、手元で試すには若干の試行錯誤が必要だった

ちなみに Key concepts では下記のような画像と共に VictoriaMetrics の挙動が解説されているので、非常に理解の助けになるドキュメントだと思います。

Key concepts - VictoriaMetrics に掲載されている解説画像

続きを読む