SlideShare a Scribd company logo
1 of 36
Download to read offline
WordPressで給与明細管理
BillVektorSalaryを作った!
kurudrive@Vektor,Inc.
1
石川栄和@kurudrive
株式会社ベクトル
代表/フロントエンドエンジニア
趣味:スケボー/スプラトゥーン/将棋
自己紹介
2
Lightning
https://lightning.nagoya/ja
3
4
Lightning
デモサイト
ビジネスサイト向け汎用WordPressテーマ
WordPress公式ディレクトリ登録済(無料)

5
BillVektor
https://billvektor.com
6
7
請求元の設定
8
取引先の登録
9
10
見積書の作成
11
ページを表示 ブラウザから印刷 PDFで保存 
12
請求書の作成
見積書編集画面→この内容で請求書を発行
13
見積もり内容が引き継がれる。支払期日など入力して公開。
14
本題:給与明細管理機能作った!
15
背景
株式会社ベクトルはリモートでワークで残業も基本無
いが、ボーナス以外の成果報酬もほぼ存在しなかっ
た。

【石川】あ、今月はプラグインの売れ行きが好調だ!
【石川】わーい!
【スタッフ】おー!いいっすねー!
16
_人人人人人人人人人人人人人人_
> 俺の給料かわんねーけどな! <
 ̄Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y ̄
17
喜びの共有ができない!
ボーナス時期になるまで反映され
ないとモチベーションが...
やってもやらなくても給与変動しないんじゃ...
18
 売上に応じた特別ボーナスの
制度を作ろう!
19
給与明細管理をエクセルでしていた
特別手当の入力欄が一つしかない
成果報酬と他の手当があると合計でしか入力できない
特別手当の内訳をメモしておく欄がなかった
印刷用シートの備考欄に書くが、翌月には翌月の内容
で備考欄を書き換えるので、過去の内訳を探すのが大
変すぎる...
20
BillVektor用給与明細管理プラグイン
BillVektorSalary爆誕!
https://github.com/vektor‑inc/bill‑vektor‑salary
21
スタッフの登録・編集
22
給与明細の登録・編集
23
所得税の金額だけは算出ロジックがカオスなので外部
サイトで計算して入力 24
実際の明細画面
25
もちろん合計金額も
26
振込情報一覧まで!
27
 ダメな所1
時給計算機能がない
株式会社ベクトルは時給の概念がないので、時間給×
勤務時間などの計算機能が不要なので実装してませ
ん。
時給計算してる所で使いたいって声があればそのうち
実装します...。
28
 ダメな所2
所得税が自動計算じゃない
所得税の計算...課税所得からサラリーマン基本控除を
算出してまでは作ったけど...
そこから表を参照して該当金額を出すとかカオスす
ぎ...。
29
 注意が必要な点
WordPressの知識があるスタッフが入れるサーバーに
置けない!
DB情報落としたりwp‑cliで管理権限ユーザー作れば
他の人の給与見られるよ!
/(^o^)\
30
BillVektor
https://billvektor.com
BillVektorSalary
https://billvektor.com/add‑on/billvektor‑salary/


31
 Onemorething
32
BillVektor用その他の書類発行プラグイン
BillVektorOtherDocs
https://billvektor.com/add‑on/billvvektor‑other‑
docs/

33
フリー入力の書類を発行する!
34
35
Thankyou!
36

More Related Content

Similar to WordPressで給与明細管理!BillVektor Salary を作った!(改訂版)

業務系クラウドサービスが取り組んでいるセキュリティ対策
業務系クラウドサービスが取り組んでいるセキュリティ対策業務系クラウドサービスが取り組んでいるセキュリティ対策
業務系クラウドサービスが取り組んでいるセキュリティ対策Yusuke Tamukai
 
新規プロダクトで 爆速開発を実現するために意識したこと
新規プロダクトで 爆速開発を実現するために意識したこと新規プロダクトで 爆速開発を実現するために意識したこと
新規プロダクトで 爆速開発を実現するために意識したことToshiMatsumoto1
 
簡単!自動バックアップ設定でWordPressを安心運用
簡単!自動バックアップ設定でWordPressを安心運用簡単!自動バックアップ設定でWordPressを安心運用
簡単!自動バックアップ設定でWordPressを安心運用Hidekazu Ishikawa
 
Ibm cloud community summit 2019.04 20190426
Ibm cloud community summit 2019.04 20190426Ibm cloud community summit 2019.04 20190426
Ibm cloud community summit 2019.04 20190426kazuki masuda
 
20180215 devsumi-base
20180215 devsumi-base20180215 devsumi-base
20180215 devsumi-base真一 藤川
 
