■吾輩は無職である。暇だから初めてWebサービスを作ったのである。

吾輩は無職である。職はまだ無い。どこで無職になったか、とんと見当けんとうがつかぬ。

何でも薄暗いじめじめした所で手斧を投げられていた事だけは記憶している。

吾輩はここで始めて増田というものを見た。

しかもあとで聞くとそれは増田という人間中で一番獰悪な種族であったそうだ。

・・・・

まぁ、前置きの冗談はこの辺までとして、前々から作りたいな思っていた

Webサービスを中々時間が取れず作るのを諦めていたのだけど、

まぁ無職になって時間も取れたので作った次第です。

僕自身、プログラミングを生業とする職業では無く、学生時代も特にプログラミングついて何か

勉強をしていた訳では無かったので一からの勉強になりました。

始めたのが昨年末の大晦日ちょい前なので、約5ヶ月掛かり、当初想定していた期間より

かなりの時間が掛かってしまい、反省点等含めその辺の事を書けたらなと思います。

■やりたい事（実装した事）

・ゲームユーザー同士を繋げるマッチングサイト（出会い系ではないよ。）

・ログイン機能

・タスクベースでのチケットで管理

・簡易コメント機能

・簡易評価機能（ポイント）

・ステータスに動作変更処理

・タグをつける

・上記をDBで管理

構成を書いた方が良いと思うので

以下になります。

■構成

--------------------------------------------

サーバ：さくらVPS 2G

OS:CentOS 7.5

Webサーバ：Nginx 1.14

WSGI:uWSGI 2.017

FW：Flask 1.0.2

RDB：SQLite3 3.7.17

ORM：SQLAlchemy 1.2.7

言語：Python 3.6

フロント：Pure JavaScriptのみ

その他ツール等：Let's Encrypt/fail2ban/等々

--------------------------------------------

上記を見て貰えれば分かるかと思いますが、最近の流行りの

フロントエンド技術等は一切入ってはいないです。

ほぼ、既存のベーシックなサーバーサイド側の制御のみです。（jsで非同期通信はしてます）

SPAとかVueとかの言葉を最近知りました。。。

ほぼ開発終わりかけに知ったので、流石に今から構成を

変えるのもなと思い、取り敢えず上記です。

■選定理由

まずWebサービス作るにあたり、何が必要だろうと思い

まずは開発言語だろうと、プログラミング言語の選定で

RubyかPythonかで悩みました。

Railsの名前を良く聞くのでRuby on Rails触ったのですが、

Railsには馴染めなかった（扱えなかった）ので

何かマイクロFWの方が良いのだろうと、Sinatraいこうか思いましたが

Railsの印象が強く残った為、Rubyは止めてPythonに移りました。

今度は初っ端からマイクロFWが良いだろうとFlaskのサンプルを試すと

比較的プログラミング初学者でも扱いやすく覚える事も少ないので、PythonとFlask

の組み合わせで決定。

（気軽にプログラムを書け、自分がイメージしている処理や制御を素直に実現できる点が

　書いていて気持ちが良いです。まぁ分からない所も有りますが、そう思わせてくれる点

　が良いです。モチベーション的に）

NginxとuWSGIの組み合わせはFlaskで検索すると一番でてくるのでこれに決定。

SQLite3 はマイクロFWだから軽めのDBでたぶん大丈夫だと思ったのでこれに決定

ORM（SQLAlchemy）も検索で一番出てくる為。

■開発概要

・まずPythonの開発環境を整えようとなり、WindowsにVagrantをインストールして

　仮想マシンの環境構築。ゲストOSの中にPyenv等を入れPython環境構築

・上記構築後に取り敢えず小さなサンプルから作ろうとなり、簡単なCRUDをFlaskで行える様にしました。

　これができた時は嬉しかったです

・上記が出来てから、本番の開発に移りCRUDをベースにひたすら肉付けていく

→ユーザー登録機能作成/ログイン機能作成/ユーザー情報表示/編集機能/チケット作成/及び編集/バリデーション

