makepost

プロジェクト詳細

まちかどルート - リアルRPGのサブクエスト作成アプリ

9458d69c 02b3 42d2 b290 805fe4295551

サブクエストを作ってクリアするWebアプリです。みんなの日常をリアルRPG化してログに残しながら楽しむことで世界がちょっと明るくなります。

クリアすれば経験値がたまってレベルアップ。うまく使わないとHPがなくなって「復活の呪文」を唱えなければならなくなります。

また、マップをつけることができるので「〇〇に行って〇〇しよう!」というサブクエストも作成可能ですよ。

プロジェクトのページを開く
1

2018.07.25 v1.0rc7
・位置情報をつけてサブクエストを作れるようになりました
・もうすぐ正式版としてリリースできそうです

8705d980 0d11 46e1 9bc2 dda5ef99173c

2018.07.25 開発の裏話
・ソーシャルな隠居の、新たな“たしなみ”。プログラミングをはじめました
https://note.mu/west2538/n/n25e5903643ff

4bcff116 ee0a 4498 b219 08bb5fd8d88a

2018.07.25 v1.0rc8
・開発者名ならびにバージョン表記からこのページへのリンクを張りました

7d954a98 3f1a 405d 9176 4c5a685a82fb

2018.07.27 v1.0rc9
・サブクエストの人気ランキングを表示するようにしました
・iOSのSafariでログイン時のページデザインがきちんと表示されないことがある不具合を改善

39af5426 830f 4607 82cd b85325095366

2018.07.30 v1.0
・最初の正式版
・タイムラインの機能を大幅にアップ。サーバーとの双方向通信(ActionCable)機能を実装したことで、ページの再読み込みをしなくても他のユーザーの投稿がタイムラインへ自動的に流れてくるようになりました

Ab9018a4 fb45 4281 b545 1ca3ede39afd

2018.07.31 v1.02
・開いていたタブ(みんな/あなた/せーぶ)を記憶
・タブを押したときフェイドイン
・クリアコメント投稿は一度だけに
・クリアコメントは4文字以上に

2018.08.02 v1.1
・「人気のサブクエスト」を週間ランキングに変更
・「ソーシャルアップデート値」を表示

C720ff77 0b54 437f b81c bdde923bce85

2018.08.03 v1.23
・連投防止機能を実装(投稿ボタンにRailsのdisable_withオプションを追加)
・ソーシャルアップデート値(冒険者数/クリア件数/平均Lv)を半リアルタイム更新
・データ不正操作に対処(order/pluckのSQL文字列をArel.sql()でラップ)

2018.08.04 v2.0rc1
・サブクエストに写真投稿機能を付けました。Rails 5.2の新機能「Active Storage」を積極的に採用。写真を保管するストレージにはAmazon S3を使っています

5cfe33bc 1f22 4093 965f b8c78c468419

2018.08.05 v2.0rc2
・ページネーションの機能を向上(Ruby gemのkaminariにAjaxを組み合わせて、投稿20件ごとに「つづきを見る」というボタンを配置。ボタンを押すとページ遷移せず動的に過去の投稿20件を読みこむようにしました)

C7e7374e fbb6 4626 be63 f90008e6a314

2018.08.06 v2.0rc3
・Redisを導入。ユーザー認証処理やタイムライン表示に高速なキャッシュが使えるようになりましたよ
・サブクエスト作成のオプション(写真&地図)を選択項目によって表示/非表示するようにしました

2018.08.07 v2.0rc4
・レスポンシブ対応。パソコンやスマホなど画面サイズによってアプリのレイアウトが自動的に切り替わります

B5c1e401 8ac2 49f2 9e9b 51d56d5c7ae8

2018.08.09 v2.0rc5
・タグ機能を付けました。関連する過去のサブクエストを見つけやすくなります

56396c98 da1c 4f4d 9fb6 02022443c4c2

2018.08.11 v2.0
・v2.0正式版としてリリースしました
・新たに追加された主な機能…写真の投稿/タグづけ/週間のサブクエストランキング/ソーシャルアップデート値/レスポンシブ対応

A9a285b2 6f35 43b0 94a6 93ce4c5625a3

2018.08.12 v2.1
・ブラウザ終了時のセッション維持のためexpire_afterを設定
・冒険者名をIDでなく表示名に変えてアイコンも設置
・投稿画面へのページ遷移をAjax化してスピードアップ
・背景画像をスマホやiPadでも固定表示するようCSSを調整

5aa080b8 1459 4f76 94fb 8e6f452601e4

2018.08.16 v3.0rc1
・周辺の攻略スポット機能。従来のマップ追加オプションをパワーアップさせたもので、サブクエストをクリアしながら《まちあるき》が楽しくなればいいなと思います

1def3562 f60f 4498 8cbe ffb5b830b1de

2018.08.17 v3.0rc2
・周辺の攻略スポット機能をパワーアップ。地図上に連番付きでマーカーを立てられるようにしました

