context api

この記事は New Relic Advent Calendar 2024 の 19 日目の記事です。 こんにちは。株式会社フィックスポイントの KI です。 この記事では、私が所属しているプロダクトデベロップメント部での New Relic の利用、特に分散トレースについて紹介します。 前半では分散トレースを試験環境に実際に導入し、その結果として監視体験がどのように変化したかを紹介します。 後半では、 Go 言語でのメッセージキューを経由するようなトレースの実装においての工夫や、 OpenTelemetry 導入時のおすすめの設定を紹介します。 はじめに 導入した製品のアーキテクチャ概要と、運…

Apollo Client の Reactive variables（リアクティブ変数）について調べた www.apollographql.com Reactive variablesは、Apollo Client が提供する状態管理の仕組みの一つ グローバルなクライアントサイドの状態を管理するために使われる 基本的な使い方 1. Reactive variableの定義 makeVar を使って変数を作成する これはグローバルな状態として扱われる import { makeVar } from '@apollo/client'; // 初期値を設定してReactive variableを作成…

※本記事は、ChatGPTによる意訳+翻訳を活用し、文章に手を加えたものです ※元記事を見て、内容がズレていないか査読するようにしています。 ※感想は、オリジナルです。 原文 意訳+要約 フロントエンドの現状2024 チームとテクノロジー チーム構成 フレームワーク ライブラリ データ ホスティング 継続的インテグレーション マイクロフロントエンド パッケージマネージャ 開発者とユーザーエクスペリエンス TypeScript ブラウザ技術 プログレッシブウェブアプリ デザインシステム スタイルツール テスト コード管理 ローコード/ノーコード 構築ツール オペレーティングシステム トレンドと将…

TL;DR goccy/go-graphviz が新しくなり、cgo を使って Graphviz の機能をバインディングしていたところを WebAssembly ( 以降 WASM ) ベースに置き換えたため、晴れて Pure Go になりました。 一部 API のインターフェースが少し変わっていますが、以前できたDOT言語の読み書きやSVG、PNGとしての出力などは全て可能です。それに加え、図中の画像のレンダリングサポートやフォントまわりの改善、最新のGraphvizライブラリへの対応により以前よりもレンダリング処理が改善されています。 また、任意の出力フォーマットに対するレンダリング処理を…

OpenWeatherMapのAPIを使って天気情報を取得するLambda関数を実装できたので、その結果をAmazon SNSで通知する仕組みを作成しました。 通知先としては利便性を考えるとLINEなどにしたいと思いましたが、まずはすぐに実装できそうなGmailのメールアドレスにしました。

AWS Lambdaを活用して、OpenWeatherMap APIから天気情報を取得するアプリケーションを作っています。 この記事では以下を行います。 Lambdaのロジック改善 Terraformを使ってECRリポジトリの作成 AWS CLIによるリソースの存在確認

初めまして、テックドクターでフロントエンド開発を担当している大瀧です。ディレクトリ構成はコードの可読性やスケーラビリティに関わる重要な要素であると思っています。しかし、フロントエンドのディレクトリ構成はベストプラクティスが確立されておらず、わりと悩むポイントです。そこで今回は、Next.jsのApp routerにおいて、弊社で採用しているディレクトリ構成を共有します。この記事がディレクトリ構成に悩む開発者の助けになれば幸いです。 ディレクトリ構成の自由度が高すぎる問題 さきほど「フロントエンドのディレクトリ構成はベストプラクティスが確立されていない」と書きましたが、特にApp routerの…

天気情報取得アプリをPythonで実装したのでAWS Lambda用にコンテナ化しました。 Dockerコンテナのビルド後、ローカル環境での動作確認まで行いました。

マルチプロダクト戦略を掲げてプロダクトを急速に増やし続けている SmartHR のフロントエンド領域について、2018年から SmartHR に参加しているフロントエンドエンジニアの nabeliwo と技術顧問の koba04 が、これまでの振り返りと今後の展望を話しました。 SmartHR のフロントエンドでどんな技術が使われてきてどんな課題と向き合ってきたのか、そして今現在取り組んでいる課題や SmartHR ではどんなフロントエンドエンジニアが求められるのかなど、幅広いテーマが出てきました。 この記事ではその模様をお届けします。 目次 フロントエンドの Rails からの脱却とフロント…

ollamaは各種LLMをローカルで実行できるCLIツールで、以下のコマンドが用意されています。 Available Commands: serve Start ollama create Create a model from a Modelfile show Show information for a model run Run a model pull Pull a model from a registry push Push a model to a registry list List models ps List running models cp Copy a model r…

Reactアプリケーションを開発する際には、効率的なコンポーネントの設計が重要です。コンポーネントの再利用性や保守性を高めるためには、デザインパターンを適切に活用することが必要です。ここでは、代表的なReactコンポーネントのデザインパターンについて解説します。 moun45.hatenablog.com 1. コンテナコンポーネント (Container Components) 特徴: データや状態の管理を担当するコンポーネント。 ReduxやContext APIなどの状態管理ライブラリと結合されることが多い。 高度なロジックやサーバーとの通信などの非同期処理を扱う。 活用方法: ビジネス…

React と Vue の技術者がスムーズにコンバートするためのナレッジを以下にまとめます。両方のフレームワークにおける主要なコンセプトや一般的な実装例を比較して紹介します。 1. コンポーネントの定義とレンダリング React Functional Component: import React from 'react' // 関数コンポーネントの定義 function MyComponent() { return <div>Hello, React!</div> // JSXを返す } export default MyComponent // コンポーネントをエクスポート Class C…