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
技育展_Profill
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
kazuki-komori
September 26, 2020
Programming
150
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
技育展_Profill
技育展 Profillのプレゼン資料です!
kazuki-komori
September 26, 2020
More Decks by kazuki-komori
See All by kazuki-komori
Nsihika 中古マンション価格予測 2022春 Solution 共有会
kazuyan
0
370
技育祭 2022 Do'er 紹介
kazuyan
1
170
StartDash_LT.pdf
kazuyan
1
160
CA tech Challenge
kazuyan
0
160
kansai-frontend-ug-2020
kazuyan
3
210
Other Decks in Programming
See All in Programming
関数型プログラミングのメリットって何だろう?
wanko_it
0
180
AI がコードを書く時代における新卒エンジニアの仕事風景 (2026) / New Graduate Engineers in the Era of AI Coding (2026)
sushichan044
0
220
Apache Hive: Toward a Cloud Native Lakehouse
okumin
0
140
【やさしく解説 設計編・中級 #1】一つの車に、運転手は一人 ~ある倉庫システムの事例から~
panda728
PRO
0
180
鹿野さんに聞く!『TypeScriptコードレシピ集』で磨く実践力
tonkotsuboy_com
4
1.1k
The Bowling Game- From Imperative to Functional Programming - Part 1
philipschwarz
PRO
0
330
トークンをケチるな、設計しろ:GitHub Copilotを賢く使うコンテキスト戦略
ochtum
0
320
symfony/aiとlaravel/boost
77web
0
130
気圧・高度・GPSを記録&可視化するアプリ「Koudo」を作った話
hjmkth
1
360
言語を使う側から、作る側へ。 自作 Lisp で得た新たな気づき。
andpad
0
130
AIエージェントで 変わるAndroid開発環境
takahirom
2
680
自作OSでスライド発表する
uyuki234
1
3.9k
Featured
See All Featured
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
370
A Tale of Four Properties
chriscoyier
163
24k
WENDY [Excerpt]
tessaabrams
11
38k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.2k
How to make the Groovebox
asonas
2
2.3k
Why Our Code Smells
bkeepers
PRO
340
58k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.3k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
750
Impact Scores and Hybrid Strategies: The future of link building
tamaranovitovic
0
340
Designing for Timeless Needs
cassininazir
1
380
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2k
Game over? The fight for quality and originality in the time of robots
wayneb77
1
220
Transcript
名刺型 バーチャル背景 作成アプリ Profill # 技育展 # Profill # RoomB
名刺型 バーチャル背景 作成アプリ Profill こちらのハッシュタグで コメントください!! # 技育展 # Profill
# RoomB
話すことリスト 1. 作品紹介 2. 工夫ポイント 3. まとめ # 技育展 #
Profill # RoomB 話すことリスト
話すことリスト 1. 作品紹介 2. 工夫ポイント 3. まとめ # 技育展 #
Profill # RoomB 話すことリスト
# 技育展 # Profill # RoomB 突然ですが!! こんなことで困ってませんか!? 作品紹介
# 技育展 # Profill # RoomB 突然ですが!! こんなことで困ってませんか!? 学校のオンライン授業だから バーチャル背景欲しいな〜
家族が後ろ通ったらどうしよう。。 Aさん 作品紹介
# 技育展 # Profill # RoomB 突然ですが!! こんなことで困ってませんか!? デフォルトの背景やめたいなぁ。。 でも画像編集、面倒だな・・
作品紹介 B君
# 技育展 # Profill # RoomB 突然ですが!! こんなことで困ってませんか!? オンラインで大規模イベント やりたいけど、
全員分用意するのたいへんだなぁ 作品紹介 担当者Cさん
# 技育展 # Profill # RoomB 作品紹介 そんな悩みを解決します!!
zoomなどで、バーチャル背景に使 える名刺を作れる!! カスタマイズ可能!! # 技育展 # Profill # RoomB 作品紹介
# 技育展 # Profill # RoomB 作品紹介 使用した技術
話すことリスト 1. 作品紹介 2. 工夫ポイント 3. まとめ # 技育展 #
Profill # RoomB 話すことリスト
# 技育展 # Profill # RoomB 工夫ポイント デザインについて - ステップ型のフォーム形式
# 技育展 # Profill # RoomB 工夫ポイント デザインについて - ステップ型のフォーム形式
# 技育展 # Profill # RoomB 工夫ポイント デザインについて - ステップ型のフォーム形式
# 技育展 # Profill # RoomB 工夫ポイント デザインについて - ステップ型のフォーム形式
フォーム形式でかんたん操作!
# 技育展 # Profill # RoomB 工夫ポイント デザインについて - ステップ型のフォーム形式
フォーム形式でかんたん操作! 好きな項目だけ入力!!
# 技育展 # Profill # RoomB 工夫ポイント 開発について Tailwind CSS
の採用
# 技育展 # Profill # RoomB 工夫ポイント 開発について Tailwind CSS
の採用 モバイルファーストな CSS フレームワーク
# 技育展 # Profill # RoomB 工夫ポイント 開発について Tailwind CSS
の採用 モバイルファーストな CSS フレームワーク クラス命名規則などを 気にしなくて良い!
# 技育展 # Profill # RoomB 工夫ポイント 開発について Tailwind CSS
の採用 モバイルファーストな CSS フレームワーク クラス命名規則などを 気にしなくて良い! Github の CSS の割合が 0.1%に!!
話すことリスト 1. 作品紹介 2. 工夫ポイント 3. まとめ # 技育展 #
Profill # RoomB 話すことリスト
# 技育展 # Profill # RoomB まとめ Keep (続けたいこと) -
ユーザー視点に立ち返る - UIを意識して設計やデザインをする - slackでポジティブなリアクション
# 技育展 # Profill # RoomB まとめ Problem (改善点) -
デザインごとでのニーズが把握しきれていない可能性 - 初回レンダリング時のレイアウト崩れ
# 技育展 # Profill # RoomB まとめ Try (改善方法) -
デザインごとでのニーズが把握しきれていない可能性 - 初回レンダリング時のレイアウト崩れ → ユーザーの要望やコメントを反映することで改善
# 技育展 # Profill # RoomB まとめ Try (改善方法) -
デザインごとでのニーズが把握しきれていない可能性 - 初回レンダリング時のレイアウト崩れ → ユーザーの要望やコメントを反映することで改善 → ローディング中にプレースホルダーを入れる
# 技育展 # Profill # RoomB まとめ 背景がほしい! 作成が面倒だ・・
# 技育展 # Profill # RoomB まとめ 背景がほしい! 作成が面倒だ・・ →
シンプルなフォーム形式 → 好きな項目だけ
# 技育展 # Profill # RoomB まとめ 背景がほしい! 作成が面倒だ・・ →
シンプルなフォーム形式 → 好きな項目だけ 大量に作成するのが大変だ。。
# 技育展 # Profill # RoomB まとめ 背景がほしい! 作成が面倒だ・・ →
シンプルなフォーム形式 → 好きな項目だけ 大量に作成するのが大変だ。。 → サイトを案内するだけ!!
# 技育展 # Profill # RoomB まとめ 開発メンバー 関連リンク サイト
https://profill-app.net tame(プロジェクトマネージャー) @shiyuu33 manaki(開発) @mikeanakida かずやん(開発 & 発表) @D_kazuyan ちー(デザイン) @5xPsr