7b6b6ea6 90d7 4b27 8c0e 8b2ff5d05eb7

2018.08.20 v3.0rc3
・独自トークン「MaChiKa」を導入しました
↓詳しくはこちら
https://note.mu/west2538/n/n35103c6e7fd7

161475ad 8c03 4a77 b1e3 effb1de1ab74

2018.08.21 v3.0rc3
・ページ遷移中にくるくる回転するアニメーション(ローディング画面 loader / スピナー spinner)を表示

2018.08.22 v3.0rc4
・「せーぶ」をAjax化。ページ遷移なしで「せーぶ」可能になりました

2018.08.24 v3.0rc4
・クリアコメント投稿をAjax化。ページ遷移なしで投稿できるようになりました
・「よく使われているタグ」を「おすすめのタグ」に変更。ランダムに10個のタグを表示するようにしました

698500a8 6b18 4b92 a8b2 f0f2e1fad29a

2018.08.25 v3.0rc5
・「せーぶ」タブのところに「せーぶ済みだけど未クリアを探す」を追加
・通知バーをアニメーション化(CSS3によるバウンスイン)

D09cca68 b077 4d4e 96ca e6f6f546006b

2018.08.26 v3.0rc6
・「ルートマップ」を追加。位置情報つきのサブクエストを地図から探せるようになりました
・RSSフィード生成を試験的に導入。URLはこちら↓
https://machiroute.herokuapp.com/rss

77b4f648 651e 468c 99d2 90681078f626

2018.08.27 v3.0rc7
・現在の位置情報から緯度や経度を取得する、GeolocationAPIとGoogleMapAPIの合わせ技。「名もなき場所」にスポットライトをあてる新機能を搭載しました

21816551 b69b 43f1 9bc2 0a7b96cc0d60

2018.09.03 v3.0rc8
・投稿と編集の改善。いずれかの操作時「投稿する」ボタンと間違って右上のボタンを押してしまわないようにしました
・使われなくなったタグをデータベースから削除するようにしました

2018.09.10 v3.0rc9
・「このタグでサブクエスト作成」を追加しました
・背景イラストを秋らしく模様替えしました
・「週間ランク」を「今週のおすすめ」に変更
・「今週のおすすめ」「ソーシャルアップデート値」まわりのスタイルを少しだけ変更
・冒険者のステータスにサブクエストのクリア件数を表示

5fc1e060 8303 4cad bbcc a86aa9fee9b4

2018.09.11 v3.0rc9
・通知機能(notification)を追加。投稿したサブクエストが他の冒険者に「せーぶ」「クリア」されると右上の通知ボタンが知らせてくれます

C60b44b3 a362 43f5 8a53 9f43e09cc8b5

2018.09.12 v3.0
・v3.0正式版としてリリースしました

▼新たに追加された主な機能

☆ 位置情報でサブクエスト作成
地図から探せる「ルートマップ」
まちあるきが楽しい「周辺の攻略スポット」
現在地「名もなき場所」でサブクエスト作成

☆ 独自トークン「MaChiKa」
せーぶやクリアで貯まる・贈れる

☆ 通知機能(notification)
作成したサブクエストを誰かがせーぶ/クリアすると通知

☆ 背景イラストを秋らしく模様替え

☆ 未クリアのサブクエストを探索

☆ RSSフィード生成
IFTTT等との連携で新規サブクエストのメール通知など可能

◆ その他
冒険者のステータスにクリア件数を表示
ページ遷移中にアニメーションを表示
通知バーをアニメーション化
せーぶとクリアのプロセスをAjax化
サブクエストの投稿・編集の細かな改善
気に入ったタグからサブクエスト作成

2018.09.13 v3.1
・ログイン画面にMastodonの「トゥート」ボタンを設置
・ローディングアニメーション(spinner)の色を背景イラストに合わせて変更

8f557887 628c 4e26 ab1f 556631de7e78

2018.09.25 v3.2
・履歴機能「最近アクセスしたサブクエスト」を追加しました
・「今週のおすすめ」「最近アクセスしたサブクエスト」の一覧でクリア済み/未クリアがわかるよう色の違うアイコンを配置しました

5b89486a 24e8 4f08 b2f1 8dd1c04d1585

2018.09.25 v3.3
・「ルートマップ」の地図上のピンをクリア済み/未クリアで色分けするようにしました

63a46dc1 0d28 49e3 a363 69b3d344e2bb

2018.09.27 v3.4
・「おすすめのタグ」に「タグの再読み込み」ボタンを設置。Ajax処理によってページ遷移せずにタグ一覧を再読み込みできます

3e3c4d97 ec83 4000 a0e7 170d1db70c6a

2018.09.29 v3.5
・パソコンだと縦長の写真が極端に大きく表示されるのを改善しました

