常連

### 実現したいこと
基本的にスライドは縦に動かしたく、
pcの時は横なが画像を使用
タブレットから縦長画像に切り替えたいと考えています。

### 発生している問題・分からないこと
色々な方法を試してみてはいますが、なかなか思う通りに表現できません。
HTMLでスライダーをpc・tablet・psと用意しdisplay：none;でを使用して表示の切り替えを行えないか試みていました。



### 該当のソースコード

```
HTML
 <main class="main" id="main">
            <div class="sliderpc">
                <div class="slider__pc"><img src="image/1.png"></div>
                <div class="slider__pc"><img src="image/2.png"></div>
                <div class="slider__pc"><img src="image/3.png"></div>
                <div class="slider__pc"><img src="image/5.png"></div>
                <div class="slider__pc"><img src="image/6.png"></div>
                <div class="slider__pc"><img src="image/7.png"></div>
                <div class="slider__pc"><img src="image/8.png"></div>
                <div class="slider__pc"><img src="image/9.png"></div>
                <div class="slider__pc"><img src="image/10.png"></div>
                <div class="slider__pc"><img src="image/11.png"></div>
                <div class="slider__pc"><img src="image/12.png"></div>
            </div>
            <div class="slidertablet">
                <div class="slider__ps"><img src="image/tablet1.png"></div>
                <div class="slider__ps"><img src="image/tablet2.png"></div>
                <div class="slider__ps"><img src="image/tablet1.png"></div>
                <div class="slider__ps"><img src="image/tablet2.png"></div>
                <div class="slider__ps"><img src="image/tablet1.png"></div>
                <div class="slider__ps"><img src="image/tablet2.png"></div>
                <div class="slider__ps"><img src="image/tablet1.png"></div>
                <div class="slider__ps"><img src="image/tablet2.png"></div>
                <div class="slider__ps"><img src="image/tablet1.png"></div>
                <div class="slider__ps"><img src="image/tablet2.png"></div>
            </div>

            <div class="sliderps">
                <div class="slider__ps"><img src="image/gray.png"></div>
                <div class="slider__ps"><img src="image/orange.png"></div>
                <div class="slider__ps"><img src="image/gray.png"></div>
                <div class="slider__ps"><img src="image/orange.png"></div>
                <div class="slider__ps"><img src="image/gray.png"></div>
                <div class="slider__ps"><img src="image/orange.png"></div>
                <div class="slider__ps"><img src="image/gray.png"></div>
                <div class="slider__ps"><img src="image/orange.png"></div>
                <div class="slider__ps"><img src="image/gray.png"></div>
                <div class="slider__ps"><img src="image/orange.png"></div>
                <div class="slider__ps"><img src="image/gray.png"></div>
                <div class="slider__ps"><img src="image/orange.png"></div>
            </div>
        </main>

CSS
.sliderpc {
  width: 100%;
  margin: 30px auto;
  max-width: 1440px;
}

.slick-next:before,
.slick-prev:before {
  font-size: 43px;
  color: var(--black);
  opacity: 1;
}

.sliderpc .slick-arrow {
  width: initial !important;
  height: initial !important;
  z-index: 2 !important;
  transform: rotate(90deg);
  top: initial;
  left: initial !important;
  right: 0 !important;
}

.sliderpc .slick-arrow:before {
  font-size: 50px;
}

.sliderpc .slick-prev {
  top: 0;
}

.sliderpc .slick-next {
  bottom: 0;
}

.slidertablet {
  display: none;
}

.sliderps {
  display: none;
}

/* 800tablet header  */
@media screen and (max-width: 800px) {
  .sliderpc {
    display: none;
  }

  .slidertablet {
    display: block;
    width: 100%;
    margin: 0 auto;
    max-width: 1029px;
    position: relative; 
  }

  .sliderps img {
    width: 100%;
    height: auto;
  }
}

JS
$(document).ready(function () {
      $(".sliderpc").slick({
        vertical: true,
        centerMode: true,
        centerPadding: "0",
        slidesToShow: 1,
        arrows: true,
        autoplay: true,
        autoplaySpeed: 2000,
        infinite: false,
      });
    });

        // slick slider tablet
        $(document).ready(function () {
          $(".slidertablet").slick({
            vertical: true,
            centerMode: true,
            centerPadding: "0",
            slidesToShow: 1,
            autoplay: true,
            autoplaySpeed: 2000,
            infinite: false,
          });
        });
      
```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [ ] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
tabletに切り替えた際に矢印を消したかったので、jsから arrows: true,を削除しましたが、ずっと矢印が画面に表示されます。
矢印を削除して、画面に綺麗に画像を表示したいです。
また、他にもっと良い方法があれば是非ご教授いただきたいです。

