色々なサービスを連携させたワークフローを作りたい
-
Google Workspaceのサービスを対象にしたワークフロー。
-
Google Apps Script
- Incoming Webhookを使えばSlack投稿も可能。
- コードを書く必要があるが、自由度は高い。
-
Google Apps Script
-
Google Workspaceのサービス、Notion、Slack、GitHubなどを対象にしたワークフロー。
-
Zapier
- ツールの使い方を覚える必要があるが、ノーコードで作成できる。
- 対応サービス(App)が豊富。
-
Zapier
ページを色々弄りたい
-
任意のタイミングでページ上でJavaScriptを実行したい。
-
ブックマークレット
-
使用例
-
現在開いているページのタイトルとURLをクリップボードにコピーする。
javascript: ( function () { const title = document.title; const url = location.href; /* クリップボードにタイトルとURLをコピー */ navigator.clipboard.writeText(`${title} ${url}`); } )();
-
現在開いているページのタイトルとURLをクリップボードにコピーする。
-
使用例
-
ブックマークレット
-
最初に特定のページ上でJavaScriptを実行したい。
-
Tampermonkey(Chrome), Greasemonkey(Firefox)
- 特定のページ上でレイアウト変更や機能の追加などを行うユーザースクリプトを作れる。
- https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo?hl=ja
- https://www.tampermonkey.net/index.php
-
使用例
- 特定のサイトのあるボタンを押せないようにするため、非表示にする。
// ==UserScript== // @name ... // @namespace ... // @version 0.1 // @author ... // @match ... // @icon ... // @grant none // ==/UserScript== (function() { 'use strict'; const button = document.querySelector('...'); button.style.display = 'none'; })();
-
Tampermonkey(Chrome), Greasemonkey(Firefox)
-
Chromeの機能を使っていろいろやりたい。
-
Chrome拡張機能開発
- 自由度は高いが上に比べてハードルは高い。
- https://developer.chrome.com/docs/extensions/
- 使用例
-
Chrome拡張機能開発
社内ツールを作りたい
- 静的ページ
-
動的ページ
-
AWS上に構築する(EC2, ECS, Elastic Beanstalkなど)
- 社外からアクセスできないように、Secrity GroupなどでIP制限をしておく。
-
AWS上に構築する(EC2, ECS, Elastic Beanstalkなど)
定期的に何かを実行したい
-
タスクスケジューラ(Windows)
-
使用例
- 9:30に朝会のmeetをChromeで開く。
- 9:00にSlackのステータスを設定する。
-
使用例
-
Zapier
- Scheduleと必要に応じてDelayを用いて定期実行するZapを作ることができる。
- https://zapier.com/blog/schedule-recurring-tasks/
- https://zapier.com/blog/zapier-delay-guide/
- Google Apps Script
-
Amazon EventBridge
- AWS Lambdaを定期実行できる。
- https://aws.amazon.com/jp/eventbridge/
-
使用例
- E2Eテスト
- cron
テストを自動化したい
- GitHub ActionsでPull requestsを出したときにテストを実行するようにする。
- EventBridge + Lambdaで定期的にE2Eテストを実行する。
単体テストのツール例
- Pytest
- Jest
-
フレームワーク本体に入っているもの
- Django.test など
E2Eテストのツール例
- Cypress
-
Selenium
- Web上の情報を抽出する「スクレイピング」できる
- Puppeteer
- Playwright
- Turnip
その他
-
サイト内検索設定
- 検索バーからカウントダウンタイマーを起動