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
kazuki-komori
September 26, 2020
Programming
0
130
技育展_Profill
技育展 Profillのプレゼン資料です!
kazuki-komori
September 26, 2020
Tweet
Share
More Decks by kazuki-komori
See All by kazuki-komori
Nsihika 中古マンション価格予測 2022春 Solution 共有会
kazuyan
0
350
技育祭 2022 Do'er 紹介
kazuyan
1
150
StartDash_LT.pdf
kazuyan
1
140
CA tech Challenge
kazuyan
0
120
kansai-frontend-ug-2020
kazuyan
3
180
Other Decks in Programming
See All in Programming
Startups on Rails in Past, Present and Future–Irina Nazarova, RailsConf 2025
irinanazarova
0
300
商品比較サービス「マイベスト」における パーソナライズレコメンドの第一歩
ucchiii43
0
200
脱Riverpod?fqueryで考える、TanStack Queryライクなアーキテクチャの可能性
ostk0069
0
560
コーディングエージェント概観(2025/07)
itsuki_t88
0
130
CDK引数設計道場100本ノック
badmintoncryer
2
560
抽象化という思考のツール - 理解と活用 - / Abstraction-as-a-Tool-for-Thinking
shin1x1
1
690
ソフトウェア設計とAI技術の活用
masuda220
PRO
25
6.7k
MCPを使ってイベントソーシングのAIコーディングを効率化する / Streamlining Event Sourcing AI Coding with MCP
tomohisa
0
180
なぜあなたのオブザーバビリティ導入は頓挫するのか
ryota_hnk
2
370
SQLアンチパターン第2版 データベースプログラミングで陥りがちな失敗とその対策 / Intro to SQL Antipatterns 2nd
twada
PRO
27
8.1k
iOS開発スターターキットの作り方
akidon0000
0
180
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
ohmori_yusuke
1
130
Featured
See All Featured
Writing Fast Ruby
sferik
628
62k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
21
1.3k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Rails Girls Zürich Keynote
gr2m
95
14k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
109
19k
Raft: Consensus for Rubyists
vanstee
140
7k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
44
2.4k
We Have a Design System, Now What?
morganepeng
53
7.7k
It's Worth the Effort
3n
185
28k
Building Applications with DynamoDB
mza
95
6.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
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