Code Monkey home page Code Monkey logo

attendancechatpost-chromeextension's Introduction

AttendanceChatPost-ChromeExtension

Chrome extension for attendance chat post with https://biz.moneyforward.com/attendance.

Overview

マネーフォワードクラウド勤怠 のホーム画面にある出勤・退勤等の打刻のアクションでチャットツールに投稿を行うGoogleChrome拡張機能です。

以下の環境で確認しています。

  • [Google Chrome] バージョン: 84.0.4147.105〜

Install

Chromeウェブストアに公開していないため、手動でインストールを行ってください。

  1. 任意のディレクトリにソースコードをcloneまたはzipダウンロード
  2. Chrome拡張機能の デベロッパーモード を有効にして パッケージ化されていない拡張機能の読み込みattendance-ext フォルダを指定

参考

使い方

  • Chrome拡張機能のオプションでチャットツールの設定を行ってください。

  • 事前にチャットツール側でIncoming Webhookの設定を行いWebhookのURLを発行しておく必要があります。

    チャットツールは SlackMattermost で確認を行っています。

  • マネーフォワードクラウド勤怠 のホーム画面で打刻のアクション(クリック)を行うとチャットツールのチャンネルにPOSTされます。

動作するURLの設定

以下の箇所で指定しています。

  • background.js ・・・ Chrome拡張機能を動作させるURLの設定
pageUrl: {
  hostEquals: 'attendance.moneyforward.com',
  pathEquals: '/my_page'
},
"content_scripts": [
  {
    "matches": ["https://*.moneyforward.com/*"],
    "js": ["contentScript.js"]
  }
],

その他

  • v2.1はMarkdown形式の投稿対応です。(主にMattermost) この対応が不要な場合はv2.0を使ってください。

Blog

https://note.com/ppiicckkllees/n/n97674a7bf2a1

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.