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
バックエンドエンジニアがデザインとフロントエンドに挑戦してみた
Search
ryosuke-horie
June 26, 2023
Programming
0
270
バックエンドエンジニアがデザインとフロントエンドに挑戦してみた
第1回クリエイター広場の勉強会&交流会 6/25(日)@渋谷
https://creator-square.connpass.com/event/286937/
LT登壇時の資料です。
ryosuke-horie
June 26, 2023
Tweet
Share
More Decks by ryosuke-horie
See All by ryosuke-horie
社内AWSインフラのIaC化にCDKを提案する資料
hreryosuke03
0
50
Other Decks in Programming
See All in Programming
Vibe codingでおすすめの言語と開発手法
uyuki234
0
160
0→1 フロントエンド開発 Tips🚀 #レバテックMeetup
bengo4com
0
470
Spinner 軸ズレ現象を調べたらレンダリング深淵に飲まれた #レバテックMeetup
bengo4com
1
210
まだ間に合う!Claude Code元年をふりかえる
nogu66
5
930
実はマルチモーダルだった。ブラウザの組み込みAI🧠でWebの未来を感じてみよう #jsfes #gemini
n0bisuke2
3
1.4k
JETLS.jl ─ A New Language Server for Julia
abap34
2
470
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
tinykitten
PRO
0
180
2年のAppleウォレットパス開発の振り返り
muno92
PRO
0
180
Pythonではじめるオープンデータ分析〜書籍の紹介と書籍で紹介しきれなかった事例の紹介〜
welliving
3
760
ELYZA_Findy AI Engineering Summit登壇資料_AIコーディング時代に「ちゃんと」やること_toB LLMプロダクト開発舞台裏_20251216
elyza
2
970
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
cloverrose
2
450
AtCoder Conference 2025「LLM時代のAHC」
imjk
2
640
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
0
87
What the history of the web can teach us about the future of AI
inesmontani
PRO
0
390
Tell your own story through comics
letsgokoyo
0
770
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
92
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.5k
Navigating the moral maze — ethical principles for Al-driven product design
skipperchong
1
220
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
140
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
0
1.1k
Mobile First: as difficult as doing things right
swwweet
225
10k
Transcript
バックエンドエンジニアが デザインとフロントエンドに挑戦してみた ryosuke-horie @ryosuke_314_
業務ではバックエンドがメインでPHP(Laravel, CakePHP)で開発しています。 Webエンジニアとしての経験は2年程です。 よろしくお願いいたします。 https://qiita.com/ryosuke-horie @ryosuke_314_ https://zenn.dev/ryosuke_horie 自己紹介
今回お伝えしたいこと デザイン/フロントエンド/バックエンド の枠にとらわれず 幅広くやってみませんか?
今回お伝えしたいこと A できることが広がることで個人開発やさらなる学習のモチベーションに つながります。 A デザイン/フロントエンド/バックエンド全部を触ったことがある人自体 が少ないので、職場で話題になる。 A 全体を考えるようになって普段の開発時の視野が広がる。
今回挑戦したこと プライベートでやっているチーム開発の中で新しくサービスを作る ことになり、その中で、 ほとんど経験のないフロントエンドと 完全に未経験のデザイン を担当することになりました。
今回作ったものについて(採用した技術) C Jes6 C React Testing Librar@ C Tailwind CS
C Figma C Next.jY C TypeScrip6 C SWd C React Hook forq C ESLin6 C Prettier
キャッチアップした内容 デザイD 6 Figmaの使い) 6 Webサイトでの色彩の使い) 6 レスポンシブデザイ 6 ページ構成
6 デザインの4原則 フロントエン 6 Next.js (v13.4 6 CSSの基Y 6 Tailwind CSSの使い) 6 React Hooksの使い方
大変だったこと(主にデザイン) ) キャッチアップに時間がかかりました。 ) 特にデザインについては何も知らないのでどこから手を付ければいいかも わからない。 ) 手当たり次第に思いついたものを調べるという感じになります。
よかったこと 7 できることが広がることで個人開発やさらなる学習のモチベーションに つながります。 7 デザイン/フロントエンド/バックエンド全部を触ったことがある人自体 が少ないので、職場で話題になる。 7 全体を考えるようになって普段の開発時の視野が広がる。
今回伝えたかったこと デザイン/フロントエンド/バックエンド の枠にとらわれず 幅広くやってみませんか?
つたない発表にお付き合いいただき ありがとうございました。 最後に