1 Clickでエグゼクティブになるボタン

迫る年の瀬、寒いのは冬のせいか、懐のせいか、・・・
なにかと灰色の心持ちになるこの季節、ほのかなマッチにも似たアプリを作成しました。1 Clickで上場企業の役員になれるアプリです！その名も「エグゼクティブ・ボタン」。↓の画像をクリックすると起動します。

エグゼクティブボタンのここがすごい!

ボタンを押すだけで上場企業の役員報酬が手に入る！！

エグゼクティブボタンのここがクソ!

ほんとには手に入らない！！

実装はこちらです。

上場企業の役員報酬

2019年から、ガバナンス開示の一環として役員報酬などが公開されるようになりました。具体的には、有価証券報告書などの上場企業に義務付けられている開示文書へ記述するようになりました。

さらすのもはばかられますが、弊社の役員報酬は以下のようになっています。

一人頭4000万くらいですね。ふむ、なかなか・・・(あいまいな笑み)。この値は、PDFから読み取るという苦行を行わなくても取得が可能です。開示文書はXBRLというXMLを拡張した書式で書かれているため、XMLパースをすることでデータの取得が可能なのです。使われるタグは毎年改定があり、そのたび以下のように公表されています。

(2019年版EDINETタクソノミの公表について)

役員報酬の総額は、「jpcrp_cor」という名称空間の「TotalAmountOfRemunerationEtcPaidByGroupRemunerationEtcPaidByGroupToEachDirectorOrOtherOfficer」というタグで取得可能です(長い)。名称空間は開示文書ごとに決められていて・・・と話していると長くなるので、興味がある方はこちらをご参照ください。

今回は、最近リリースした有価証券報告書などの文書と財務数値をまとめたデータセット「CoARiJ」を使用します。

CoARiJはテキスト情報と数値情報をセットで収録しているため、「良いこと言っているけど経営指標に反映されているのか」とか、「数値が悪いと環境活動(の報告)が控えめになるんじゃないか」といったテキスト/数値双方からの分析が可能です。今回はテキストの方に入っている役員報酬のデータを抜いてきて、それをアプリでランダムに表示するようにしています。

アプリケーション構成

今回のアプリケーション、またインフラ構成は以下のようになっています。

• アプリケーション構成
  • フロントエンド: Nuxt
  • バックエンド: Django Rest Framework
  • プロキシ: Traefik / 本番はNginx
• インフラ構成
  • GitHub Actionを使い、Docker imageをDocker Hubに登録/登録したimageを使用してFargateにデプロイ。

なんで開発と本番でプロキシが違うのか、には理由があります。

1. Traefikはホストのdocker.sockへのアクセスを必要とするが、Fargateではvolume bindができない。
2. Fargateではlinksを使うことができないため、Nginxでホスト名の解決ができない。その代わり、localhostで他コンテナにアクセスができる。
3. よって、開発/本番双方でNginxを使う場合でもnginx.confの値を変える必要がある(開発の時だと逆にlocalhostではアクセスできないのだ)。どのみち二重管理になるので、開発では設定が楽なTraefikを使用した。

こんな面倒ならプロキシを置かなきゃいいんじゃないの?と思いますがプロキシを置いているのには理由があります。
Nuxt/バックエンドでコンテナを分ける場合、Nuxtのサーバーサイドからのアクセスとクライアントサイドからのアクセス双方でプロキシが必要になります(詳細はこちら参考)。サーバーサイドについては、Nuxtのプロキシ設定で対応可能です。

nuxt.config.js

  modules: [
    // Doc: https://axios.nuxtjs.org/usage
    "@nuxtjs/axios",
    "@nuxtjs/proxy"
  ],
  /*
   ** Axios module configuration
   ** See https://axios.nuxtjs.org/options
   */
  axios: {
    prefix: "/api",
    proxy: true
  },
  proxy: {
    "/api/": process.env.BACKEND_URL || "http://localhost:8000/"
  },

ただ、レンダリングされた後のJavaScript(クライアントサイドからのアクセス)はプロキシの設定なんてしりません。そのためホスト名が解消できないかクロスドメインエラーになります。クライアントサイドからのアクセスをバックエンドにきちんと伝えるには、リバースプロキシを置いて中継を行う必要があります。

Traefikは、このリバースプロキシの役割に適しています。Traefikの2.0系、docker-compose内にラベルを設定するだけでプロキシの設定が可能です。以下は公式のチュートリアルからの引用ですが、whoamiのコンテナにlabelsでHostを設定するだけで、該当のホストへのリクエストを中継してくれます。

すごい便利！なんですが、前述のとおりホストのdocker.sockを参照するためバインドが使えないFargateでは使えません。EC2に切り替えれば対応可能ですが、この時AmazonEC2ContainerServiceforEC2Roleのポリシーが必要なことに注意してください(参考)。

なお、FargateはデプロイするたびにPublic IPが変わってしまいます。このままでは大変なので、ロードバランサを前面においてリクエストを中継するようにします(なんか中継してばっかですが・・・)。ロードバランサの作り方については、以下が詳しいです。

Run your container on AWS Fargate

ecs-cliから登録する場合は、--load-balancer-name(ロードバランサ)ではなく--target-group-arn(ターゲットグループ)で指定します。ロードバランサで指定すると、Classic Load Balancers are not supported with Fargateいわれました。

 ecs-cli compose service create \
       --target-group-arn "$ARN" \
       --container-name service_name_on_docker_compose \
       --container-port exposed_port

最終的なGitHub Actionを使ったデプロイについては、リポジトリをご参照ください。

役員報酬ランキング

ええーい、とにかくどこの企業が多くもらってんのか教えてよ！という方のためにトップ10を作成しました。報酬が取得可能だった全1944社のうち、一人当たりの報酬が最も高いのが以下の企業です。

東京エレクトロン株式会社で1,000万年はたらけば5000兆円手にはいりますね！(計算合ってる?)。全会社のデータはリポジトリにありますので、見てみてください。