# 目次
1. はじめに
2. 必要な準備
   - 2.1 Gmail API の設定
   - 2.2 Slack API の設定
3. Node.js 環境のセットアップ
   - 3.1 パッケージのインストール
4. Gmail APIを使った新着メールの確認
   - 4.1 OAuth2 認証
   - 4.2 メールの取得
5. Slack APIを使った通知の送信
   - 5.1 Slack Webhookの利用
6. フルコード例
7. まとめ

## 1. はじめに

SlackとGmail APIを連携することで、新着メールが届いた際にリアルタイムでSlackに通知を送ることができます。この記事では、Node.jsを用いてこの連携を実現する方法について詳しく解説します。

## 2. 必要な準備

### 2.1 Gmail API の設定

1. **Google Cloud Console**で新しいプロジェクトを作成します。
2. **Gmail API**を有効化します。
3. OAuth 2.0 クライアントIDを作成し、資格情報（`credentials.json`）をダウンロードします。

### 2.2 Slack API の設定

1. **Slackの管理ページ**から新規アプリを作成します。
2. Incoming Webhooksを有効化し、Webhook URLをコピーします。

## 3. Node.js 環境のセットアップ

### 3.1 パッケージのインストール

以下のコマンドを使用して必要なパッケージをインストールします。

![img](/mosaic-code.jpg)

## 4. Gmail APIを使った新着メールの確認

### 4.1 OAuth2 認証

まずは、GoogleのOAuth2認証を設定します。以下に認証フローを記述します。

![img](/mosaic-code.jpg)

### 4.2 メールの取得

Gmail APIを使用して新着メールを確認するには以下を使用します。

![img](/mosaic-code.jpg)

## 5. Slack APIを使った通知の送信

### 5.1 Slack Webhookの利用

Slack通知を送信するために、@slack/webhookを使用します。

![img](/mosaic-code.jpg)

## 6. フルコード例

以下に、全体のコードをまとめます。

![img](/mosaic-code.jpg)

## 7. まとめ

この手順に従うことで、Node.js環境でGmail APIとSlackを連携し、新着メールをSlackに通知するシステムを構築できます。各APIの詳細設定や、Node.jsの知識により、機能をカスタマイズしてニーズに合ったソリューションを作成することが可能です。Slack通知のカスタマイズやGmailのフィルタを活用し、さらに高度な連携を試してみてください。 [cv:issue_marketplace_engineer]

# 目次
1. はじめに
2. 必要な準備
   - 2.1 Gmail API の設定
   - 2.2 Slack API の設定
3. Node.js 環境のセットアップ
   - 3.1 パッケージのインストール
4. Gmail APIを使った新着メールの確認
   - 4.1 OAuth2 認証
   - 4.2 メールの取得
5. Slack APIを使った通知の送信
   - 5.1 Slack Webhookの利用
6. フルコード例
7. まとめ

## 1. はじめに

SlackとGmail APIを連携することで、新着メールが届いた際にリアルタイムでSlackに通知を送ることができます。この記事では、Node.jsを用いてこの連携を実現する方法について詳しく解説します。

## 2. 必要な準備

### 2.1 Gmail API の設定

1. **Google Cloud Console**で新しいプロジェクトを作成します。
2. **Gmail API**を有効化します。
3. OAuth 2.0 クライアントIDを作成し、資格情報（`credentials.json`）をダウンロードします。

### 2.2 Slack API の設定

1. **Slackの管理ページ**から新規アプリを作成します。
2. Incoming Webhooksを有効化し、Webhook URLをコピーします。

## 3. Node.js 環境のセットアップ

### 3.1 パッケージのインストール

以下のコマンドを使用して必要なパッケージをインストールします。

```bash
npm install googleapis @slack/webhook
```

## 4. Gmail APIを使った新着メールの確認

### 4.1 OAuth2 認証

まずは、GoogleのOAuth2認証を設定します。以下に認証フローを記述します。

```javascript
const fs = require('fs');
const readline = require('readline');
const { google } = require('googleapis');

const SCOPES = ['https://www.googleapis.com/auth/gmail.readonly'];
const TOKEN_PATH = 'token.json';

fs.readFile('credentials.json', (err, content) => {
  if (err) return console.log('Error loading client secret file:', err);
  authorize(JSON.parse(content), listMessages);
});

function authorize(credentials, callback) {
  const { client_secret, client_id, redirect_uris } = credentials.installed;
  const oAuth2Client = new google.auth.OAuth2(client_id, client_secret, redirect_uris[0]);

  fs.readFile(TOKEN_PATH, (err, token) => {
    if (err) return getAccessToken(oAuth2Client, callback);
    oAuth2Client.setCredentials(JSON.parse(token));
    callback(oAuth2Client);
  });
}

function getAccessToken(oAuth2Client, callback) {
  const authUrl = oAuth2Client.generateAuthUrl({
    access_type: 'offline',
    scope: SCOPES,
  });
  console.log('Authorize this app by visiting this url:', authUrl);
  const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout,
  });
  rl.question('Enter the code from that page here: ', (code) => {
    rl.close();
    oAuth2Client.getToken(code, (err, token) => {
      if (err) return console.error('Error retrieving access token', err);
      oAuth2Client.setCredentials(token);
      fs.writeFile(TOKEN_PATH, JSON.stringify(token), (err) => {
        if (err) console.error(err);
        console.log('Token stored to', TOKEN_PATH);
      });
      callback(oAuth2Client);
    });
  });
}
```

