---
title: 【TensorFlow】TensorBoardで学習可視化
description: TensorBoardを使ったTensorFlowモデルの学習過程の可視化方法を解説します。簡単な実装手順と機能も紹介します。
image: https://knowledge.insight-lab.co.jp/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-10-02%20144636-png.png
---

[![INSIGHT LAB](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png?width=400&height=110&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png) ![INSIGHT LAB](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF.png?width=400&height=110&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF.png)](https://knowledge.insight-lab.co.jp/aidx)

[![お問い合わせ](https://hubspot-no-cache-na2-prod.s3.amazonaws.com/cta/default/5935783/97d2baf6-f3cd-4932-be66-900264c5d298.png)](https://hubspot-cta-redirect-na2-prod.s3.amazonaws.com/cta/redirect/5935783/97d2baf6-f3cd-4932-be66-900264c5d298)

<https://knowledge.insight-lab.co.jp/aidx/visualizing-the-learning-process-with-tensorboard#tmpmodule_1593485625696253>

- [AIDXナレッジ](https://knowledge.insight-lab.co.jp/aidx)

###### 6 分で読むことができます。

# [【TensorFlow】TensorBoardで学習可視化](https://knowledge.insight-lab.co.jp/aidx/visualizing-the-learning-process-with-tensorboard)

 執筆者 [橋口](https://knowledge.insight-lab.co.jp/aidx/author/橋口) 更新日時 2024年10月04日

###### Topics: [Python](https://knowledge.insight-lab.co.jp/aidx/tag/python) [AI](https://knowledge.insight-lab.co.jp/aidx/tag/ai) [機械学習](https://knowledge.insight-lab.co.jp/aidx/tag/機械学習) [TensorFlow](https://knowledge.insight-lab.co.jp/aidx/tag/tensorflow)

![](https://knowledge.insight-lab.co.jp/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-10-02%20144636-png.png)

 目次

## はじめに

---

TensorBoardというTensorFlowの可視化ツールの存在を知ったので、以前TensorFlowで作成した画像分類モデルの学習過程の可視化を行ってみたいと思います。

## TensorBoardとは

---

TensorBoardは、TensorFlow用のツールで、機械学習モデルのトレーニングと評価の可視化を行うためのダッシュボードです。具体的には以下の機能があります。

1. **スカラー値の可視化** 
     - 損失関数や精度などの学習中の挙動を折れ線グラフで表示
     - 学習データとバリデーションデータの比較が可能

1. **画像の可視化** 
     - 各層の重みやバイアスの遷移を確認
     - 前処理後の画像を表示して確認

1. **音声の可視化** 
     - 音声データの再生や音量調節が可能

1. **ヒストグラムの表示** 
     - 各層の重みやバイアスの分布を確認

1. **計算グラフの可視化** 
     - モデルの構造を視覚的に確認
     - デバイス(GPU/CPU)の使用状況を色分けして表示

1. **分散表現の可視化** 
     - Embedding Projectorで分散表現をインタラクティブに操作

1. **その他** 
     - データのダウンロード(CSVやJSONで出力可能)
     - ハイパーパラメータの探索結果の可視化

これらの機能を活用することで、モデルのトレーニングプロセスをより深く理解し、調整やデバッグを効率的に行うことができます。使い方は、TensorFlowのトレーニングスクリプトにいくつかのログ記録のコードを追加するだけで簡単に始められます。

## 実装方法

---

**TensorBoardのセットアップ**  
TensorBoardを使用するためには、まずTensorFlowがインストールされている必要があります。まだインストールしていない場合は、以下のコマンドでインストールします。

```
pip install tensorflow
```

**ログディレクトリの指定**  
モデルのトレーニング中にログを記録するディレクトリを指定します。

```
import tensorflow as tf

# ログディレクトリの設定
log_dir = "logs/fit/" + datetime.datetime.now().strftime("%Y%m%d-%H%M%S")
tensorboard_callback = tf.keras.callbacks.TensorBoard(log_dir=log_dir, histogram_freq=1)
```

**モデルトレーニング中のコールバックにTensorBoardを追加**  
モデルのトレーニングにおいて、fitメソッドにTensorBoardコールバックを追加します。

```
model.fit(
    x_train, y_train,
    epochs=10,
    validation_data=(x_val, y_val),
    callbacks=[tensorboard_callback]
)
```

**TensorBoardの起動**  
ログを記録した後、以下のコマンドでTensorBoardを起動し、ブラウザでダッシュボードを表示します。

```
tensorboard --logdir=logs/fit
```

その後、ブラウザで表示されるURL（通常は `http://localhost:6006/`）にアクセスすると、トレーニングプロセスや結果の可視化ができます。

これで、モデルのトレーニング中の各種指標（損失、精度、重みのヒストグラムなど）をリアルタイムで確認できるようになります。

## 出力結果

---

今回は、[こちら](https://knowledge.insight-lab.co.jp/aidx/image-classification-model-with-tensorflow)の記事で実装したスクリプトに上記処理を追加して、可視化してみました。

こちらがTensorBoardのダッシュボードになります。それぞれ見ていきます。

![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-10-02%20144636-png.png?width=1911&height=904&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-10-02%20144636-png.png)

 

**bias**: エポックごとのバイアスパラメータのヒストグラムになります。各エポックごとにバイアスの値の分布がどのように変化しているかが確認できます。

[![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-09-26%20144021-png.png?width=1221&height=468&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-09-26%20144021-png.png)](https://knowledge.insight-lab.co.jp/aidx/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588_2024-10-02_144636.png)

 

**epoch\_accuracy**: エポックごとのトレーニングと検証データの精度になります。 エポックが進むにつれて、精度が上がっていくことが望ましいです。もし精度が大きくぶれていたり、検証精度が上がらない場合、過学習（overfitting）やデータに問題がある可能性があります。

[![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-09-26%20144054-png.png?width=1220&height=466&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-09-26%20144054-png.png)](https://knowledge.insight-lab.co.jp/aidx/%25E3%2582%25B9%25E3%2582%25AF%25E3%2583%25AA%25E3%2583%25BC%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%25A7%25E3%2583%2583%25E3%2583%2588_2024-09-26_144054.png)

 

**epoch\_learning\_rate**: エポックごとの学習率になります。スクリプト内で0.001に設定しているため、エポックが進んでも一定です。

![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-09-26%20144110-png.png?width=1224&height=467&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-09-26%20144110-png.png)

 

**epoch\_loss**: エポックごとのトレーニングと検証データの損失になります。エポックが進むにつれて、損失は小さくなることが期待されます望ましいですが、検証損失がエポック後半で上昇する場合は過学習の可能性があります。

![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-09-26%20144131-png.png?width=1222&height=469&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-09-26%20144131-png.png)

 

**evaluation\_accuracy\_vs\_iterations**: イテレーションごとの検証データの精度を示しています。エポック内の各イテレーションでの精度の変化を見ることができます。黄色のラインで表されており、精度が安定しているかどうかを確認できます。

![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-09-26%20144146-png.png?width=1222&height=470&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-09-26%20144146-png.png)

 

**evaluation\_loss\_vs\_iterations**: イテレーションごとの検証データの損失を示したグラフです。損失が小さいほど、モデルがより良い予測をしていることを示します。この場合、損失が上がったり下がったりしているので、モデルがデータに対してどう適応しているかを確認できます。

![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-09-26%20144204-png.png?width=1223&height=471&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-09-26%20144204-png.png)

 

**kernel**: エポックごとの重みパラメータ（カーネル）のヒストグラムを表示しています。重みの値の分布がどのように変化しているかを視覚化しています。

![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-09-26%20144218-png.png?width=1218&height=469&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-09-26%20144218-png.png)

 

**Settings:** 画面左の項目は各グラフの表示方法を変更するメニューとなっています。![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-10-02%20144838-png-1.png?width=252&height=660&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-10-02%20144838-png-1.png)

- **GENERAL**  
  各グラフのデータポイントをステップ毎・処理時間毎・時刻毎の表示に変更したり、特定のデータポイントまでのグラフのみの表示に変更する設定ができます。

- **SCALARS**  
  スライダーでグラフの平滑化（データポイントのばらつきを抑えて、グラフを滑らかにする）の度合いを調整したり、グラフ上でカーソルを移動したときに表示されるツールチップ内のデータポイントを、昇順（Ascending）や降順（Descending）でソート、外れ値によるグラフのスケーリングへの影響を減らしたり、単調増加しないX軸を分割して表示等の設定ができます。

 

 

 

![](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-10-02%20144854-png-1.png?width=253&height=353&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202024-10-02%20144854-png-1.png)

- **HISTOGRAMS**  
  デフォルトではステップごとのヒストグラムが連なって表示されているのを、すべて重ねて表示するよう設定ができます。

 

- **IMAGES**  
  可視化される画像の表示方法を変更できます。

 

 

 

## まとめ

---

TensorBoard自体はTensorFlowに組み込まれており、実装方法も、既存スクリプトに追加するだけなので、とても簡単に実装することができます。

TensorBoardダッシュボード内でも表示の設定が変更できるので、モデルのトレーニングプロセスの理解を助けてくれると思います。

- [Tweet](https://twitter.com/share)

#### 執筆者 [橋口](https://knowledge.insight-lab.co.jp/aidx/author/橋口)

###### [前の投稿](https://knowledge.insight-lab.co.jp/aidx/satellite-data-visualization-using-tellus-api)

[![](https://knowledge.insight-lab.co.jp/hubfs/AI-Generated%20Media/Images/Image%20like%20collecting%20data%20on%20the%20earths%20surface%20from%20satellite%20data.jpeg)](https://knowledge.insight-lab.co.jp/aidx/satellite-data-visualization-using-tellus-api)

###### [Tellus APIを利用した衛星データ活用 可視化偏](https://knowledge.insight-lab.co.jp/aidx/satellite-data-visualization-using-tellus-api)

###### [次の投稿](https://knowledge.insight-lab.co.jp/aidx/-aws-dms移行の際のコスト計算方法)

[![](https://knowledge.insight-lab.co.jp/hubfs/AI-Generated%20Media/Images/the%20cost%20of%20Database%20immigration.jpeg)](https://knowledge.insight-lab.co.jp/aidx/-aws-dms移行の際のコスト計算方法)

###### [【AWS】DMS移行の際のコスト計算方法](https://knowledge.insight-lab.co.jp/aidx/-aws-dms移行の際のコスト計算方法)

##### INFORMATION

INFORMATION

- [会社概要](https://www.insight-lab.co.jp/about/company.html)
- [お問い合わせ](https://www.insight-lab.co.jp/contact.html)

##### MENU

MENU

- [AIDXナレッジ](https://knowledge.insight-lab.co.jp/aidx)
- [NEWS AI SEARCH](https://solution.insight-lab.co.jp/ai/news-ai-search)

[![INSIGHT LAB](https://knowledge.insight-lab.co.jp/hs-fs/hubfs/INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png?width=200&height=55&name=INSIGHT%20LAB_%E6%96%87%E5%AD%97%E3%81%AE%E3%81%BF_WHT-1.png "INSIGHT LAB")](https://www.insight-lab.co.jp/)

- [プライバシーポリシー](https://www.insight-lab.co.jp/privacy.html)

Copyright © 2020 INSIGHT LAB, Inc.

<https://www.facebook.com/AI-Knowledge-204095220273271>