　エンジニアに仕様を伝えるために開発者ツールを使うという手段

開発者ツールとは

今回はChromeの開発者ツールで説明します。
開発者ツールはCommand + Shift + i を押すとでて来ます。

一見よくわからないですが注目するべき部分はすごく少ないですので解説したいと思います。

このアイコンです。

基本的にいろいろと機能があるのですが、最低限抑えるべきポイントは抑え終わりました。
以下では実際によくある、仕様を伝える方法を紹介します。

今回選択されたhtmlを確認しよう。
おわかりいただけるだろうか　 Items　　の文字が見える。
多分ここを編集すれば文字が変わる。

選択された部分のhtml

<span class="userActivityChart_statUnit">Items</span>

この Items と書かれている部分をダブルクリックすると編集可能になる。

選択された部分のhtml

<span class="userActivityChart_statUnit">あいてむ！！！！</span>