### 補足
特になし

slickのレスポンシブの画像切り替え方法

社内コミュニケーションツールのSlackで文字色を変えてメッセージを送りたいのですが、どうやれば出来ますでしょうか？

slackで文字色を変えてメッセージを送りたいです

#slackのチャンネルに自動で全員参加させるにはどうすれば良いか
slackをチームで運用しています。
*```#general```チャンネルのように他のチャンネルも自動で全員参加させるにはどうすればいいでしょうか？* 

PCに詳しくないメンバーがかなり多いので、管理側で操作が完了する方法を探しています。
slack公式のヘルプドキュメントを確認しましたが、該当する方法について記述はありませんでした...

約30名のチームで利用していて、近いうちに数十人新しくメンバーが増えるので
チャンネル追加毎に一人ずつ名前を打ち込むのは骨が折れる作業になっています。
みなさんのSlackではどのように対処なさっていますか？
###現状の運用
全員参加してもらいたいチャンネルは、手動で一人一人追加しています。
新しくチームに参加した人が増えるたびにこの作業をチャンネル数分繰り返しています。
##理想
チャンネル制作時に/all inviteみたいなコマンドでメンバー全員参加できて、その後slackに参加した人も自動でチャンネルに追加される。

slackのチャンネルに自動で全員参加させる方法

###前提・実現したいこと
Slackのメッセージにて任意の文字列にリンクを埋め込むことはできますか？


###試したこと
ググると以下でできるようですが、ダメでした。。。
Youtubeへのリンクです： <http://www.youtube.com>

参考サイト：http://www.utali.io/entry/2016/10/06/210716

Slackのメッセージにて任意の文字列にリンクを埋め込むことはできますか？

slackのアカウントが複数あるのですが、これらは一緒に使えますか？

昔使っていたslackのアカウントがあり、そこでしか連絡とっていないメンバーがいます。
そして最近、新たな会社で会社専用アドレスでアカウント作成し、会社のチーム内でつかっているのですが、これらをまとめて使えますか？
ワークスペースの追加というのはみかけたのですが、２重に参加してしまうのではないかと試していません。
できればスマホのアプリで閲覧したので、設定の仕方などもしわかる方いましたら教えていただけると助かります。できないという情報でもありがたいです。以上よろしくお願いいたしますm(_ _)m

slackの複数アカウントでの使用

### 実現したいこと
表題の件ですが、Gooleカレンダーのイベントで変更、追加、削除が行われた場合、特定のアカウントSlackに通知するという仕組みです。

### 発生している問題・分からないこと
https://www.yukibnb.com/entry/slack_incoming_webhook_url

現在、上記のサイトを参考に「Incoming Webhook URL」を取得して特定のアカウントに紐づけて、
例えばSlackのPCやスマホアプリが入っていたら通知がくる仕組みのはずですが、
グーグルカレンダーで何か変更等があれば、通知できるのですが１点問題があります。

**・１回の変更だけで2件通知が着てしまう**

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-04-05/6cc9a85f-c76d-4595-8032-7200fdb1cdcd.png)