### 4.2 メールの取得

Gmail APIを使用して新着メールを確認するには以下を使用します。

```javascript
function listMessages(auth) {
  const gmail = google.gmail({ version: 'v1', auth });
  gmail.users.messages.list({
    userId: 'me',
    q: 'is:unread',
  }, (err, res) => {
    if (err) return console.log('The API returned an error: ' + err);
    const messages = res.data.messages;
    if (messages && messages.length) {
      console.log('Messages:');
      messages.forEach((message) => {
        console.log(`- ${message.id}`);
        // Now you can notify via Slack
        sendSlackNotification(`New mail received with ID: ${message.id}`);
      });
    } else {
      console.log('No new messages found.');
    }
  });
}
```

## 5. Slack APIを使った通知の送信

### 5.1 Slack Webhookの利用

Slack通知を送信するために、@slack/webhookを使用します。

```javascript
const { IncomingWebhook } = require('@slack/webhook');
const url = process.env.SLACK_WEBHOOK_URL;
const webhook = new IncomingWebhook(url);

async function sendSlackNotification(message) {
  await webhook.send({
    text: message,
  });
}
```

## 6. フルコード例

以下に、全体のコードをまとめます。

```javascript
// 必要なモジュールとパッケージをインポート
const fs = require('fs');
const readline = require('readline');
const { google } = require('googleapis');
const { IncomingWebhook } = require('@slack/webhook');

// スコープの設定
const SCOPES = ['https://www.googleapis.com/auth/gmail.readonly'];
const TOKEN_PATH = 'token.json';

// Slack Webhook URL の設定
const url = process.env.SLACK_WEBHOOK_URL;
const webhook = new IncomingWebhook(url);

// 認証プロセスの開始
fs.readFile('credentials.json', (err, content) => {
  if (err) return console.log('Error loading client secret file:', err);
  authorize(JSON.parse(content), listMessages);
});

// 認証処理
function authorize(credentials, callback) {
  const { client_secret, client_id, redirect_uris } = credentials.installed;
  const oAuth2Client = new google.auth.OAuth2(client_id, client_secret, redirect_uris[0]);

  fs.readFile(TOKEN_PATH, (err, token) => {
    if (err) return getAccessToken(oAuth2Client, callback);
    oAuth2Client.setCredentials(JSON.parse(token));
    callback(oAuth2Client);
  });
}

// アクセストークンの取得
function getAccessToken(oAuth2Client, callback) {
  const authUrl = oAuth2Client.generateAuthUrl({
    access_type: 'offline',
    scope: SCOPES,
  });
  console.log('Authorize this app by visiting this url:', authUrl);
  const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout,
  });
  rl.question('Enter the code from that page here: ', (code) => {
    rl.close();
    oAuth2Client.getToken(code, (err, token) => {
      if (err) return console.error('Error retrieving access token', err);
      oAuth2Client.setCredentials(token);
      fs.writeFile(TOKEN_PATH, JSON.stringify(token), (err) => {
        if (err) console.error(err);
        console.log('Token stored to', TOKEN_PATH);
      });
      callback(oAuth2Client);
    });
  });
}

// メールの取得
function listMessages(auth) {
  const gmail = google.gmail({ version: 'v1', auth });
  gmail.users.messages.list({
    userId: 'me',
    q: 'is:unread',
  }, (err, res) => {
    if (err) return console.log('The API returned an error: ' + err);
    const messages = res.data.messages;
    if (messages && messages.length) {
      console.log('Messages:');
      messages.forEach((message) => {
        console.log(`- ${message.id}`);
        // Slack通知
        sendSlackNotification(`New mail received with ID: ${message.id}`);
      });
    } else {
      console.log('No new messages found.');
    }
  });
}

// Slack通知
async function sendSlackNotification(message) {
  await webhook.send({
    text: message,
  });
}
```

## 7. まとめ

この手順に従うことで、Node.js環境でGmail APIとSlackを連携し、新着メールをSlackに通知するシステムを構築できます。各APIの詳細設定や、Node.jsの知識により、機能をカスタマイズしてニーズに合ったソリューションを作成することが可能です。Slack通知のカスタマイズやGmailのフィルタを活用し、さらに高度な連携を試してみてください。 [![image](https://firebasestorage.googleapis.com/v0/b/issue-pro-42602.appspot.com/o/topics%2F17fa658b-53c7-4ca0-a28b-e588ed1bd371?alt=media&token=2c00afff-85ff-4428-8d15-696ab676dcb0)](https://i-ssue.com/lp/check_salary)

目次

続きを読むには単価診断を受けてください（30秒）