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
280
0
Share
バックエンドエンジニアがデザインとフロントエンドに挑戦してみた
第1回クリエイター広場の勉強会&交流会 6/25(日)@渋谷
https://creator-square.connpass.com/event/286937/
LT登壇時の資料です。
ryosuke-horie
June 26, 2023
More Decks by ryosuke-horie
See All by ryosuke-horie
社内AWSインフラのIaC化にCDKを提案する資料
hreryosuke03
0
56
Other Decks in Programming
See All in Programming
開発とはなにか、Essenceカーネルで見えるもの
ukin0k0
0
190
AlarmKitで明後日起きれるアラームアプリを作る
trickart
0
140
密結合なバックエンドから TypeScript のコードを生成する
kemuridama
0
230
PHPでローカル環境用のSSL/TLS証明書を発行することはできるのか? #phpconkagawa
akase244
0
370
AI駆動開発勉強会 広島支部 第一回勉強会 AI駆動開発概要とワークショップ
hayatoshimiu
0
180
20260514_its_the_context_window_stupid.pdf
heita
0
1k
ビジネスモデルから紐解く、AI+型駆動開発
hirokiomote
0
300
Agentic UI beyond Chats Architecture Patterns & Open Standards @ngMunich 05/2026
manfredsteyer
PRO
0
110
iOS26時代の新規アプリ開発
yuukiw00w
0
140
「OSSがあるなら自作するな」は AI時代も正しいか ── Build vs Adopt の新しい判断基準
kumorn5s
7
2.8k
開発体験を左右するライブラリの API 設計 - GraphQL スキーマ構築ライブラリから考える #tskaigi
izumin5210
1
200
When benchmarks go bad - what I learned from measuring performance wrong
hollycummins
0
390
Featured
See All Featured
RailsConf 2023
tenderlove
30
1.4k
How to build a perfect <img>
jonoalderson
1
5.5k
Leveraging Curiosity to Care for An Aging Population
cassininazir
1
240
Code Reviewing Like a Champion
maltzj
528
40k
Building a Modern Day E-commerce SEO Strategy
aleyda
45
9k
Automating Front-end Workflow
addyosmani
1370
210k
Typedesign – Prime Four
hannesfritz
42
3k
Music & Morning Musume
bryan
47
7.2k
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
techseoconnect
PRO
0
160
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.1k
GraphQLとの向き合い方2022年版
quramy
50
15k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.4k
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 全体を考えるようになって普段の開発時の視野が広がる。
今回伝えたかったこと デザイン/フロントエンド/バックエンド の枠にとらわれず 幅広くやってみませんか?
つたない発表にお付き合いいただき ありがとうございました。 最後に