通知はできていますが、挙動や表示のされ方がおかしいという事です。
こちらのご教示のほど宜しくお願い致します。

### エラーメッセージ
```error
エラーメッセージはありません。
```

### 該当のソースコード

```Google App Script
function monitorAllCalendars(e) {
  console.log(e.triggerUid);

  try {
    var calendarIds = getAllCalendarIds();
    var lastUpdated = PropertiesService.getScriptProperties().getProperty('lastUpdated');
    var currentTime = new Date();
    var notifiedEvents = getNotifiedEvents() || [];

    var today = new Date();
    today.setHours(0, 0, 0, 0);

    var twoDateLater = new Date(today);
    twoDateLater.setDate(today.getDate() + 7); // 1週間後の日付を取得
    twoDateLater.setHours(0, 0, 0, 0); // 時刻をリセットして日付のみにする

    for (var i = 0; i < calendarIds.length; i++) {
      var calendarId = calendarIds[i];
      var startDateTime = today;
      var endDateTime = twoDateLater;

      var events = CalendarApp.getCalendarById(calendarId).getEvents(startDateTime, endDateTime);

      if (events && events.length > 0) {
        for (var j = 0; j < events.length; j++) {
          var event = events[j];
          var eventId = event.getId();
          var lastUpdatedTime = event.getLastUpdated();

          // イベントのリンクを生成
          var calendarLink = 'https://calendar.google.com/calendar/render?action=VIEW&eid=' + eventId;

          // すでに通知されたイベントでないか、最後の通知時間以降のイベントかを確認
          if (lastUpdatedTime > new Date(lastUpdated)) {
            var title = event.getTitle();
            if (!title) {
              title = 'タイトルが設定されていません';
              Logger.log('イベントのタイトルがありませんでした。');
            }

            var startTime = event.getStartTime() ? formatDate(event.getStartTime()) : '開始日時が設定されていません';
            var endTime = event.getEndTime() ? formatDate(event.getEndTime()) : '終了日時が設定されていません';
            var description = event.getDescription() || '詳細が設定されていません';
            var location = event.getLocation() || '場所が設定されていません';

            // イベントのIDが通知済みリストに含まれているかを確認
            //if (!notifiedEvents.includes(eventId)) {
              // 通知されていない場合のみ通知を送信
              var eventDetails = {
                title: title,
                startTime: startTime,
                endTime: endTime,
                description: description,
                location: location,
                url: calendarLink,
                triggerUid: "your_trigger_uid_here",
                authMode: "your_auth_mode_here",
                calendarId: calendarId
              };

              sendSlackNotification(eventDetails);

              // 通知されたイベントを記録
              notifiedEvents.push(eventId);
            //}
          }
        }
      }
    }

    // 通知されたイベントと最後の通知時間を保存
    PropertiesService.getScriptProperties().setProperty('notifiedEvents', notifiedEvents.join(','));
    PropertiesService.getScriptProperties().setProperty('lastUpdated', currentTime.toISOString());
  } catch (error) {
    Logger.log('エラーが発生しました: ' + error);
  }
}

// 日付を指定された形式に整形する関数
function formatDate(date) {
  var year = date.getFullYear();
  var month = ('0' + (date.getMonth() + 1)).slice(-2);
  var day = ('0' + date.getDate()).slice(-2);
  var hours = ('0' + date.getHours()).slice(-2);
  var minutes = ('0' + date.getMinutes()).slice(-2);
  return year + '/' + month + '/' + day + ' ' + hours + ':' + minutes;
}


function getNotifiedEvents() {
  var notifiedEvents = PropertiesService.getScriptProperties().getProperty('notifiedEvents');
  return notifiedEvents ? notifiedEvents.split(',') : [];
}

function getAllCalendarIds() {
  var calendars = CalendarApp.getAllCalendars();
  var calendarIds = [];
  for (var i = 0; i < calendars.length; i++) {
    var calendar = calendars[i];
    calendarIds.push(calendar.getId());
  }
  return calendarIds;
}

function sendSlackNotification(eventDetails) {
var webhookUrl = 'SlackのIncoming WebhookのWebhook URLを入力';
  var message = {
    text: 'Googleカレンダーのイベントが更新されました。\n' +
          'タイトル: ' + eventDetails.title + '\n' +
          '開始日時: ' + eventDetails.startTime + '\n' +
          '終了日時: ' + eventDetails.endTime + '\n' +
          '詳細: ' + eventDetails.description + '\n' +
          '場所: ' + eventDetails.location + '\n' +
          'URL: ' + eventDetails.url,
  };
  
  var options = {
    method: 'post',
    contentType: 'application/json',
    payload: JSON.stringify(message)
  };
  
  UrlFetchApp.fetch(webhookUrl, options);
}



```

