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
32
株式会社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
130
逆求人形式イベント 自己紹介
minimalist30
0
40
サポーターズ 技育CAMPアドバンスVol.3
minimalist30
0
34
サポーターズ 技育CAMPキャラバン@金沢
minimalist30
0
35
サポーターズ LT会
minimalist30
0
23
Featured
See All Featured
Faster Mobile Websites
deanohume
306
31k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Visualization
eitanlees
146
15k
Embracing the Ebb and Flow
colly
84
4.6k
Gamification - CAS2011
davidbonilla
80
5.2k
Side Projects
sachag
452
42k
Designing for humans not robots
tammielis
250
25k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Bash Introduction
62gerente
611
210k
Rails Girls Zürich Keynote
gr2m
94
13k
How to Ace a Technical Interview
jacobian
276
23k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
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の クエリを叩く ところの理解が難しく、実装が大変だった
ガイド モーダル マッチしたユーザー アニメを選択 スポットモーダル