# 22年 プロコン自由部門 パナマ文書

## 開発のきっかけ

私たちは普段Twitterをよく利用します．ある日，いつも通り開発しながらTwitterを利用しているとき，ふと部員の一人が「これ，みんなが今，何やってるか に注目すれば楽しくね？」と言いました．これが○○なうの原点です．

その後，この活動のデータが企業に対して有益ではないかという提案があり，それを取り込む形で現在の○○なうの方向性が定まりました．

## 今後の展開

今後は，企業がより利用しやすいデータの表示をするため，機械学習によるデータの分類を実施したいと考えています．

また，各ユーザ間のコミュニケーションを取りやすくするため，DMの機能追加や「同じく」，「がんば！」以外のリアクションができるようにしたいと考えています.

そして，過去の「なう」と曜日・天気などの情報を紐付けし，今現在の「なう」から今後の「なう」を予測し，それを提供する機能も構想しています．

## 今後の共和国

共産党による統治で走資派企業を打倒し人民に平等な生活を供与する！！！！

## 今後の資本主義
そんなものはない

<!-- ## 来週のサザエさんはー？
波平です.最近どんどん寒くなってきましたね
次回
カツオ、トイレでキャンプ
サザエ、株で爆死
沼津高専死亡
の三本です
来週もまた見てくださいねーじゃんけんポン！うっふふふふふふ！ -->

<!-- <strong class="rainbow"><strong class="red spinr"><strong class="red spinr"><strong class="red spinr"><strong class="red spinr"><strong class="red spinr"><img src="https://camo.githubusercontent.com/70c7dac5302a98fb3a4118c9221a85bb8e68c7d7d7e3b9994a5beb9f8cfa1404/68747470733a2f2f643362752e6e65742f69636f6e2e706e67" width="300"></strong></strong></strong></strong></strong></strong> <strong class="rainbow"><strong class="red spin"><strong class="red spin"><strong class="red spin"><strong class="red spin"><strong class="red spin"><img src="https://camo.githubusercontent.com/70c7dac5302a98fb3a4118c9221a85bb8e68c7d7d7e3b9994a5beb9f8cfa1404/68747470733a2f2f643362752e6e65742f69636f6e2e706e67" width="300"></strong></strong></strong></strong></strong></strong>

<strong class="bounx">
<img src="https://camo.githubusercontent.com/70c7dac5302a98fb3a4118c9221a85bb8e68c7d7d7e3b9994a5beb9f8cfa1404/68747470733a2f2f643362752e6e65742f69636f6e2e706e67" width="300">
</strong> -->

<style>
@keyframes bounce {
0 {
transform: translateY(0) scale(1);
}
25% {
transform: translateY(-16px) scale(1);
}
50% {
transform: translateY(0) scale(1);
}
75% {
transform: translateY(0) scale(1.5, 0.75);
}
to {
transform: translateY(0) scale(1);
}
}
@keyframes bounx {
0 {
transform: translateX(0) scale(1);
}
25% {
transform: translateX(0) scale(1);
}
50% {
transform: translateX(0) scale(1);
}
75% {
transform: translateX(0) scale(0.75, 10);
}
to {
transform: translateX(0) scale(1);
}
}
@keyframes compressouth {
0 {
transform: translateX(0) scale(1);
}
10% {
transform: translateX(0) scale(2, 0.8);
}
50% {
transform: translateX(0) scale(5, 0.02);
}
90% {
transform: translateX(0) scale(2, 0.8);
}
to {
transform: translateX(0) scale(1);
}
}
@keyframes moveuth {
0 {
transform: translateX(0) scale(1);
}
25% {
transform: translateX(10) scale(0.8);
}
50% {
transform: translateX(0) scale(0.1);
}
75% {
transform: translateX(-10) scale(0.8);
}
to {
transform: translateX(0) scale(1);
}
}
@keyframes odori {
0 {
transform: rotate(0) scale(1);
}
25% {
transform: rotate(30deg) scale(1, 0.4);
}
50% {
transform: rotate(0) scale(1);
}
75% {
transform: rotate(-30deg) scale(1, 0.4);
}
to {
transform: rotate(0) scale(1);
}
}

@keyframes rotwtf {
0 {
transform: rotate(0) scale(1);
}
95% {
transform: rotate(-45deg) scale(1, 1.5);
}
to {
transform: rotate(0) scale(1);
}
}
@keyframes usui {
0 {
opacity: 1
}
95% {
opacity: 0.2
}
to {
opacity: 1
}
}
@keyframes spin {
0% {
transform:rotate(0)
}
to {
transform:rotate(360deg)
}
}
@keyframes rainbow {
0% {
filter:hue-rotate(0deg) contrast(150%) saturate(150%)
}
to {
filter:hue-rotate(360deg) contrast(150%) saturate(150%)
}
}
.red {
color: red;
font-weight: 900;
font-size: 2em;
}
.bounce {
display: inline-block;
animation: 0.75s linear 0s infinite normal none running bounce;
transform-origin: center bottom 0;
}
.bounx {
display: inline-block;
animation: 0.75s linear 0s infinite normal none running bounx;
transform-origin: center bottom 0;
}
.compressouth {
display: inline-block;
animation: 0.75s linear 0s infinite normal none running compressouth;
transform-origin: center bottom 0;
}
.moveuth {
display: inline-block;
animation: 0.75s linear 0s infinite normal none running moveuth;
transform-origin: center bottom 0;
}
.odori {
display: inline-block;
animation: 1.5s linear 0s infinite normal none running odori;
transform-origin: center bottom 0;
}
.tkhshdmi{
display: inline-block;
background-color: #dd0000;
transform-origin: center bottom 0;
animation: 1.5s linear 0s infinite normal none running rotwtf;
}
.tkhshdmi img{
display: block;
animation: 1.5s linear 0s infinite normal none running usui;
}
.spin {
display: inline-block;
animation: 1.5s linear 0s infinite normal none running spin;
}
.spinr {
display: inline-block;
animation: 1.5s linear 0s infinite normal none running spin;
animation-direction: reverse;
}
.rainbow {
animation: 1s linear 0s infinite normal none running rainbow;
}
</style>