Upgrade to Pro — share decks privately, control downloads, hide ads and more …

CyberAgent 2days Webフロント向け 開発型インターン 成果発表

42d9a4c98604e5d4b513f05abbe8fbf0?s=47 shinya fukimbara
September 27, 2020
Programming
0
41

CyberAgent 2days Webフロント向け 開発型インターン 成果発表

2020/09/26-27 に行われた、CyberAgent 2days Webフロント向け 開発型インターン の成果発表資料です。2位を受賞しました。

※ 途中のスライト(Gif)が正常に表示されていません。

Gifが正常に見れるスライド → https://docs.google.com/presentation/d/1rcXsjxKyaPNehJ9oRRGcIQhMHS0JOLqXUaeN58QTUAs/edit?usp=sharing

42d9a4c98604e5d4b513f05abbe8fbf0?s=128

shinya fukimbara

September 27, 2020
Tweet

More Decks by shinya fukimbara

See All by shinya fukimbara
形態素解析ったーを作った話
42d9a4c98604e5d4b513f05abbe8fbf0?s=48 progriro
0
71
技育祭 2020 LT大会『ツイートに無限にいいねできるサービスを作った話』
42d9a4c98604e5d4b513f05abbe8fbf0?s=48 progriro
0
130

Other Decks in Programming

See All in Programming
動画合成アーキテクチャを実装してみて
D5b3791309c8a03d37f05d238ded370d?s=48 satorunooshie
0
570
Pythonによる開発をアップデートするライブラリの紹介
4b46b5f1acab7f5a64c0036c1fc39f31?s=48 daikikatsuragawa
1
810
Rust、何もわからない...#3
5d9c07f0c2044b1407a84d88362bc84d?s=48 estie
0
170
kintoneでランダム取得を作ってみた（imoniCamp 2022-07-27)
F9904a15202c8ead8e638fc6fa659e33?s=48 shokun1108
0
150
Enzyme から React Native Testing Library に移行した経緯 / 2022-07-20
41c9dedd1b4c53ace82e040bb09334fe?s=48 tamago3keran
1
160
Lookerとdbtの共存
739b3e6644385d832834f6d4db498642?s=48 ttccddtoki
0
670
Cloudflare WorkersでGoのHTTPサーバーを動かすライブラリを作った話
5e511bb6d01d856b4ec7a0e5b1f6a2f0?s=48 syumai
0
150
ECサイトの脆弱性診断をいい感じにやりたい/OWASPKansaiNight_LT1_220727
341ac9f717b3904d6674784c0fcd9cf2?s=48 owaspkansai
0
300
リーダブルテストコード / #vstat
48a913a2e3bb5e68aae6f73079648e84?s=48 jnchito
48
37k
Carp言語さわってみた 〜鯉を取り戻せ編〜
Ced5def68f1a6bcd0736018bc64b116d?s=48 tsin45
0
110
How to Test Your Compose UI (Droidcon Berlin 2022)
E8168a08862631072b2e82e7b662dc07?s=48 stewemetal
1
130
WindowsコンテナDojo: 第4回 Red Hat OpenShift Localを使ってみよう
E5eb221d34d4ffbe973f8542b4c3a00e?s=48 oniak3ibm
PRO
0
190

Featured

See All Featured
Building an army of robots
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
299
40k
Large-scale JavaScript Application Architecture
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
499
110k
5 minutes of I Can Smell Your CMS
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
196
18k
Scaling GitHub
78b475797a14c84799063c7cd073962f?s=48 holman
451
140k
Debugging Ruby Performance
D47656e20ff5e42f125fc5ea0fd636c6?s=48 tmm1
65
10k
Designing the Hi-DPI Web
C157b16234f1e75e8eac3698c1d4414a?s=48 ddemaree
272
32k
Thoughts on Productivity
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
44
2.4k
GitHub's CSS Performance
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1020
420k
Fontdeck: Realign not Redesign
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
73
4.1k
Facilitating Awesome Meetings
245cee81a9c424266e5e401d844ea881?s=48 lara
29
4.1k
Code Reviewing Like a Champion
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
506
37k
In The Pink: A Labor of Love
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
131
21k

Transcript

  1. 成果発表 Cyber Agent Web Front Intern progriro

  2. 意識したかったこと • 「なぜ」その実装にしたのかを意識する • Atomic Design の粒度を理解したい • Webpack から開発してみる

    • DDD 少し意識できたら理想 • フォルダ構成や責務の切り分けを意識したい • 運用・保守がしやすいコーディング

  3. 流れるように閲覧できる番組表

  4. 流れるように閲覧できる番組表 ターゲット • 20代 • 男性 • 学生 • 真面目で静か

    • Youtube, Netflix が好き • めんどくさがり • 家でゴロゴロが好き

  5. 流れるように閲覧できる番組表

  6. 流れるように閲覧できる番組表

  7. 使用技術

  8. 設計

  9. 振り返って • 「なぜ」その実装にするのかを意識しながら開発できるようになった • Atomic Design の粒度を実装を通して理解してきた • 初めて create

    react app ではなく Webpack から開発できた • DDD 自分なりに少し意識できた、でもまだまだ... • フォルダ構成の考え方がわかってきた • 責務の切り分けをスムーズにできるようになることが直近の課題