更新履歴
2026/11/08
2026/11/07
2026/11/06
- NEWサンバーストチャート(Sunburst Chart)
- UPDATE逆引きリファレンス:ツールチップのカスタマイズ※ Mantine Charts を追加(withTooltip・valueFormatter・getTooltipLabel・tooltipProps)
- UPDATE逆引きリファレンス:色・スタイルのカスタマイズ※ Mantine Charts を追加(テーマ色・colors・upColor・sections)
- UPDATE逆引きリファレンス:軸(Axis)の設定※ Mantine Charts を追加(xAxisProps・yAxisProps・MatrixChart の行・列ラベル)
- UPDATE逆引きリファレンス:凡例(Legend)の配置・スタイル※ Mantine Charts を追加(withLegend・legendProps・legendLabels)
2026/11/03
- UPDATEサイドバー(Sidebar)※ Ant Design のデモを antd 6 の書き方に(Drawer の width を size に、不要な style を削除)
- UPDATEハンバーガーメニュー※ Ant Design のデモとコード例を antd 6 の書き方に(Drawer の width を size に)
- UPDATEタブバー / ボトムナビ(Tab Bar / Bottom Navigation)※ Ant Design のデモ・コード例・説明を antd 6 の書き方に(Tabs の tabPosition を tabPlacement に)
- UPDATEタブ(Tabs)※ Ant Design の説明を antd 6 の props に(tabPlacement・destroyOnHidden)
- UPDATEセレクトボックス・コンボボックス(Select / Combobox)※ Ant Design のデモを antd 6 の書き方に(Space の direction を orientation に)
- UPDATEバッジ・タグ(Badge / Tag)※ Ant Design のデモとコード例を antd 6 の書き方に(Space の direction を orientation に)
- UPDATEツールチップ(Tooltip)※ Ant Design のデモを antd 6 の書き方に(Space の direction を orientation に)
- UPDATEモーダル・ダイアログ(Modal / Dialog)※ Ant Design のデモと説明を antd 6 の書き方に(maskClosable を mask.closable に)
- UPDATE通知・トースト(Notification / Toast)※ Ant Design のデモ・コード例・説明を antd 6 の書き方に(notification の message を title に、btn を actions に)
- UPDATEチェックボックス・ラジオボタン(Checkbox / Radio)※ Ant Design のデモとコード例を antd 6 の書き方に(Switch の size="medium"、Space の orientation)
- UPDATE逆引きリファレンス:モーダル・ダイアログの制御※ Ant Design のコード例を antd 6 の書き方に(mask.closable)
- UPDATE逆引きリファレンス:アクセシビリティ(a11y)※ Ant Design のコード例を antd 6 の書き方に(focusable.focusTriggerAfterClose)
- UPDATE逆引きリファレンス:アイコンの差し替え・カスタマイズ※ Ant Design のコード例を antd 6 の書き方に(Button の iconPlacement)
2026/11/02
- UPDATEバイオリンプロット(Violin Plot)に ApexCharts の violin を追加(観測値の点を重ね、ツールチップに最小・中央値・最大)
- UPDATEウォーターフォールチャート(Waterfall Chart)に ApexCharts のネイティブの waterfall を追加(合計を自動計算・棒をつなぐ点線)
- UPDATEヒートマップ(Heatmap)に Mantine Charts の MatrixChart を追加し、冒頭に「このページでわかること」を追加
- UPDATEローソク足チャート(Candlestick Chart)に Mantine Charts の CandlestickChart を追加
- UPDATEゲージチャート(Gauge Chart)に Mantine Charts の GaugeChart を追加(しきい値の区間・目標マーカー)
2026/11/01
- UPDATE逆引きリファレンス:軸(Axis)の設定※ Plotly.js のコード例を v4 の書き方に(title.text・折れ線は scatter の lines)
- UPDATEバイオリンプロット(Violin Plot)※ Plotly.js v4.2.0 対応。コード例の軸タイトルを v3 以降の書き方(title.text)に
- UPDATEデータグリッド※ AG Grid v36.2.0・TanStack Table v9.3.1 対応。TanStack Table のデモ・コード例を v9 の書き方(useTable・tableFeatures)に移行。「AG Grid はシングルクリックで編集」としていた説明を実際の動作(ダブルクリック・Enter)に直し、コード例から不要になったテーマ用クラスを削除
- UPDATE目を引く(Attention)※ React Spring v10.1.2 対応
- UPDATE重さと弾み(Physics)※ React Spring v10.1.2 対応
- UPDATEスクロールで見せる(Scroll Reveal)※ React Spring v10.1.2 対応
- UPDATE見せる・隠す(Show / Hide)※ React Spring v10.1.2 対応
- UPDATE要素の切り替え(Transition)※ React Spring v10.1.2 対応
- UPDATEプルトゥリフレッシュ(Pull to Refresh)※ React Spring v10.1.2 対応
- UPDATEカルーセル / スライダー(Carousel)※ Swiper v14.4.0 対応
- UPDATE日付ピッカー(Date Picker)※ React DayPicker v10.0.2・date-fns v4.4.0 対応
- UPDATEファイルアップロード(File Upload)※ react-dropzone v20.1.4 対応
- UPDATEフォームバリデーション(Form Validation)※ React Hook Form v7.91.0・Zod v4.6.7・@hookform/resolvers v7.0.1 対応
- UPDATEネットワークグラフ(Network Graph)※ react-force-graph v1.48.3 対応
- UPDATEリサイズパネル(Resizable Panels)※ react-resizable-panels v4.16.0・Allotment v1.20.6 対応。react-resizable-panels のデモでパネルの幅が50pxに固定され、広げられなかったのを修正し、コード例・説明を v4 の書き方に
- UPDATEコードブロック(Code Block)※ Shiki v4.5.0・highlight.js v11.12.0 対応
- UPDATEエリアチャート ※ Recharts v3.10.1・Chart.js v4.6.1・ApexCharts v8.7.0 対応
- UPDATE棒グラフ(Bar Chart)※ Recharts v3.10.1・Chart.js v4.6.1・ECharts v6.1.0・ApexCharts v8.7.0・Plotly.js v4.2.0 対応
- UPDATEボックスプロット(Box Plot)※ Chart.js v4.6.1・ApexCharts v8.7.0 対応
- UPDATEバブルチャート(BubbleChart)※ Recharts v3.10.1・Chart.js v4.6.1・Victory v37.4.1・ApexCharts v8.7.0 対応。Recharts の凡例の位置を v3.10 の書き方(position)に
- UPDATEローソク足チャート(Candlestick Chart)※ ECharts v6.1.0・ApexCharts v8.7.0・Plotly.js v4.2.0 対応
- UPDATEコンポーズドチャート ※ Recharts v3.10.1・Chart.js v4.6.1・ApexCharts v8.7.0 対応
- UPDATEファネルチャート ※ Recharts v3.10.1・Chart.js v4.6.1 対応
- UPDATEガントチャート(Gantt Chart)※ ECharts v6.1.0・ApexCharts v8.7.0・Plotly.js v4.2.0 対応
- UPDATEゲージチャート(Gauge Chart)※ ECharts v6.1.0・ApexCharts v8.7.0・Plotly.js v4.2.0 対応
- UPDATEヒートマップ(Heatmap)※ Chart.js v4.6.1(chartjs-chart-matrix v3.1.0)・ECharts v6.1.0・ApexCharts v8.7.0・Plotly.js v4.2.0 対応
- UPDATE折れ線グラフ ※ Recharts v3.10.1・Chart.js v4.6.1・ECharts v6.1.0・ApexCharts v8.7.0・Plotly.js v4.2.0 対応
- UPDATE円グラフ ※ Recharts v3.10.1・Chart.js v4.6.1・ECharts v6.1.0・ApexCharts v8.7.0・Plotly.js v4.2.0 対応
- UPDATE人口マップ ※ Recharts v3.10.1・Chart.js v4.6.1 対応。Recharts のコード例の凡例を v3.10 の書き方(position)に
- UPDATEレーダーチャート ※ Recharts v3.10.1・Chart.js v4.6.1・ECharts v6.1.0・ApexCharts v8.7.0・Plotly.js v4.2.0 対応
- UPDATE放射状棒グラフ ※ Recharts v3.10.1・Chart.js v4.6.1・ApexCharts v8.7.0 対応。Recharts の凡例の位置を v3.10 の書き方(position)に
- UPDATEサンキーダイアグラム ※ Recharts v3.10.1 対応
- UPDATE散布図 ※ Recharts v3.10.1・Chart.js v4.6.1・ECharts v6.1.0・ApexCharts v8.7.0・Plotly.js v4.2.0 対応
- UPDATE積み上げ棒グラフ ※ Recharts v3.10.1・Chart.js v4.6.1・ApexCharts v8.7.0 対応
- UPDATEツリーマップ※ Recharts v3.10.1・Chart.js v4.6.1(chartjs-chart-treemap v4.2.2)・ApexCharts v8.7.0 対応
- UPDATEウォーターフォールチャート ※ Recharts v3.10.1・Chart.js v4.6.1 対応
- UPDATE逆引きリファレンス:凡例(Legend)の配置・スタイル※ Recharts のコード例を v3.10 の書き方(position)に
- UPDATEセレクトボックス・コンボボックス(Select / Combobox)※ Chakra UI v3.37.0 対応
- UPDATEタグ入力(TagsInput / PillsInput)※ Chakra UI v3.37.0 対応
- UPDATEアコーディオン※ Chakra UI v3.37.0 対応
- UPDATEサイドバー※ Chakra UI v3.37.0 対応
- UPDATEタブ※ Chakra UI v3.37.0 対応
- UPDATEブレッドクラム(Breadcrumb)※ Chakra UI v3.37.0 対応。Chakra UI のデモで区切り(Separator)の並びが崩れていたのを修正し、コード例も公式の書き方に
- UPDATEサイドナビゲーション(NavLink)※ Chakra UI v3.37.0 対応
- UPDATEページネーション(Pagination)※ Chakra UI v3.37.0 対応
- UPDATEタブバー / ボトムナビ(Tab Bar / Bottom Navigation)※ Chakra UI v3.37.0 対応
- UPDATEバッジ・タグ(Badge / Tag)※ Chakra UI v3.37.0 対応
- UPDATEモーダル・ダイアログ(Modal / Dialog)※ Chakra UI v3.37.0 対応
- UPDATE通知・トースト(Notification / Toast)※ Chakra UI v3.37.0 対応
- UPDATEツールチップ(Tooltip)※ Chakra UI v3.37.0 対応
- UPDATEボタン(Button)※ Chakra UI v3.37.0 対応
- UPDATEチェックボックス・ラジオボタン(Checkbox / Radio)※ Chakra UI v3.37.0 対応
- UPDATEドロップダウン(アクションメニュー)※ Chakra UI v3.37.0 対応
- UPDATEStreamlit チャート※ v1.66 対応(st.echarts_chart・st.mermaid_chart を追加)
- UPDATEStreamlit オーバーレイ&コンテナ※ v1.66 対応(ドロワー・タイムライン表示を追加)
- UPDATEStreamlit フィードバック※ v1.66 対応(st.skeleton・タイムライン表示を追加)
- UPDATEStreamlit 入力ウィジェット※ v1.66 対応(st.text_input の検証・live を追加)
- UPDATEStreamlit チャット※ v1.66 対応(生成中の停止ボタン・画像の貼り付けを追加)
- UPDATEStreamlit データ表示・編集※ v1.66 対応(ButtonColumn・列の統計を追加)
- UPDATEStreamlit UI ガイド※ v1.66 対応(v1.59〜1.66 の新機能・スクリーンショットを更新)