dragon image みちのぶのねぐら

イベント受付サイトを構築しました

Update: 2018-10-03

ボランティアでイベント受付サイトを構築しました。\ 日本科学者会議という組織の「第22回総合学術研究集会 in 沖縄 2018.12.7-9」 の案内ページと参加受付システムです。

日本科学者会議はノーベル物理学賞の益川敏英さんが代表幹事をしている組織です。\ 今回は、沖縄の現地実行委員をしている大学の同級生からの依頼で作りました。

案内ページは、日本科学者会議が使っているWebサーバが古くて若干不都合があるため wordpress.com で。広告は控えめで、PDF等のファイルも添付できます。 最近のWordPressのテンプレートはたいていスマホ対応してますので、 文字を入力して画像等を貼り付けさえすれば手間もカネもかけずにできます。\ https://jsasogaku.wordpress.com/22sougaku/

受付サイトは数年前にGoogle社が買収した Firebase を使いました。\ https://firebase.google.com\ (英語で表示される場合はページの一番下で日本語を選んでください)\ Firebase は NoSQL のドキュメントDBと、ユーザ認証機能がセットになっています。 現在まだベータ版の新しいデータベース機能は、 宣言的な設定だけでかなり細かなアクセス制限ができます。 データ量とアクセス頻度が少なければ無料で済みます。 サーバーサイドは数行のプログラムだけで済ませました。

ユーザインタフェースは Vue.js というモバイルアプリ向けの JavaScript のフレームワークを使った SPA ( Single-Page Application ) です。 Vue.js は Angular や React に比べてとても簡単です。

ユーザインタフェースのレイアウトは Google社のガイドライン "Material Design" に準拠した Vuetify.js というライブラリを使っています。

Vue.js と Vuetify.js の組み合わせで本格的な見た目のWebアプリになるのですが、 最新のブラウザでないとうまく動きません。 2016年ごろから更新していない Android の Chrome では NG でした。 今回は、参加者の大半が理系の研究者さんなので、 「どっちみちセキュリティの問題があるから更新してください」 で済ませています。

今回作成したソースはMITライセンスでこちらで公開しています。\ https://github.com/MichinobuMaeda/jsasogaku

後ほど参加費入金チェックなどの機能を追加する予定です。


※コンピユータ・ユニオン http://computer-union.jp/ の部内向け掲示板に投稿した内容を転載。

Tag: Firebase GitHub Vuejs SPA