
この記事は[共同開発鯖 Advent Calender 2021](https://qiita.com/advent-calendar/2021/growthers)の20日目の記事です.  

## はじめに  

先日, C言語でcsvのデータを分割するコードを書く機会があり, かなり手こずったので振り返りつつ書いていきたいと思います.  

### データ  

この記事で使用するcsvデータは以下のものとなります.  
```csv
goods,cost
pen,100
"pencil, eraser",200
ruler,110
```

## 方針  

初め, 以下の方針で文字区切りを行おうと考えていました.  

1\. `strtok`関数を使用して, `NULL`が返るまで`,`で区切る  
2\. 返ってきたデータを順番に構造体に入れる  
3\. 各行に対して1, 2を繰り返す  

1, 2に相当するコードは以下のようになります.
```c
#include <stdio.h>
#include <string.h>
/*
略
*/
char *tmpstr, str[256] = "goods,cost";
tmpstr = strtok(str, ",");
// , で区切り
while (tmpstr != NULL) {
    printf("%s\n", tmpstr);
    tmpstr = strtok(NULL, ",");
}
/*
略
*/
```

各行のデータを`str`に入れて実行すると以下のようになりました.  
```
goods
cost
pen
100
"pencil
 eraser"
200
ruler
110
```

以下のように出力してほしいのですが, `"pencil, eraser"`の中の`,`でも区切られてしまいうまくいきません.  
```
goods
cost
pen
100
pencil, eraser
200
ruler
110
```

ということで, `strtok`と同じような挙動をしつつも, `"`に囲まれた`,`は無視する関数を作成することにしました.  

## 関数の作成  

今回の関数は以下を満たす必要があります.  
- 区切り文字は`,`であること
- `"`で囲まれた区切り文字(`,`)は無視すること
- 区切った箇所から前の値は返し, 残りの値は保持すること
- `"`は返り値から除外する

`"pencil, eraser"`のような部分があったときに, `"`の部分は返す必要がなかったので, `"`を返り値から除外するということも盛り込みました.  

そうして作成した関数が以下です.  
```c
void csvsplit(char *result, char target[]) {
    static char savedstr[256];
    char delim = ',';
    char tmp[256], result_tmp[256], tail_tmp[256];
    target = target[0] != '\0' ? target : savedstr;

    if (target[0] == '\0') {
        strcpy(savedstr, "\0");
        strcpy(result, target);
        return;
    }

    strcpy(tmp, target);

    int isCut = 0, isContent = 0;
    for (int i = 0, result_index = 0, tail_index = 0; i < 256; i++) {
        // 末尾かどうか
        if (tmp[i] == '\0') {
            tail_tmp[tail_index] = '\0';
            if (!isCut) result_tmp[result_index] = '\0';
            break;
        }

        // 区切り後かどうか
        if (isCut) {
            tail_tmp[tail_index] = tmp[i];
            tail_index++;
            continue;
        }

        // ダブルクォーテーションかどうか
        if (tmp[i] == 0x22) {
            isContent = (isContent == 0) ? 1 : 0;
            continue;
        }

        // 区切られておらず, 区切り文字かどうか
        if (tmp[i] == delim && !isContent) {
            result_tmp[result_index] = '\0';
            isCut = 1;
            continue;
        }

        result_tmp[result_index] = tmp[i];
        result_index++;
    }

    strcpy(result, result_tmp);
    strcpy(savedstr,tail_tmp);
}
```

仮引数の`result`は結果を代入する変数を, `target`は区切る文字列を取るようになっています.  

そこから`tmp`を一文字ずつ確認し, `,`や`"`があるかどうか, 区切ることが可能な位置か(`isContent`), すでに区切りは完了しているか(`isCut`)などを変数使用するなどして管理するようにしました.  
返り値の部分は`result`に, 保持する部分は`savedstr`に代入して終了となっています.  

`savedstr`を区切る文字列にする場合, 仮引数の`target`には`"\0"`を代入します.  

Sayoiくんに一部修正してもらいました. ありがとうございます.  

## 挙動の確認  

作成した関数を使用して動作確認をしていきます.  

```c
#include <stdio.h>
#include <string.h>
void csvsplit(char *, char[]);
/*
略
*/
char tmpstr[256], str[256] = "goods,cost";
csvsplit(tmpstr, str);
// , で区切り
while (tmpstr[0] != '\0') {
    printf("%s\n", tmpstr);
    csvsplit(tmpstr, "\0");
}
/*
略
*/
```

各行のデータを`str`に入れて実行すると以下のようになりました.  
```
goods
cost
pen
100
pencil, eraser
200
ruler
110
```

これで無事, csvの分割を行うことができました.  


C言語でcsv分割


この記事は[共同開発鯖 Advent Calender 2021](https://qiita.com/advent-calendar/2021/growthers)の15日目の記事です.  

いま見ているこのBlogを突貫工事で作成し2週間ほど経ったので, 振り返りつつ記事を書いていきたいと思います.  

## 開発概要  

Blogの最低限の機能の作成とデプロイまで  

|開発期間|開発メンバー|
|:-:|:-:|
|約2週間|4人|

## 作成の経緯  

あまり覚えていませんが, アドベント・カレンダーに合わせてBlogを作成できたらいいよねという話から始まった気がします.  
11月の頭あたりにそういった話があった気がしますが, 私を含めほとんどの人が11月は試験期間だったためすぐには開発は始まりませんでした.  

## 技術選定と環境構築  

### 技術選定  

このBlogは以下で作成されています.  
- Next.js / React
- Tailwind CSS
- SCSS

全く開発が進んでいないこの共同開発鯖のサイトで`React/Next.js`が選ばれていたこと, `Vue/Nuxt.js`が書ける人がいないことなどから, ~~独断で~~スムーズにフレームワークは決定できました.  

開発メンバーの1人が[Tailwind CSS](https://tailwindcss.com/)を使いたいとのことだったので採用しましたが, スタイルは全くやってくれませんでした...  

### 環境構築  

技術選定後, 環境構築はメンバーの1人にほとんどを担当してもらいました.  

- ESLintの導入
- Pritterの導入
- Jestの導入
- Storybookの導入
- CI設定
- Editorconfigの設定

お陰でスムーズな開発ができたと思います.  

## 記事表示部分の実装  

### 実装内容  

このBlogのデータは`data`というディレクトリに保存されています.  
このディレクリはBlogとは別のリポジトリで管理され, サブモジュールでBlogのリポジトリに取り込む形を採用しました.  

`data/articles`には作者ごとのディレクトリが置かれており, その配下に作者のプロフィール情報が保存された`profile.json`と各記事のディレクトリが置かれています.  
記事は`index.md`というファイルで保存されており, マークダウン記法限定のBlogとなっていますが, メンバーのほとんどはマークダウン記法が使えるので大きな問題ではありません.  

> `fuga`という記事を`hoge`というユーザーで作成した場合のディレクトリ構成
> ```
> ├ README.md
> └ articles
>     └ hoge
>         ├ profile.json
>         └ fuga
>             └ index.md
> ```

[ブログの書き方](https://blog.growthers.dev/Growthers/posts/how-to-post/)より引用  

### 実装  

このBlogは`Next.js`のSSGを使って生成されており, ビルド時に記事へのパスとページが生成, マークダウンの変換には[react-markdown](https://github.com/remarkjs/react-markdown)を使用し, 複数のプラグインも導入しています.  

動的ルーティングのSSG対応(?)は開発初期に1人のメンバーがすべてやってくれたため, 記事部分に細かい機能を加えるための時間がかなり確保できたと思います.  

- URLを新規タブで開くように
- OGP表示
- 記事の更新日付の自動取得

#### URLを新規タブで開くように  

ライブラリで変換された`a`タグは同一タブで開くようになってしまっているため, 新規タブで開くように変更しています.  

#### OGP表示  

[ogp-parser](https://github.com/ukyoda/ogpParser)を使用してサイトのタイトルなどを取得, 記事の行間に挿入しています.  

#### 記事の更新日付の自動取得  

[gitlog](https://github.com/domharrington/node-gitlog)を使用してGitのlogから記事の更新日を取得, 記事の先頭に表示させています.  

### 今後  

現在記事内すべてのURLにOGP表示を行っていますが, URLの次行にOGPコンテンツを強制的に挿入させているため, テーブルやコードブロック内に挿入され見た目が崩れてしまいました.  

これ以外にも問題点はあるので, 徐々に修正を行っていきたいと思います.  

## 感想  

大したことが書けませんでしたが, ひとまずBlogが形になってよかったと思います.  
gitのサブモジュールは使ったことがなかったのでいい経験になりました.  
