Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
開発振り返り
Search
shinchan12345678
July 20, 2022
Education
75
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
開発振り返り
DWCの「3ヶ月目カリキュラム:PF制作」の振り返り発表会の資料
shinchan12345678
July 20, 2022
More Decks by shinchan12345678
See All by shinchan12345678
WEBアプリマップの使い方(一般利用者用)
shinchan12345678
0
91
Other Decks in Education
See All in Education
CLASSIFICATION OF CRUDE DRUGS
pawan_pharm
0
220
Sekolah Sabat - Triwulan 3 2026 - Pelajaran 12
hiola
0
12k
私たちはなんでテストするんだっけ? Ver.東北IT物産展2026 in 会津若松
camel_404
3
220
オンラインコミュニティ TRY部 体験マニュアル
ytapples613
0
390
El Clima de España. Tema 2 (PPT)
juanmartin2026
0
19k
子どものためのプログラミング道場『CoderDojo』〜法人提携例〜 / Partnership with CoderDojo Japan
coderdojojapan
PRO
4
19k
HTML5 and the Open Web Platform - Lecture 3 - Web Technologies (1019888BNR)
signer
PRO
3
3.6k
新型コロナ禍をともに「楽しみながら開いていこう!」 :中門 吉松 会員(2720 Japan O.K.ロータリーEクラブ)卓話 : 2026.10.19.例会・卓話
2720japanoke
0
210
学習者データを「見る」:外国語教師のためのデータの入力、分析、解釈方法
uranoken
0
440
ちいかわを読め
uchi8977
1
410
Introduction to Primary and Secondary Metabolites their Metabolic Pathways
drpoonamkc
0
170
日本における応用言語学・言語教育学これまでとこれから
terasawat
0
170
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
85
9.7k
Documentation Writing (for coders)
carmenintech
77
5.6k
Primal Persuasion: How to Engage the Brain for Learning That Lasts
tmiket
0
500
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
1
630
RailsConf 2023
tenderlove
30
1.6k
DBのスキルで生き残る技術 - AI時代におけるテーブル設計の勘所
soudai
PRO
68
58k
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
410
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
1
3.4k
Ethics towards AI in product and experience design
skipperchong
2
430
Deep Space Network (abreviated)
tonyrice
0
370
Making the Leap to Tech Lead
cromwellryan
135
10k
Building a Scalable Design System with Sketch
lauravandoore
464
34k
Transcript
2022年7月 ポートフォリオ制作
サイト概要 • テイクアウトできる飲食店を簡単に探すことができるSNSサービス • 飲食店のオーナーは、GoogleMap上に営業情報を投稿し、テイクアウト できる飲食店を探している近くのユーザーとマッチング! • ユーザーにフォローしてもらうことで、営業情報やクーポンを届ける ことができ、継続的に繋がりを持てる!
サイトテーマ選定の背景 テイクアウトできる飲食店が増加中。いつ・どんなお弁当を販売 しているか簡単に調べることができたら便利だと考えたため 飲食店のテイクアウト営業を支援することで、コロナ禍でも存続 してもらうため(美味しいご飯が食べられる場所を守りたい!) 美味しいご飯を食べることが好きで、それをアプリケーションで 表現したかった
ターゲットユーザー テイクアウトできる飲食店を探している 食通の方 テイクアウト事業の集客に苦戦している 飲食店オーナー • テイクアウトできるお店を効率よく探したい 時に利用する。 • 現在地付近のテイクアウトできるお店を
GoogleMapでかんたん検索 • 気に入ったお店をフォローすることでお得 なクーポンが届く。 • テイクアウト営業を始めたが、売上が伸び ないときに利用する。 • テイクアウト営業情報をGoogleMapに投 稿できる。店舗外での営業でも集客可能 (公園やイベント会場など) • フォロワーにクーポンやテイクアウト営業情 報を通知でき、リピート率を 向上
PF制作で重視したこと 誰でも迷わず利用できること 操作方法などの案内を掲出するなど、サイト全体のユーザビリティを向上さ せるように工夫 ユーザーの課題を解決すること 飲食店オーナーの集客における課題を解決するクーポン機能を実装
プロダクトのアピールポイント • GoogleMapAPIを利用し、投稿の場所検索ができること • javascriptを多用し、動的なサイトに仕上げたこと • 使用方法を迷わないように、ヘルプボタンなど案内や説明を多く 用意し たこと •
期限のある投稿などはバッチ処理で自動でステータスを変更させているこ と
意識したこと・反省点 意識したこと 反省点(改善点) • DRYの原則 • リーダブルコーディング (変数の命名など) • githubの機能を積極的に利用すること
• ユーザーが操作に迷わないようなUI • 要件定義フェーズで、詳細に設計できてお らず、手戻りなどが発生した • デザインに統一感がなく、ダサい • gitのコミットのメッセージがわかりずらい • 不要なファイルが存在している • スマホ対応となっていない
PF制作を通じて学び得たこと 自動テストの重要性 テストは重要だが、必要な工数が大きい。開発をスムーズに、また 楽しく進 めるためには自動化が必須 バージョンアップ・機能追加を意識した開発 機能が増えれば増えるほど複雑になる。メンテナンスしやすい状態を維持す るため、リーダブルコードやDRY原則の徹底が必要
Fin