### 試したこと・調べたこと
- [x] teratailやGoogle等で検索した
- [x] ソースコードを自分なりに変更した
- [x] 知人に聞いた
- [ ] その他

##### 上記の詳細・結果
コンソールデバックで調べても特にエラーなことはありませんでした。
またGoogle App Scriptを利用することでトリガーというものも設定しています。
そちらは今回３つの関数で制御していましたが、1つトリガーに登録しています。

![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2024-04-08/b5f2fe41-8f85-4b05-bceb-793e3e9c73e1.png)

この状態でイベント更新があると複数の通知が着てしまいます。
この複数通知とは２通ずつ遅れながら３回ずつ送られます、その合計が６通の通知となります。
ゴールは１通だけでよいです。

### 補足
今回はAGSでコードを集約して書いています。
その中で以下の記述はWebhookのWebhook URLが入ります。
今回は伏せて置いています。

```
var webhookUrl = 'SlackのIncoming WebhookのWebhook URLを入力';
```

急ぎの案件ではありますので
どなたかご教示いただけたらと思います。


Google App ScriptでGooleカレンダーのイベントで変更、追加、削除が行われたらSlackに通知

Slack botをGoogle App Scriptsで作成しています。
下記のようにurlを取得してbotからメッセージを投稿しているのですが、1日に10回ほど動かしただけで

** リクエストに失敗しました（エラー: 400）。サーバー応答の一部: invalid_payload（応答の全文を見るには muteHttpExceptions オプションを使用してください）**
というエラーが表示されます。
1日の制限に引っかかっているのでしょうか？
まだ容量制限がある場合、どの程度まで使えるのでしょうか。
もし詳しい方がおりましたら教えていただけると助かります・・

```lang-java scripts
function postSlackTest(text)
{
  var url = "https://hooks.slack.com/services/XXXXXXXXXXXXX";
  var options = 
  {
    "method" : "POST",
    "headers": {"Content-type": "application/json"},
    "payload" : '{"text":"' + "テスト" + '"}',
  };
   UrlFetchApp.fetch(url, options);
}
```

UrlFetchApp.fetchがエラーになる。

### 実現したいこと
Pythonのrequestsライブラリを利用してSlackAPIを操作し、ファイル(csvなど)をSlackのワークスペースのチャンネルにアップロードしたいです。

### 前提
下記URLページ内の「requestsライブラリでSlackAPIを操作する方法」を実現させたいです
https://miyabikno-jobs.com/slackbot-upload-file/#Slackbot%E3%81%A7%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%82%92%E3%82%A2%E3%83%83%E3%83%97%E3%83%AD%E3%83%BC%E3%83%89%E3%81%99%E3%82%8B%E5%87%A6%E7%90%86%E3%81%AE%E5%AE%9F%E8%A3%85%E6%96%B9%E6%B3%95



### 発生している問題・エラーメッセージ
下記の「発生している問題・エラーメッセージ」のメッセージが返ってきました。
ですが、Slack上には何も反映されていません。ほかに原因が思いつく方いらっしゃいますか？

