「360」の技術リプレースについての記事です

「Fusicフロントエンド座談会」は、Fusicのフロントエンドエンジニアが集まって気になった記事や技術情報を共有し、ちょっとだけ深ぼりしていく会です。

「Fusicフロントエンド座談会」は、Fusicのフロントエンドエンジニアが集まって気になった記事や技術情報を共有し、ちょっとだけ深ぼりしていく会です。

「Fusicフロントエンド座談会」は、Fusicのフロントエンドエンジニアが集まって気になった記事や技術情報を共有し、ちょっとだけ深ぼりしていく会です。

Expo SDK 52から `expo/fetch` APIが登場し、ストリーミングを扱えるようになったので実際にAIチャットアプリを実装して確かめてみます。バックエンドはHono/Next.js両方のパターンで実装してみたいと思います。

「Fusicフロントエンド座談会」は、Fusicのフロントエンドエンジニアが集まって気になった記事や技術情報を共有し、ちょっとだけ深ぼりしていく会です。

「Fusicフロントエンド座談会」は、Fusicのフロントエンドエンジニアが集まって気になった記事や技術情報を共有し、ちょっとだけ深ぼりしていく会です。

今回は、react-chartjs-2を使用して、円グラフと縦棒グラフを作成しました。また描画するグラフの数が増えてきたのでTanStackRouterを使ってルーティングできるようにしました。

今回は、react-chartjs-2を使用して箱ひげ図を作成しました。react-chartjs-2自体には箱ひげ図を描画する機能が含まれていないため、代わりにchartjs-chart-boxplot という Chart.js のモジュールを利用しています。

「react-chartjs-2」はreactで「chart.js」というjavaScriptのグラフ描画ライブラリを利用するためのラッパーライブラリです。「chart.js」のv4,v3をサポートしています。また「chartjs-plugin-zoom」はグラフの一部を簡単の操作で拡大縮小、左右への移動ができるようになるchartjsの機能を拡張するプラグインです。今回はreact-chartjs-2で折れ線グラフを描画し、chartjs-plugin-zoomを使いグラフの拡大縮小や左右への移動をできるようにしました。