2018.10.27 v3.6
・タイムラインに流れる投稿の日時を「〇〇前」という表記に変更しました(moment.jsとlivestamp.jsの併用でリアルタイム更新に対応) https://west2538onrails.qrunch.io/entries/7plRA5K0raCjT07C

0e342213 3401 4c9f 887f 2149ff057b3a

2018.11.02 v3.61
・タイムラインのつぶやきに、行の両端をそろえるtext-justifyのスタイルシートを適用しました

B025736a 5bb1 4f2f 8115 6a121cae92d2

2018.11.04 v3.62
・Railsで非推奨になったform_forとform_tagを、form_withに変更しました

2018.11.09 v3.63
・dotenvというgemを使ってAPIキーを環境変数化しました

2018.11.11 v3.7
・「メディア」を追加。写真から未クリアのサブクエストを探せるようになりました
https://qrunch.io/entries/tHhuNenMJVwKxukW/0IsBxpOFubmznZbD

4c0c426d 0247 4892 988a a3f4c3df2663

2018.11.13 v3.71
・背景イラストを冬っぽく(?)模様替えしました
・ローディングアニメーション(spinner)の色を背景イラストに合わせて変更

0dfbda0f 1cbf 4032 96ff 992731fd2e00

2018.11.14 v3.8
・クリアコメントに写真添付の機能を追加
・投稿した写真のEXIF情報を除去するようにしました
https://qrunch.io/entries/tHhuNenMJVwKxukW/0Vc5EH4Kr0K4fHVw
・タイムラインに流れるサブクエストの写真をトリミングしてコンパクト化

730717f9 c176 4e11 b5e0 0331d6322901

2018.11.17 v4.0rc1
・《書籍や漫画を読んだら投稿してレベルアップできる機能》を追加。openBDプロジェクトのWeb APIによってISBNコードの入力だけで書籍を瞬時に検索できます
https://west2538onrails.qrunch.io/entries/8MCkq6dtX9IgchSZ

88d2ac56 da7d 44ac 8dcb 2fea5be027c0

2018.11.18 v4.0rc2
・「ルートマップ」にタブメニューを追加。タブの種類によって位置情報つきの投稿を切り替えて地図上に表示できるようにしました

Bed662be 9a78 40af a729 4c786e210c99

2018.11.19 v4.0rc3
・冒険の拠点(ギルドとか)をルートマップに登録できるようにしました

0af76389 3109 45f6 9910 84daa04ddfaf

2018.11.25 v4.0rc4
・ステータスに経験値(EXP)のメーターを追加。次のレベルアップまでどのくらいか視覚的に表現してみました。HTML5のmeterタグを使っています

Bdcaf0ed d3d3 4759 9250 110978e6a629

2018.11.27 v4.0rc5
・ニュース投稿機能を追加。URLからニュースのタイトルと画像を自動的に取得してタイムラインに流してくれます

Ee6ef787 094a 4f4c a9e8 5ebaf8d814b6

2018.12.05 v4.0
・v4.0正式版としてリリースしました

▼新たに追加された主な機能

🕍 冒険の拠点を登録!
ギルドをはじめみんなの《冒険の拠点》を登録できます。その場所は「ルートマップ」に表示されますよ

📚 書籍や漫画を読んでレベルアップ!
本の裏表紙に記載のISBNコードを入力するだけで表紙画像や著者名などを瞬時に検索して投稿できます

📰 ニュースを投稿!
コメントつきで投稿したURLからニュースのタイトルと画像を自動的に取得してタイムラインに流してくれます

📊 経験値(EXP)メーター
次のレベルアップまでどのくらいかを棒グラフで表現。経験値をためるとグングン伸びます!

📷 メディア
写真の一覧からサブクエストを探せますよ

🚩 ルートマップ
位置情報つきのサブクエストをクリア済み/未クリアで切り替えて表示。冒険の拠点(ギルドなど)も探せます

◆ その他
┝ 背景イラストを冬らしく模様替え
┝ タイムライン日時を「〇〇前」表記に変更
┝ クリアコメントの写真添付機能
┝ サブクエストの閲覧履歴機能
┝ タグの再読み込みボタン
⎿ その他、細かな改善と速度向上

2018.12.06 v4.1
・《駅でチェックインできる機能》を追加。HTML5のGeolocationAPIとHeartRails ExpressのWeb APIによって現在地から瞬時に最寄り駅を検索できます
https://qrunch.io/entries/tHhuNenMJVwKxukW/kpHd3tA5VJWRufm5

E3c8499d 9b23 438a 88e0 be6792e4f98d

2018.12.08 v4.11
・ニュースのタイトルを一定の長さにして文末に「...」を付加。さらにword-break: break-all;のスタイルシートによって英文の行送りを改善
・トップページ「おすすめ」などでスタイルシートを改善

2018.12.12 v4.12
・通知をサブクエストのクリアのみ(せーぶを通知しないよう)に変更

コメント (0)

😌 コメントはまだありません