初心者のためのPSoC Creatorの歩き方（初期設定編）

これは、[PSoC Advent Calendar 2017](https://qiita.com/advent-calendar/2017/psoc)の22日目の記事（初期設定編）です。
うまく書き込めましたら[初心者のためのPSoC Creatorの歩き方本編（デバッグ編）](https://qiita.com/noraneko77/items/0fab59a1ad616871a17e)へお進みくださいませ。

#概要
簡単なプログラムを作成してホタルの様なふわっとした感じのLED点灯をさせてみます。
そのプログラムを元にPSoC Creatorのデバッグの一歩目を感じてみましょう。

#コンポーネントの配置
まずはスケマティック・ウィンドウにコンポーネントを配置します。
配置するのはメインパーツの4点とオフチップの2点です。
![SnapCrab_NoName_2017-12-24_0-26-16_No-00.png](https://qiita-image-store.s3.amazonaws.com/0/120769/dce1cdb6-cc90-ed1c-5c8b-b8dfb97a550e.png)

コンポーネントは右側のコンポーネント・カタログから拾い出しますが場所が分からないかも知れないので画像を載せておきます。
>●Clock
![SnapCrab_NoName_2017-12-24_0-38-55_No-00.png](https://qiita-image-store.s3.amazonaws.com/0/120769/29fc7d29-cbb9-a8b7-56dc-ed28c6fd0327.png)
●Logic Low'0'
![SnapCrab_NoName_2017-12-24_0-38-7_No-00.png](https://qiita-image-store.s3.amazonaws.com/0/120769/b36be41a-b06a-7ca6-35a1-0b1a3e3a0ffe.png)
●PWM
![SnapCrab_NoName_2017-12-24_0-39-25_No-00.png](https://qiita-image-store.s3.amazonaws.com/0/120769/1d0ebac6-d283-9657-391b-bd2d91bc12a1.png)
●Digital Output Pin
![SnapCrab_NoName_2017-12-24_17-30-42_No-00.png](https://qiita-image-store.s3.amazonaws.com/0/120769/58fdae9f-59ea-0471-f814-0de63487d51a.png)
●LED
![SnapCrab_NoName_2017-12-24_11-27-20_No-00.png](https://qiita-image-store.s3.amazonaws.com/0/120769/20650f4f-ee3b-8c14-6404-038e3da26d1e.png)
●Ground
![SnapCrab_NoName_2017-12-24_11-27-36_No-00.png](https://qiita-image-store.s3.amazonaws.com/0/120769/71a3af30-3e14-bc5e-d93a-eab9f20e5e25.png)

また標準コンポーネントのコンフィグレーションを以下に載せておきます、赤マークを確認してください。
>●SourseをIMO(3MHz)、Frequencyを15KHz
![SnapCrab_Configure 'cy_clock'_2017-12-24_0-40-44_No-00.png](https://qiita-image-store.s3.amazonaws.com/0/120769/c13b9eb4-c8f7-249f-7df9-6f88a98ed189.png)

>●PMW ModeをOne Output、Periodを255、CMP Value1を0
![SnapCrab_Configure 'PWM'_2017-12-24_0-41-17_No-00.png](https://qiita-image-store.s3.amazonaws.com/0/120769/dfd78aee-31fe-5cc3-9961-74fcfb53196e.png)


>●右記にチェックを入れてください。 Digital Output、HW connection、External terminal
![SnapCrab_Configure 'cy_pins'_2017-12-24_11-22-34_No-00.png](https://qiita-image-store.s3.amazonaws.com/0/120769/3de85335-67de-ff34-b523-0fec066b09bc.png)

次はデザイン・ウィンドウでピンアサインを決定します、Pin63へアタッチするだけですね。
![SnapCrab_NoName_2017-12-24_0-26-53_No-00.png](https://qiita-image-store.s3.amazonaws.com/0/120769/9d8f6d58-f0e4-ba20-de0c-7544bd2b2b85.png)

最後はソースコード
![SnapCrab_NoName_2017-12-25_14-18-5_No-00.png](https://qiita-image-store.s3.amazonaws.com/0/120769/0aefafa2-8d00-588c-6827-f1547116ce7b.png)
※12/25修正済tetnoguchiさん有難うございます。

>一応テキストも貼っておきます。

>``` main.c
>#include "project.h"
>
>int main(void)
>{
>
>    int x;
>    PWM_1_Start();
>
>    for(;;)
>    {
>        for(x=0;x<=255;x++){
>            PWM_1_WriteCompare(x);
>            CyDelay(10);
>        }
>    }
>}
>```

###ビルドしてエラーチェックをしてみましょう！！
>
![SnapCrab_NoName_2017-12-24_12-0-7_No-00.png](https://qiita-image-store.s3.amazonaws.com/0/120769/97be72a6-95b9-d24d-0e88-609d8f615b6d.png)
###**Build Succeeded**と表示がでれば成功です、お疲れさまでした！

#実行結果
書き込み(Ctrl+F5)を行うとPSoCの青いLEDがふわっと点灯します。
![circleanimationmuvie](https://media.giphy.com/media/3o752nOYZnd6WDbdAY/giphy.gif)

それでは飲み物など用意して[PSoC Creatorの歩き方本編（デバッグ編）](https://qiita.com/noraneko77/items/0fab59a1ad616871a17e)へお進みくださいませｗ