Stripeを使った簡単なサブスク型課金サービスの作り方【WESEEK Tech Conf #15】
Stripeを使った簡単なサブスク型課金サービスの作り方【WESEEK Tech Conf #15】Stripeを使った簡単なサブスク型課金サービスの作り方【WESEEK Tech Conf #15】
Stripeを使った簡単なサブスク型課金サービスの作り方【WESEEK Tech Conf #15】WESEEKWESEEK
 
Service workerとwebプッシュ通知
Service workerとwebプッシュ通知Service workerとwebプッシュ通知
Service workerとwebプッシュ通知zaru sakuraba
 
20200708サーバーレスでのAPI管理の考え方
20200708サーバーレスでのAPI管理の考え方20200708サーバーレスでのAPI管理の考え方
20200708サーバーレスでのAPI管理の考え方Amazon Web Services Japan
 
Cloud Foundry x Wagby
Cloud Foundry x WagbyCloud Foundry x Wagby
Cloud Foundry x WagbyYoshinori Nie
 
Realm platform2019
Realm platform2019Realm platform2019
Realm platform2019昌桓 李
 
Windows Phone で Active Directory 認証 2011.12.1版
Windows Phone で Active Directory 認証 2011.12.1版Windows Phone で Active Directory 認証 2011.12.1版
Windows Phone で Active Directory 認証 2011.12.1版junichi anno
 
Tokyo nodefestival workshop_20161112
Tokyo nodefestival workshop_20161112Tokyo nodefestival workshop_20161112
Tokyo nodefestival workshop_20161112Junichi Okamura
 
Linux / Mac ユーザーのための Microsoft Azure 仮想マシン 入門
Linux / Mac ユーザーのための Microsoft Azure 仮想マシン 入門Linux / Mac ユーザーのための Microsoft Azure 仮想マシン 入門
Linux / Mac ユーザーのための Microsoft Azure 仮想マシン 入門Daisuke Masubuchi
 
Amazon QuickSight の組み込み方法をちょっぴりDD
Amazon QuickSight の組み込み方法をちょっぴりDDAmazon QuickSight の組み込み方法をちょっぴりDD
Amazon QuickSight の組み込み方法をちょっぴりDDAmazon Web Services Japan
 
Devsumi2013_15-c-7 アドテク・ターゲティング技術
Devsumi2013_15-c-7 アドテク・ターゲティング技術Devsumi2013_15-c-7 アドテク・ターゲティング技術
Devsumi2013_15-c-7 アドテク・ターゲティング技術Yuichi Ota
 
Team Foundation Server/Visual Studio Onlineアップデート(2015/07/22)
Team Foundation Server/Visual Studio Onlineアップデート(2015/07/22)Team Foundation Server/Visual Studio Onlineアップデート(2015/07/22)
Team Foundation Server/Visual Studio Onlineアップデート(2015/07/22)Masanori Ishigami
 
2022_1210_WordpressMeetup.pdf
2022_1210_WordpressMeetup.pdf2022_1210_WordpressMeetup.pdf
2022_1210_WordpressMeetup.pdfNaotaka Saito
 
Web Standards 2018
Web Standards 2018Web Standards 2018
Web Standards 2018Shogo Sensui
 
JAWS-UG初心者支部 - 2020-01-29 - マルチアカウント運用のはじめかた
JAWS-UG初心者支部 - 2020-01-29 - マルチアカウント運用のはじめかたJAWS-UG初心者支部 - 2020-01-29 - マルチアカウント運用のはじめかた
JAWS-UG初心者支部 - 2020-01-29 - マルチアカウント運用のはじめかたYutaro Ono
 

Similar to WordPressで給与明細管理!BillVektor Salary を作った!(改訂版) (20)

業務系クラウドサービスが取り組んでいるセキュリティ対策
業務系クラウドサービスが取り組んでいるセキュリティ対策業務系クラウドサービスが取り組んでいるセキュリティ対策
業務系クラウドサービスが取り組んでいるセキュリティ対策
 
新規プロダクトで 爆速開発を実現するために意識したこと
新規プロダクトで 爆速開発を実現するために意識したこと新規プロダクトで 爆速開発を実現するために意識したこと
新規プロダクトで 爆速開発を実現するために意識したこと
 
簡単!自動バックアップ設定でWordPressを安心運用
簡単!自動バックアップ設定でWordPressを安心運用簡単!自動バックアップ設定でWordPressを安心運用
簡単!自動バックアップ設定でWordPressを安心運用
 