・上記平行してDB機能作成実装/検索機能作成

・細かいViewの調整とスマホ用のViewも作成（レスポンシブルでは無いので）

・本番用のさくらVPSに環境構築とセキュリティ用のツール導入とLet's Encryptでhttps化

→上記以外の細かい調整等含め、約5ヶ月になります。

■悩んだ点/反省点

・悩んだのがタグ機能周りになるとどうすればよいか、かなり悩みました。

結論を言うとToxi法を使用しましたのですがここにたどり着き、理解するのに結構時間がとられました。

また、実装したらしたで、今度はそのタグ機能を検索するとなると検索ワードが1つとは限らないので

クエリーを動的に生成する必要が有り、これも実装するのにかなり時間が掛かりました。

SQL文だけならば比較的すぐに検索でヒットしますが、それをSQLAlchemyでどう実現すれば良いか分からず

かなり時間が掛かりました。DB設計やSQLAlchemyの文法に自信は無いですねぇ。。

・1次情報のリファレンスからは情報得ることがほとんど出来ず（たまにはできたが）、

他人の咀嚼した情報からしか情報を得る事ができなかった。

（恥ずかしながら、咀嚼されなければ理解がおぼつかない状態）

Stack OverflowとQiitaと個人ブログが無ければこのサイトできなかったので

自信の咀嚼力強化が必須だと思いました。

・作成に結構時間が掛かったのでもっと短くしたい

■総評

・5ヶ月と時間が掛かりまた反省点も多々有るが、とりあえずサービス公開まで

もっていけた事が嬉しいです。ただただ嬉しい。

・FlaskとSQLAlchemyの情報が日本語が少ないので公式リファレンスとStack Overflowを

行ったり来たりしたおかげで英語アレルギーがそこまで無くなった。

■成果物

・で、作った成果物は以下になります。

https://gamesanka.com/

ゲームサンカと言います。

オンラインゲーマー向け（e-sports）のマッチングサイトになります。

名前が安直で小学生が5秒で考えたような名前ですが、安直で気に入っています。

作った理由は、僕はBF1が好きなのでオペレーションキャンペーンと言うモードを

やろうとしたのですが、時間帯が悪いのか過疎なか分からないが全然マッチングしないのですよ。

やりたいのにマッチングしないので出来ないどうしよう、と。

また、昔セールでFarCry3をかなり昔に購入した時（既に4が発売済み）にCO-OPモードが全然マッチしない事が有り

旬が過ぎたオンラインゲームは中々マッチしなくてほぼシングルモードしか出来ない事は割とあると思うんです。

今だとBF4もかなり人数がいない状態なので特定マップのみとか。

なのでオンラインゲームでマルチプレイやCo-opで人を集めたい時、PUBGやFORTNITE等バトロワゲームのスクワッドを

募集する時、オンラインゲームの大会（e-sports）を開きたい時に利用して貰えると嬉しいです。

主に想定ユーザーと考えているのは、FPS/TPS/RTS/MOBA等のPCゲーマーをメインに考えていますがCS機やTCGでも

使って貰えると嬉しいです。

あとViewがレスポンシブでは無く、PC用とスマホ用しかなくタブレット用の中サイズのViewが無いのでご了承下さい。

タブレットで解像度が高い方はPC用で見て頂ける助かります。

最後にお願いがあります。

僕と一緒に以下のゲームを遊んで頂ける方を募集しています。

遊んでも良いよという奇特な方がいましたら当該サイト内でコメント頂けると幸いです

・BF1（PC版）

・Dead by Daylight（PC版）

それでは長々とありがとうございました。

・・・・

無職はただ楽である。いな楽そのものすらも感じ得ない。

日月を切り落し、天地を粉韲して不可思議の無職に入る。吾輩は死ぬ。

死んでこの無職を得る。無職は死ななければ得られぬ。

南無阿弥陀仏なむあみだぶつ南無阿弥陀仏。

ありがたいありがたい。

Permalink | 記事への反応(2) | 15:26

ツイートシェア