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
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
kazuki-komori
September 26, 2020
Programming
140
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
160
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
Lemonade + Foundry Toolkit でお手軽アプリ開発
seosoft
1
370
AI時代のUIはどこへ行く?その2!
yusukebe
22
7.4k
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
chobishiba
3
600
代数的データ型って何が嬉しいの? #frontend_phpcon_do
kajitack
8
3.7k
Skillsは効率化、Agentsは"自分の拡張"——Builder時代のエージェント編成(CC Night 2026)
wemra
1
140
Lessons from Spec-Driven Development
simas
PRO
0
220
ユニットテストの先へ:テスト技法で要求・仕様を整理するJava開発実践 / Beyond_Unit_Testing_Practical_Java_Development_Techniques_for_Organizing_Requirements_and_Specifications
shimashima35
0
410
脅威をエンジニアリングの糧にして――現場編 / Turning Threats into Engineering Fuel — Field Edition
nrslib
0
290
The NotImplementedError Problem in Ruby
koic
1
880
Java × distroless で 軽量なコンテナイメージを / Java on Distroless
contour_gara
0
550
軽量Java基盤の設計 DIコンテナに頼らない、長期保守と1秒起動の実現 JJUG CCC 2026 Spring
macha64
0
550
Performance Engineering for Everyone
elenatanasoiu
0
200
Featured
See All Featured
The AI Revolution Will Not Be Monopolized: How open-source beats economies of scale, even for LLMs
inesmontani
PRO
3
3.5k
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
270
Rails Girls Zürich Keynote
gr2m
96
14k
Typedesign – Prime Four
hannesfritz
42
3.1k
Chasing Engaging Ingredients in Design
codingconduct
0
220
Crafting Experiences
bethany
1
190
How Software Deployment tools have changed in the past 20 years
geshan
0
34k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
440
Writing Fast Ruby
sferik
630
63k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
6k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
kimpetersen
PRO
1
750
How to build a perfect <img>
jonoalderson
1
5.7k
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