Ibm cloud community summit 2019.04 20190426
Ibm cloud community summit 2019.04 20190426Ibm cloud community summit 2019.04 20190426
Ibm cloud community summit 2019.04 20190426
 
20180215 devsumi-base
20180215 devsumi-base20180215 devsumi-base
20180215 devsumi-base
 
Stripeを使った簡単なサブスク型課金サービスの作り方【WESEEK Tech Conf #15】
Stripeを使った簡単なサブスク型課金サービスの作り方【WESEEK Tech Conf #15】Stripeを使った簡単なサブスク型課金サービスの作り方【WESEEK Tech Conf #15】
Stripeを使った簡単なサブスク型課金サービスの作り方【WESEEK Tech Conf #15】
 
Infrastructure as Code (IaC) 談義 2022
Infrastructure as Code (IaC) 談義 2022Infrastructure as Code (IaC) 談義 2022
Infrastructure as Code (IaC) 談義 2022
 
Service workerとwebプッシュ通知
Service workerとwebプッシュ通知Service workerとwebプッシュ通知
Service workerとwebプッシュ通知
 
20200708サーバーレスでのAPI管理の考え方
20200708サーバーレスでのAPI管理の考え方20200708サーバーレスでのAPI管理の考え方
20200708サーバーレスでのAPI管理の考え方
 
Cloud Foundry x Wagby
Cloud Foundry x WagbyCloud Foundry x Wagby
Cloud Foundry x Wagby
 
Realm platform2019
Realm platform2019Realm platform2019
Realm platform2019
 
Windows Phone で Active Directory 認証 2011.12.1版
Windows Phone で Active Directory 認証 2011.12.1版Windows Phone で Active Directory 認証 2011.12.1版
Windows Phone で Active Directory 認証 2011.12.1版
 
Tokyo nodefestival workshop_20161112
Tokyo nodefestival workshop_20161112Tokyo nodefestival workshop_20161112
Tokyo nodefestival workshop_20161112
 
Linux / Mac ユーザーのための Microsoft Azure 仮想マシン 入門
Linux / Mac ユーザーのための Microsoft Azure 仮想マシン 入門Linux / Mac ユーザーのための Microsoft Azure 仮想マシン 入門
Linux / Mac ユーザーのための Microsoft Azure 仮想マシン 入門
 
Amazon QuickSight の組み込み方法をちょっぴりDD
Amazon QuickSight の組み込み方法をちょっぴりDDAmazon QuickSight の組み込み方法をちょっぴりDD
Amazon QuickSight の組み込み方法をちょっぴりDD
 
Devsumi2013_15-c-7 アドテク・ターゲティング技術
Devsumi2013_15-c-7 アドテク・ターゲティング技術Devsumi2013_15-c-7 アドテク・ターゲティング技術
Devsumi2013_15-c-7 アドテク・ターゲティング技術
 
Team Foundation Server/Visual Studio Onlineアップデート(2015/07/22)
Team Foundation Server/Visual Studio Onlineアップデート(2015/07/22)Team Foundation Server/Visual Studio Onlineアップデート(2015/07/22)
Team Foundation Server/Visual Studio Onlineアップデート(2015/07/22)
 
2022_1210_WordpressMeetup.pdf
2022_1210_WordpressMeetup.pdf2022_1210_WordpressMeetup.pdf
2022_1210_WordpressMeetup.pdf
 
Web Standards 2018
Web Standards 2018Web Standards 2018
Web Standards 2018
 
JAWS-UG初心者支部 - 2020-01-29 - マルチアカウント運用のはじめかた
JAWS-UG初心者支部 - 2020-01-29 - マルチアカウント運用のはじめかたJAWS-UG初心者支部 - 2020-01-29 - マルチアカウント運用のはじめかた
JAWS-UG初心者支部 - 2020-01-29 - マルチアカウント運用のはじめかた
 

More from Hidekazu Ishikawa

WordPressテーマ Lightning G3
WordPressテーマ Lightning G3 WordPressテーマ Lightning G3
WordPressテーマ Lightning G3 Hidekazu Ishikawa
 
人気テーマ(自称)には理由がある! Lightning Pro 便利機能
人気テーマ(自称)には理由がある! Lightning Pro 便利機能人気テーマ(自称)には理由がある! Lightning Pro 便利機能
人気テーマ(自称)には理由がある! Lightning Pro 便利機能Hidekazu Ishikawa
 
Lightning オンライン勉強会 #005 新バージョン解説簡易資料
Lightning オンライン勉強会 #005 新バージョン解説簡易資料Lightning オンライン勉強会 #005 新バージョン解説簡易資料
Lightning オンライン勉強会 #005 新バージョン解説簡易資料Hidekazu Ishikawa
 