{'ok': True, 'file': {'id': 'F05T11Q4LER', 'created': 1695197899, 'timestamp': 1695197899, 'name': 'test.csv', 'title': 'test', 'mimetype': 'text/plain', 'filetype': 'text', 'pretty_type': 'プレーンテキスト', 'user': 'U05T0TVCXJ9', 'user_team': 'T05TDE5G308', 'editable': True, 'size': 527, 'mode': 'snippet', 'is_external': False, 'external_type': '', 'is_public': False, 'public_url_shared': False, 'display_as_bot': False, 'username': '', 'url_private': 'https://files.slack.com/files-pri/T05TDE5G308-F05T11Q4LER/'test.csv, 'url_private_download': 'https://files.slack.com/files-pri/T05TDE5G308-F05T11Q4LER/download/test.csv', 'permalink': 'https://testtakeru.slack.com/files/U05T0TVCXJ9/F05T11Q4LER/test.csv', 'permalink_public': 'https://slack-files.com/T05TDE5G308-F05T11Q4LER-cf8679c50c', 'edit_link': 'https://testtakeru.slack.com/files/U05T0TVCXJ9/F05T11Q4LER/test.csv/edit', 'preview': 'import requests\r\n#@SLACKTOKEN\r\nTOKEN = @SLACKTOKEN\r\nCHANNEL = "test"\r\ncntAir = 1\r', 'preview_highlight': '<div class="CodeMirror cm-s-default CodeMirrorServer" oncopy="if(event.clipboardData){event.clipboardData.setData(\'text/plain\',window.getSelection().toString().replace(/\\u200b/g,\'\'));event.preventDefault();event.stopPropagation();}">\n<div class="CodeMirror-code">\n<div><pre>import requests</pre></div>\n<div><pre>#xoxb-5931481547008-5908393168099-7ZD7ZZFsrCqNXN3xkP9g2lxQ</pre></div>\n<div><pre>TOKEN = &quot;@SLACKTOKEN&quot;</pre></div>\n<div><pre>CHANNEL = &quot;test&quot;</pre></div>\n<div><pre>cntAir = 1</pre></div>\n<div><pre></pre></div>\n</div>\n</div>\n', 'lines': 21, 'lines_more': 16, 'preview_is_truncated': False, 'comments_count': 0, 'is_starred': False, 'shares': {}, 'channels': [], 'groups': [], 'ims': [], 'has_more_shares': False, 'has_rich_preview': False, 'file_access': 'visible'}}

### 該当のソースコード

```ここに言語名を入力
import requests

TOKEN = "@SLACK-BOT-TOKEN"
CHANNEL = "test"
url = "https://slack.com/api/files.upload"

files = {'file': open( r'@DirPath\test.csv','br')}
filename = 'test.csv'
headers = {"Authorization": "Bearer " + TOKEN}

data  = {
    'channel': CHANNEL,
}

r = requests.post(url=url, headers=headers, data=data, files=files)
print(r.json())
```

### 試したこと
また、Slackのpermissionは添付画像のように設定しています。
ファイルのパスは間違っていないことは確認できました。

### 補足情報（FW/ツールのバージョンなど）
ちなみに以下に記載のメッセージを送るAPIはうまくいっています。

windows
anaconda
```
import requests

TOKEN = "xoxb-5931481547008-5918947439621-8tPxmy674mPnkHQ4LPS12Beq"
CHANNEL = "test"

cntAir = 0
if cntAir >= 1:
    message = 'There are '+ str(cntAir) + ' airplane transports.'
else:
    message = '0'
    
url = "https://slack.com/api/chat.postMessage"
headers = {"Authorization": "Bearer "+TOKEN}
data  = {
   'channel': CHANNEL,
   'text': message
}

r = requests.post(url, headers=headers, data=data)
print(r.json())
```
![イメージ説明](https://ddjkaamml8q8x.cloudfront.net/questions/2023-09-20/11c9c5fd-9a8f-41dc-8f74-281a48a04946.png)
