Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
株式会社CARTA HOLDINGS インターンシップ
Search
Minimalist30
August 25, 2023
0
46
株式会社CARTA HOLDINGS インターンシップ
2023年8月
株式会社CARTA HOLDINGSの2025年に行われたサマーインターンシップ「Treasure」で開発したサービスの発表資料です
Minimalist30
August 25, 2023
Tweet
Share
More Decks by Minimalist30
See All by Minimalist30
とやまローカルメディアハッカソン 2024
minimalist30
1
160
逆求人形式イベント 自己紹介
minimalist30
0
57
サポーターズ 技育CAMPアドバンスVol.3
minimalist30
0
69
授業_IoTプログラミング_発表資料
minimalist30
0
3
サポーターズ 技育CAMPキャラバン@金沢
minimalist30
0
59
サポーターズ LT会
minimalist30
0
31
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
4 Signs Your Business is Dying
shpigford
186
22k
Building Better People: How to give real-time feedback that sticks.
wjessup
370
20k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
The World Runs on Bad Software
bkeepers
PRO
72
11k
GraphQLとの向き合い方2022年版
quramy
49
14k
Typedesign – Prime Four
hannesfritz
42
2.8k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
How to train your dragon (web standard)
notwaldorf
97
6.3k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Transcript
Seichi Cross Over チームB ショータニ
サ ー ビ ス の 目 的 ・ 背 景
01 実 際 に 作 っ た サ ー ビ ス 02 デ モ ン ス ト レ ー シ ョ ン 03 が ん ば り ポ イ ン ト 04 目 次 Table of Contents
サ ー ビ ス の 目 的 ・ 背 景
01
01 海 外 で の ア ニ メ 人 気
↑ 外 国 人 観 光 客 の 増 加 ↑ 時 流 サービスの目的・背景
01 サービスの目的・背景 ア ニ メ が き っ か け
で 日 本 に 来 る 外 国 人 が 増 え る ! 聖 地 巡 礼 し た い 外 国 人 が 増 え る ! ゆらぎ
01 89% ※けんじ・ とやまの肌感覚 日 本 ア ニ メ の
聖 地 を 巡 礼 し た い 外 国 人 アニメ好き外国人の中で サービスの目的・背景 User
01 N e e d s 同 じ 作 品
に 興 味 が あ る 人 と 繋 が り た い ( 話 し た い け ど 話 す 相 手 が い な い ) 好 き な 作 品 の 聖 地 巡 礼 を し た い ( ア ニ メ の 聖 地 は 主 な 観 光 地 で な い の で 行 く の が 難 し い ) サービスの目的・背景
01 サービスの目的・背景 日本にいる 共通のアニメ が好きな人と 聖地巡礼をしたい外国人 が 繋がれるサービス! Solution
実 際 に 作 っ た サ ー ビ ス
02
02 実際に作ったサービス このアニメの聖地って どこにあるんだろう 同じアニメ好きな人と SNSで繋がりたいな! サ ー ビ ス
の M V P 興 味 の あ る ア ニ メ を い く つ か 選 ぶ そ の ア ニ メ の 聖 地 巡 礼 が あ る エ リ ア を 選 択 す る 好 き な ア ニ メ と 行 き た い エ リ ア が 共 通 の 人 と 繋 が る こ と が で き る !
02 実際に作ったサービス 推 し ポ イ ン ト ! ア
ニ メ 好 き が 使 っ て て 楽 し く な っ て く る U I / U X ! 繋 が る 人 の 推 し キ ャ ラ や 人 の 写 真 が 見 れ る ! 親 近 感 が 増 し て 話 す き っ か け を 作 り や す く ! 聖 地 の ア ニ メ シ ー ン と 実 際 の シ ー ン ( 実 写 真 ) を 並 べ て 見 れ る ! 1 1 1 2 1 3
03 デ モ ン ス ト レ ー シ ョ
ン
None
が ん ば り ポ イ ン ト 04
04 がんばりポイント 工夫した・頑張ったところ バックエンド フロントエンド DB設計とスキーマ設計を別々に考え、クライアントファースト で 設計を行なった 初めてGraphQLの開発で動くものを作れた ユーザー体験を意識して「気持ちいい!」と思ってもらえる
ようにフロントで実装ができた
04 がんばりポイント 大変だったところ バックエンド GraphQLでのスキーマの構造とテーブル構造が少し違い、実装するの に苦戦した デザイン どこまでが 最低限の UI/UX
と言えるのか、MVPを追求してデザインを するのがとても大変だった フロントエンド GraphQLの クエリを叩く ところの理解が難しく、実装が大変だった
ガイド モーダル マッチしたユーザー アニメを選択 スポットモーダル