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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
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
インターン生でもAuth0で認証基盤刷新が出来るのか
taku271
0
190
Rust 製のコードエディタ “Zed” を使ってみた
nearme_tech
PRO
0
210
Vibe Coding - AI 驅動的軟體開發
mickyp100
0
180
Unicodeどうしてる? PHPから見たUnicode対応と他言語での対応についてのお伺い
youkidearitai
PRO
1
2.6k
AI時代の認知負荷との向き合い方
optfit
0
170
Honoを使ったリモートMCPサーバでAIツールとの連携を加速させる!
tosuri13
1
180
AIによる高速開発をどう制御するか? ガードレール設置で開発速度と品質を両立させたチームの事例
tonkotsuboy_com
7
2.4k
React 19でつくる「気持ちいいUI」- 楽観的UIのすすめ
himorishige
11
7.5k
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
heimusu
7
2.8k
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
tosuri13
5
800
15年続くIoTサービスのSREエンジニアが挑む分散トレーシング導入
melonps
2
230
SourceGeneratorのススメ
htkym
0
200
Featured
See All Featured
Optimizing for Happiness
mojombo
379
71k
Balancing Empowerment & Direction
lara
5
900
Chasing Engaging Ingredients in Design
codingconduct
0
120
Being A Developer After 40
akosma
91
590k
<Decoding/> the Language of Devs - We Love SEO 2024
nikkihalliwell
1
130
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
130
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.7k
Build your cross-platform service in a week with App Engine
jlugia
234
18k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.7k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.9k
Site-Speed That Sticks
csswizardry
13
1.1k
Digital Ethics as a Driver of Design Innovation
axbom
PRO
1
190
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 全体を考えるようになって普段の開発時の視野が広がる。
今回伝えたかったこと デザイン/フロントエンド/バックエンド の枠にとらわれず 幅広くやってみませんか?
つたない発表にお付き合いいただき ありがとうございました。 最後に