$30 off During Our Annual Pro Sale. View Details »
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
49
Other Decks in Programming
See All in Programming
Micro Frontendsで築いた 共通基盤と運用の試行錯誤 / Building a Shared Platform with Micro Frontends: Operational Learnings
kyntk
1
1.9k
sbt 2
xuwei_k
0
180
connect-python: convenient protobuf RPC for Python
anuraaga
0
350
DSPy Meetup Tokyo #1 - はじめてのDSPy
masahiro_nishimi
1
150
AIコーディングエージェント(Gemini)
kondai24
0
120
20 years of Symfony, what's next?
fabpot
2
300
AWS CDKの推しポイントN選
akihisaikeda
1
240
tsgolintはいかにしてtypescript-goの非公開APIを呼び出しているのか
syumai
0
240
TypeScriptで設計する 堅牢さとUXを両立した非同期ワークフローの実現
moeka__c
6
2.9k
ZOZOにおけるAI活用の現在 ~モバイルアプリ開発でのAI活用状況と事例~
zozotech
PRO
8
4k
複数人でのCLI/Infrastructure as Codeの暮らしを良くする
shmokmt
5
2.1k
TypeScript 5.9 で使えるようになった import defer でパフォーマンス最適化を実現する
bicstone
1
980
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
54
7.9k
Designing for humans not robots
tammielis
254
26k
Java REST API Framework Comparison - PWX 2021
mraible
34
9k
Building Applications with DynamoDB
mza
96
6.8k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.6k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Why Our Code Smells
bkeepers
PRO
340
57k
Practical Orchestrator
shlominoach
190
11k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.8k
GitHub's CSS Performance
jonrohan
1032
470k
Bash Introduction
62gerente
615
210k
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 全体を考えるようになって普段の開発時の視野が広がる。
今回伝えたかったこと デザイン/フロントエンド/バックエンド の枠にとらわれず 幅広くやってみませんか?
つたない発表にお付き合いいただき ありがとうございました。 最後に