初心者がつまずかないための、いちばんやさしい WordPress の用語解説
初心者がつまずかないための、いちばんやさしい WordPress の用語解説初心者がつまずかないための、いちばんやさしい WordPress の用語解説
初心者がつまずかないための、いちばんやさしい WordPress の用語解説Hidekazu Ishikawa
 
Gutenberg あれこれ in WordPress Meetup in 松本 Vol.14
Gutenberg あれこれ in WordPress Meetup in 松本 Vol.14Gutenberg あれこれ in WordPress Meetup in 松本 Vol.14
Gutenberg あれこれ in WordPress Meetup in 松本 Vol.14Hidekazu Ishikawa
 
超初心者のためのWordPressのサイトのデザインの微調整方法
超初心者のためのWordPressのサイトのデザインの微調整方法超初心者のためのWordPressのサイトのデザインの微調整方法
超初心者のためのWordPressのサイトのデザインの微調整方法Hidekazu Ishikawa
 
WordPress初心者のためのサイト運営虎の巻
WordPress初心者のためのサイト運営虎の巻WordPress初心者のためのサイト運営虎の巻
WordPress初心者のためのサイト運営虎の巻Hidekazu Ishikawa
 
WordCamp Haneda 2019 WordPress初心者のためのサイト運営虎の巻 #wchaneda
WordCamp Haneda 2019 WordPress初心者のためのサイト運営虎の巻 #wchanedaWordCamp Haneda 2019 WordPress初心者のためのサイト運営虎の巻 #wchaneda
WordCamp Haneda 2019 WordPress初心者のためのサイト運営虎の巻 #wchanedaHidekazu Ishikawa
 
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネスHidekazu Ishikawa
 
実録 情熱と苦悩のテーマ・プラグインビジネス
実録 情熱と苦悩のテーマ・プラグインビジネス実録 情熱と苦悩のテーマ・プラグインビジネス
実録 情熱と苦悩のテーマ・プラグインビジネスHidekazu Ishikawa
 
愛と涙のWordPress無理やりカスタマイズ事例集
愛と涙のWordPress無理やりカスタマイズ事例集愛と涙のWordPress無理やりカスタマイズ事例集
愛と涙のWordPress無理やりカスタマイズ事例集Hidekazu Ishikawa
 
テーマ・プラグイン開発の光と闇 #wctokyo
テーマ・プラグイン開発の光と闇 #wctokyoテーマ・プラグイン開発の光と闇 #wctokyo
テーマ・プラグイン開発の光と闇 #wctokyoHidekazu Ishikawa
 
Lightning ✕ ExUnit の開発背景と設計思想
Lightning ✕ ExUnit の開発背景と設計思想Lightning ✕ ExUnit の開発背景と設計思想
Lightning ✕ ExUnit の開発背景と設計思想Hidekazu Ishikawa
 
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyoWordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyoHidekazu Ishikawa
 
WordCampKansai 2015 公式ディレクトリへの􏰀 テーマ掲載とビジネスモデル
WordCampKansai 2015 公式ディレクトリへの􏰀 テーマ掲載とビジネスモデルWordCampKansai 2015 公式ディレクトリへの􏰀 テーマ掲載とビジネスモデル
WordCampKansai 2015 公式ディレクトリへの􏰀 テーマ掲載とビジネスモデルHidekazu Ishikawa
 
ウェブ制作者のためのセルフブランディング
ウェブ制作者のためのセルフブランディングウェブ制作者のためのセルフブランディング
ウェブ制作者のためのセルフブランディングHidekazu Ishikawa
 
WordPressと外部APIとの連携
WordPressと外部APIとの連携WordPressと外部APIとの連携
WordPressと外部APIとの連携Hidekazu Ishikawa
 
BizVektorに見る汎用テンプレートの設計思想
BizVektorに見る汎用テンプレートの設計思想BizVektorに見る汎用テンプレートの設計思想
BizVektorに見る汎用テンプレートの設計思想Hidekazu Ishikawa
 
教科書が教えてくれなかった桶狭間の舞台裏
教科書が教えてくれなかった桶狭間の舞台裏教科書が教えてくれなかった桶狭間の舞台裏
教科書が教えてくれなかった桶狭間の舞台裏Hidekazu Ishikawa
 

More from Hidekazu Ishikawa (20)

WordPressテーマ Lightning G3
WordPressテーマ Lightning G3 WordPressテーマ Lightning G3
WordPressテーマ Lightning G3
 
