SportsME
D I V E I N T O C O D E
2 0 1 8 年 6 月 期   加 瀬 徹
目次
01
自己紹介
目次
01
自己紹介
02
アプリ紹介
目次
05
使用Gem
03
開発経緯
01
自己紹介
04メリット
02
アプリ紹介
06
苦労話
07
制作時間
目次 Finish
伝えたいこと
05
使用Gem
03
開発経緯
01
自己紹介
04メリット
02
アプリ紹介
06
苦労話
07
制作時間
3
自己紹介
経歴:インフラエンジニア(前職)
→ コードを書く機会がほぼない。。
→ プログラミングとwebアプリ開発の基礎を勉強したい
流れ Finish
伝えたいこと
05
使用Gem
03
開発経緯
01
自己紹介
04メリット
02
アプリ紹介
06
苦労話
07
制作時間
流れ Finish
伝えたいこと
05
使用Gem
03
開発経緯
01
自己紹介
04メリット
02
アプリ紹介
06
苦労話
07
制作時間
アプリ紹介
TOPページ
アプリ紹介
マイページ
アプリ紹介
イベントページ(検索機能つき)
アプリ紹介
イベント詳細ページ
アプリ紹介
イベント詳細ページ
アプリ紹介
イベント詳細ページ
非公開で、イベント情報をキープ
アプリ紹介
イベント詳細ページ
非公開で、イベント情報をキープ
イベントへの興味を
他のユーザーに示す
アプリ紹介
イベント詳細ページ
非公開で、イベント情報をキープ
イベントへの興味を
他のユーザーに示す
コメントを残す
アプリ紹介
イベント詳細ページ
アプリ紹介
イベント詳細ページ
アプリ紹介
チャットページ
流れ Finish
伝えたいこと
05
使用Gem
03
開発経緯
01
自己紹介
04メリット
02
アプリ紹介
06
苦労話
07
制作時間
流れ Finish
伝えたいこと
05
使用Gem
03
開発経緯
01
自己紹介
04メリット
02
アプリ紹介
06
苦労話
07
制作時間
1 4
開発経緯
きっかけは自分の性格。。
・スポーツイベントに興味ある
・一人だと参加しづらい
・知り合いがいれば、参加のハードルがちょっ
と下がる
流れ Finish
伝えたいこと
05
使用Gem
03
開発経緯
01
自己紹介
04メリット
02
アプリ紹介
06
苦労話
07
制作時間
流れ Finish
伝えたいこと
05
使用Gem
03
開発経緯
01
自己紹介
04メリット
02
アプリ紹介
06
苦労話
07
制作時間
メリット
イベント参加者側 イベント主催者
心理的ハードルが下がる ドタキャン防止・新規顧客
流れ Finish
伝えたいこと
使用Gem
03
開発経緯
01
自己紹介
04メリット
02
アプリ紹介
06
苦労話
07
制作時間
流れ Finish
伝えたいこと
05
使用Gem
03
開発経緯
01
自己紹介
04メリット
02
アプリ紹介
06
苦労話
07
制作時間
1 8
使用Gem
<カリキュラム内>
・mini_magick(画像リサイズ)
・carrerwave(画像アップロード)
<カリキュラムをちょっとアレンジ>
・devise(参加者用と管理者用で2画面)
<その他>
・ransack(検索用)
・seed_fu (自作テストデータ)
流れ Finish
伝えたいこと
05
使用Gem
03
開発経緯
01
自己紹介
04メリット
02
アプリ紹介
苦労話
07
制作時間
流れ Finish
伝えたいこと
05
使用Gem
03
開発経緯
01
自己紹介
04メリット
02
アプリ紹介
06
苦労話
07
制作時間
2 0
苦労したところ
<背景>
アソシエーションの設定を入れた
テストデータを入れたい
<実行結果>
テストデータを読み込む順番を
間違えると、読み込みエラーになる
テストデータの挿入順番 実装コードの正常性チェック
<背景>
エラーが発生している
コードを修正
<実行結果>
修正前のコードが別のコード
と関連し、新たなエラー
変にGemを頼ってしまった
<背景>
イベント時間のvalidationをでき
るgemを使って、実装を試みる
<実行結果>
DBに入る値が、nullになる
2 0
苦労したところ
<背景>
アソシエーションの設定を入れた
テストデータを入れたい
<実行結果>
テストデータを読み込む順番を
間違えると、読み込みエラーになる
テストデータの挿入順番 実装コードの正常性チェック
<背景>
エラーが発生している
コードを修正
<実行結果>
修正前のコードが別のコード
と関連し、新たなエラー
変にGemを頼ってしまった
<背景>
イベント時間のvalidationをでき
るgemを使って、実装を試みる
<実行結果>
DBに入る値が、nullになる
<反省点>
・テストデータの読み込み順序
・アプリ動作確認用テストコードをかく
・Gem利用前に、念入りにリサーチを!
流れ Finish
伝えたいこと
05
使用Gem
03
開発経緯
01
自己紹介
04メリット
02
アプリ紹介
06
苦労話
制作時間
流れ Finish
伝えたいこと
05
使用Gem
03
開発経緯
01
自己紹介
04メリット
02
アプリ紹介
06
苦労話
07
制作時間
2 2
アプリ制作時間
1.2ヶ月
110h
合計
・カタログ設計
・機能設計
・Gem検索
・実装方法選定
・テーブル設計
・モック図
1.5週間
30h
リサーチ・設計
・デザイン
・ログイン機能(2つ)
・ユーザー機能
・管理者機能
・テストデータ投入
・herokuデプロイ
・ のエラー
3週間
80h
実装・修正
➕=
反省点
実装時間が足りなかったので、
 ・最低限の機能
 ・実装予定Gemの難易度下げ
 ・デザインを簡易的なものに
流れ
伝えたいこと
05
使用Gem
03
開発経緯
01
自己紹介
04メリット
02
アプリ紹介
06
苦労話
07
制作時間
流れ Finish
伝えたいこと
05
使用Gem
03
開発経緯
01
自己紹介
04メリット
02
アプリ紹介
06
苦労話
07
制作時間
2 4
伝えたいこと
悩んだら、絵を描こう
余裕があればテストコードを03
モチベーションは有限・休息をしっかり02
01
M1
V1
C1
app
エラー発生
DB
M2
C2
M3
V2
原因はどこ?
面接官から言われた一言
「(Githubを見て)
テストコード全然書いてないね」
Thank you!
2 6
補足資料
機能:カレンダー機能
Gem:Fullcalender
本来実装したかったGemと機能
機能:コメント機能
Gem:なし
代替でつけた機能
アプリ紹介
Demo

卒業発表 即戦力コース 1806期 加瀬 徹さん