Identity is more than just a login box It’s the experience of accessing experiences online — from brands to people. So we knew we needed a brand identity that can work for everyone. One that can adapt and align to a broad set of products and services across multiple markets. So, what does this look like? Design shouldn’t be rigid.. or dull In keeping with our product philosophy, we created a visua
PS課の杉村です。PrivateLinkのインターフェイスVPC Endpointを作った時に複数のDNS名が割り当てられますが、これらが何を意味しているのかについて書いてみます。 PrivateLinkとは? PrivateLink、便利なんです。原則的にインターネット経由でリーチしなければいけないAWSのAPI群ですが、PrivateLink (Interface VPC Endpoint) を利用すればインターネットを経由することなく、VPC内からAWSサービスへ到達できます。 またAWSサービスだけでなく、EC2インスタンス等で実装したサービスに対してもPrivateLink経由でネットワーク的に到達することができます。全く新しいサービス提供の形が実現できるかもしれません。 「違うVPC間でEC2インスタンス間の通信をさせたいけど、IPレンジがかぶっちゃってるからVPC Peeri
AWS PrivateLink エンドポイントを作成して、AWS または AWS のお客様やパートナーによって所有されるサービスへのプライベート接続を確立できます。各アベイラビリティーゾーンに VPC エンドポイントがプロビジョニングされている間、サービスとの関連性のステータスにかかわらず、時間単位の料金が発生します (詳細はこちら)。VPC エンドポイントに対する時間単位の請求は、エンドポイントを削除すると停止されます。また、エンドポイントサービスの所有者がお客様の VPC エンドポイントをサービスにアタッチすることを拒否し、結果としてサービスが削除された場合も請求が停止します。このような VPC エンドポイントは再利用できないため、削除する必要があります。 データ処理料金は、トラフィックの送信元か送信先かにかかわらず、VPC エンドポイントで処理されたデータ量 (ギガバイト単位) に対
export const GA_ID = process.env.NEXT_PUBLIC_GA_ID || ""; // https://developers.google.com/analytics/devguides/collection/gtagjs/pages // PV 数の計測 export const pageview = (url: string) => { if (!GA_ID) return; window.gtag("config", GA_ID, { page_path: url, }); }; // https://developers.google.com/analytics/devguides/collection/gtagjs/events // GA イベントの発火 export const event = ({ action, category, lab
パッケージとそれが依存しているパッケージをインストールします。 依存関係の追加 一般に、パッケージはその内容を説明する package.json ファイルとコードが入った単なるフォルダです。 別のパッケージを使いたい場合は、まずそのパッケージを依存関係に追加する必要があります。 つまり、 yarn add [package-name] を実行してプロジェクトにパッケージをインストールするのです。 また、これはあなたのpackage.jsonとyarn.lockを更新するため、そのプロジェクトの他の開発者がyarnまたはyarn installを実行した際に、あなたと同じ依存関係を取得することができます。 ほとんどのパッケージはnpmレジストリからインストールされ、単純にパッケージ名で参照されます。 例えば、yarn add reactはreactパッケージをnpmレジストリからインストール
Next.js v.13のApp Directry × Google Analytics・トラッキングでお困りのあなたへ(TypeScript)GoogleAnalyticsTypeScript個人開発Next.jsuseRouter おはこんハロチャオ~ ということで最近Next.js13でポケモン関連のwebアプリを作ったのですが、 Next.js13のApp Directryを触れるのが初めてだったので苦戦。。。 特にAnalyticsは避けて通れないのにもかかわらず日本語の情報が不足している感じがしたので、解決方法をお伝えできればと思います ちなみに作ったのは、ポケモンのタイプ相性を詳細に知れるサービスです バトル向けに使いやすい機能を追加していくつもりなので、よかったら見ていってください 前提 Google Analyticsを導入した回数もそんなに多くないので、前と同じように調
この記事では、Production と Staging 環境で別々の Google Analytics データストリームを利用する手順を紹介します。NextJS 特有の環境ファイルの扱い方や、NextJS 13 から正式に使える App Directory でも利用可能な設定例になります。 はじめに NextJS における環境ファイルについて NextJS では .env.local .env.development .env.production の 3 種類の環境ファイルが用意されていますが、next start や next build で利用される環境ファイルは .env.production のみです。 例えば Staging と Production 環境を用意している場合、環境ごとに next build で Staging 用環境ファイルか Production 用環境フ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く