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
51
Other Decks in Programming
See All in Programming
最初からAWS CDKで技術検証してもいいんじゃない?
akihisaikeda
4
160
PHP 7.4でもOpenTelemetryゼロコード計装がしたい! / PHPerKaigi 2026
arthur1
1
130
Symfony + NelmioApiDocBundle を使った スキーマ駆動開発 / Schema Driven Development with NelmioApiDocBundle
okashoi
0
180
20260228_JAWS_Beginner_Kansai
takuyay0ne
5
590
「やめとこ」がなくなった — 1月にZennを始めて22本書いた AI共創開発のリアル
atani14
0
400
CSC307 Lecture 14
javiergs
PRO
0
480
20260315 AWSなんもわからん🥲
chiilog
2
160
Vuetify 3 → 4 何が変わった?差分と移行ポイント10分まとめ
koukimiura
0
150
仕様漏れ実装漏れをなくすトレーサビリティAI基盤のご紹介
orgachem
PRO
6
2.3k
go directiveを最新にしすぎないで欲しい話──あるいは、Go 1.26からgo mod initで作られるgo directiveの値が変わる話 / Go 1.26 リリースパーティ
arthur1
2
570
米国のサイバーセキュリティタイムラインと見る Goの暗号パッケージの進化
tomtwinkle
2
610
生成 AI 時代のスナップショットテストってやつを見せてあげますよ(α版)
ojun9
0
270
Featured
See All Featured
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
340
Game over? The fight for quality and originality in the time of robots
wayneb77
1
140
The Anti-SEO Checklist Checklist. Pubcon Cyber Week
ryanjones
0
95
GitHub's CSS Performance
jonrohan
1032
470k
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
0
180
Fireside Chat
paigeccino
42
3.8k
Building AI with AI
inesmontani
PRO
1
800
Navigating Team Friction
lara
192
16k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
uxyall
0
770
End of SEO as We Know It (SMX Advanced Version)
ipullrank
3
4.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
9.9k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
980
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 全体を考えるようになって普段の開発時の視野が広がる。
今回伝えたかったこと デザイン/フロントエンド/バックエンド の枠にとらわれず 幅広くやってみませんか?
つたない発表にお付き合いいただき ありがとうございました。 最後に