人気テーマ(自称)には理由がある! Lightning Pro 便利機能
人気テーマ(自称)には理由がある! Lightning Pro 便利機能人気テーマ(自称)には理由がある! Lightning Pro 便利機能
人気テーマ(自称)には理由がある! Lightning Pro 便利機能
 
Lightning
LightningLightning
Lightning
 
Lightning オンライン勉強会 #005 新バージョン解説簡易資料
Lightning オンライン勉強会 #005 新バージョン解説簡易資料Lightning オンライン勉強会 #005 新バージョン解説簡易資料
Lightning オンライン勉強会 #005 新バージョン解説簡易資料
 
初心者がつまずかないための、いちばんやさしい WordPress の用語解説
初心者がつまずかないための、いちばんやさしい WordPress の用語解説初心者がつまずかないための、いちばんやさしい WordPress の用語解説
初心者がつまずかないための、いちばんやさしい WordPress の用語解説
 
Gutenberg あれこれ in WordPress Meetup in 松本 Vol.14
Gutenberg あれこれ in WordPress Meetup in 松本 Vol.14Gutenberg あれこれ in WordPress Meetup in 松本 Vol.14
Gutenberg あれこれ in WordPress Meetup in 松本 Vol.14
 
超初心者のためのWordPressのサイトのデザインの微調整方法
超初心者のためのWordPressのサイトのデザインの微調整方法超初心者のためのWordPressのサイトのデザインの微調整方法
超初心者のためのWordPressのサイトのデザインの微調整方法
 
WordPress初心者のためのサイト運営虎の巻
WordPress初心者のためのサイト運営虎の巻WordPress初心者のためのサイト運営虎の巻
WordPress初心者のためのサイト運営虎の巻
 
WordCamp Haneda 2019 WordPress初心者のためのサイト運営虎の巻 #wchaneda
WordCamp Haneda 2019 WordPress初心者のためのサイト運営虎の巻 #wchanedaWordCamp Haneda 2019 WordPress初心者のためのサイト運営虎の巻 #wchaneda
WordCamp Haneda 2019 WordPress初心者のためのサイト運営虎の巻 #wchaneda
 
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス
実録 情熱と苦悩のWordPressテーマ・プラグイン 販売ビジネス
 
実録 情熱と苦悩のテーマ・プラグインビジネス
実録 情熱と苦悩のテーマ・プラグインビジネス実録 情熱と苦悩のテーマ・プラグインビジネス
実録 情熱と苦悩のテーマ・プラグインビジネス
 
愛と涙のWordPress無理やりカスタマイズ事例集
愛と涙のWordPress無理やりカスタマイズ事例集愛と涙のWordPress無理やりカスタマイズ事例集
愛と涙のWordPress無理やりカスタマイズ事例集
 
テーマ・プラグイン開発の光と闇 #wctokyo
テーマ・プラグイン開発の光と闇 #wctokyoテーマ・プラグイン開発の光と闇 #wctokyo
テーマ・プラグイン開発の光と闇 #wctokyo
 
Lightning ✕ ExUnit の開発背景と設計思想
Lightning ✕ ExUnit の開発背景と設計思想Lightning ✕ ExUnit の開発背景と設計思想
Lightning ✕ ExUnit の開発背景と設計思想
 
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyoWordPress公式ディレクトリにテーマを登録しよう #wctokyo
WordPress公式ディレクトリにテーマを登録しよう #wctokyo
 
WordCampKansai 2015 公式ディレクトリへの􏰀 テーマ掲載とビジネスモデル
WordCampKansai 2015 公式ディレクトリへの􏰀 テーマ掲載とビジネスモデルWordCampKansai 2015 公式ディレクトリへの􏰀 テーマ掲載とビジネスモデル
WordCampKansai 2015 公式ディレクトリへの􏰀 テーマ掲載とビジネスモデル
 
ウェブ制作者のためのセルフブランディング
ウェブ制作者のためのセルフブランディングウェブ制作者のためのセルフブランディング
ウェブ制作者のためのセルフブランディング
 
WordPressと外部APIとの連携
WordPressと外部APIとの連携WordPressと外部APIとの連携
WordPressと外部APIとの連携
 
BizVektorに見る汎用テンプレートの設計思想
BizVektorに見る汎用テンプレートの設計思想BizVektorに見る汎用テンプレートの設計思想
BizVektorに見る汎用テンプレートの設計思想
 
教科書が教えてくれなかった桶狭間の舞台裏
教科書が教えてくれなかった桶狭間の舞台裏教科書が教えてくれなかった桶狭間の舞台裏
教科書が教えてくれなかった桶狭間の舞台裏
 

WordPressで給与明細管理!BillVektor Salary を作った!(改訂版)