.. note::
こんにちは、SunFounderのRaspberry Pi & Arduino & ESP32愛好家コミュニティへようこそ！Facebook上でRaspberry Pi、Arduino、ESP32についてもっと深く掘り下げ、他の愛好家と交流しましょう。
**参加する理由は？**
- **エキスパートサポート**：コミュニティやチームの助けを借りて、販売後の問題や技術的な課題を解決します。
- **学び＆共有**：ヒントやチュートリアルを交換してスキルを向上させましょう。
- **独占的なプレビュー**：新製品の発表や先行プレビューに早期アクセスしましょう。
- **特別割引**：最新製品の独占割引をお楽しみください。
- **祭りのプロモーションとギフト**：ギフトや祝日のプロモーションに参加しましょう。
👉 私たちと一緒に探索し、創造する準備はできていますか？[|link_sf_facebook|]をクリックして今すぐ参加しましょう！
.. _1.1.7_js:
1.1.7 I2C LCD1602
=======================
はじめに
------------------
LCD1602は、文字タイプの液晶ディスプレイで、同時に32(16×2)の文字を表示することができます。
必要な部品
------------------------------
このプロジェクトには、以下のコンポーネントが必要です。
.. image:: ../img/list_i2c_lcd.png
キット全体を購入すると非常に便利です。こちらがリンクです：
.. list-table::
:widths: 20 20 20
:header-rows: 1
* - 名前
- このキットのアイテム
- リンク
* - Raphael Kit
- 337
- |link_Raphael_kit|
以下のリンクからも個別に購入することができます。
.. list-table::
:widths: 30 20
:header-rows: 1
* - コンポーネントの紹介
- 購入リンク
* - :ref:`cpn_gpio_board`
- |link_gpio_board_buy|
* - :ref:`cpn_breadboard`
- |link_breadboard_buy|
* - :ref:`cpn_wires`
- |link_wires_buy|
* - :ref:`cpn_i2c_lcd`
- |link_i2clcd1602_buy|
回路図
---------------------
============ ========
T-Board Name physical
SDA1 Pin 3
SCL1 Pin 5
============ ========
.. image:: ../img/schematic_i2c_lcd.png
実験手順
-----------------------------
**ステップ1:** 回路を組む。
.. image:: ../img/image96.png
**ステップ2:** I2Cをセットアップする（ :ref:`i2c_config` 参照。すでにI2Cを設定している場合、このステップをスキップしてください。）
**ステップ3:** コードのフォルダに移動する。
.. raw:: html
.. code-block::
cd ~/raphael-kit/nodejs/
**ステップ4:** 依存関係をインストールする。
.. raw:: html
.. code-block::
sudo npm install @oawu/lcd1602
**ステップ5:** コードを実行する。
.. raw:: html
.. code-block::
sudo node i2c_lcd1602.js
コードを実行した後、LCDに ``Greetings!!, From SunFounder`` と表示されるのを確認できます。
**コード**
.. code-block:: js
const LCD = require('@oawu/lcd1602');
const lcd = new LCD();
lcd.text(0, 0, 'Greetings!!');
lcd.text(1, 1, 'from SunFounder');
**コード説明**
.. code-block:: js
const LCD = require('@oawu/lcd1602');
const lcd = new LCD();
``lcd1602`` モジュールをインポートし、それを ``lcd`` で表します。
.. note::
lcd1602モジュールについては、次のリンクを参照してください： https://www.npmjs.com/package/@oawu/lcd1602
.. code-block:: js
lcd.text(0, 0, 'Greetings!!');
lcd.text(1, 1, 'from SunFounder');
``LCD`` クラス内にカプセル化された ``text()`` 関数を呼び出すことで、lcd1602に表示したいテキストを表示させることができます。
``text()`` 関数は三つのパラメータを受け取ります。
最初のパラメータはlcd1602の行を表し、
二番目のパラメータは表示されるテキストの位置を表し、
三番目のパラメータは表示したいテキストを表します。
LCDモデルの中の **1602** という数字は、それぞれ16のセルを持つ2行を意味しています。
現象の画像
--------------------------
.. image:: ../img/image97.jpeg