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
120
逆求人形式イベント 自己紹介
minimalist30
0
39
サポーターズ 技育CAMPアドバンスVol.3
minimalist30
0
33
サポーターズ 技育CAMPキャラバン@金沢
minimalist30
0
32
サポーターズ LT会
minimalist30
0
21
Featured
See All Featured
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
4
330
Typedesign – Prime Four
hannesfritz
40
2.5k
Code Review Best Practice
trishagee
67
18k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.4k
Optimising Largest Contentful Paint
csswizardry
34
3.1k
GraphQLとの向き合い方2022年版
quramy
44
13k
The Cult of Friendly URLs
andyhume
78
6.2k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
BBQ
matthewcrist
87
9.5k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Why Our Code Smells
bkeepers
PRO
336
57k
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の クエリを叩く ところの理解が難しく、実装が大変だった
ガイド モーダル マッチしたユーザー アニメを選択 スポットモーダル