Enviar pesquisa
Carregar
How to collect frontend technology
•
Transferir como PPTX, PDF
•
0 gostou
•
103 visualizações
R
RikiyaOzawa
Seguir
フロントエンド界隈のトレンドや新規技術のキャッチアップ方法を自分なりにまとめてみました
Leia menos
Leia mais
Engenharia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 18
Baixar agora
Recomendados
今から始めるApache Groovy
今から始めるApache Groovy
Yasuharu Hayami
エンジニアが Webを学ぶために やっててよかったこと
エンジニアが Webを学ぶために やっててよかったこと
Hirata Tomoko
I tried to touch the KUSANAGI ( Student Edition )_KUSANAGIを触ってみた(学生版)
I tried to touch the KUSANAGI ( Student Edition )_KUSANAGIを触ってみた(学生版)
Masashi Maruya
Minecraft で遊びつつ プログラミングを学ぼう ~ ComputerCraft のすすめ ~
Minecraft で遊びつつ プログラミングを学ぼう ~ ComputerCraft のすすめ ~
hevohevo
GroovyでJSON2015
GroovyでJSON2015
Yasuharu Hayami
マインクラフトでプログラミングを楽しむ
マインクラフトでプログラミングを楽しむ
hevohevo
1月からAndroidアプリ開発をやってみての近況
1月からAndroidアプリ開発をやってみての近況
takathemax
PhpStormとGrunt.jsで作るCakePHP快適開発環境
PhpStormとGrunt.jsで作るCakePHP快適開発環境
kamiyam .
Recomendados
今から始めるApache Groovy
今から始めるApache Groovy
Yasuharu Hayami
エンジニアが Webを学ぶために やっててよかったこと
エンジニアが Webを学ぶために やっててよかったこと
Hirata Tomoko
I tried to touch the KUSANAGI ( Student Edition )_KUSANAGIを触ってみた(学生版)
I tried to touch the KUSANAGI ( Student Edition )_KUSANAGIを触ってみた(学生版)
Masashi Maruya
Minecraft で遊びつつ プログラミングを学ぼう ~ ComputerCraft のすすめ ~
Minecraft で遊びつつ プログラミングを学ぼう ~ ComputerCraft のすすめ ~
hevohevo
GroovyでJSON2015
GroovyでJSON2015
Yasuharu Hayami
マインクラフトでプログラミングを楽しむ
マインクラフトでプログラミングを楽しむ
hevohevo
1月からAndroidアプリ開発をやってみての近況
1月からAndroidアプリ開発をやってみての近況
takathemax
PhpStormとGrunt.jsで作るCakePHP快適開発環境
PhpStormとGrunt.jsで作るCakePHP快適開発環境
kamiyam .
enPiT BizApp分野 産業技術大学院大学の取り組み
enPiT BizApp分野 産業技術大学院大学の取り組み
Miho Nagase
2018 06-09 WordBenchNagoya
2018 06-09 WordBenchNagoya
Yasuhiro Nozue
3日でスマホアプリリリースしたけど質問ある?
3日でスマホアプリリリースしたけど質問ある?
Makoto Nishimoto
Python研修の作り方 - teaching-is_learning-
Python研修の作り方 - teaching-is_learning-
BrainPad Inc.
twitewr
twitewr
rinapik1
IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践
IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践
Kazutaka Nakamura
2013.11.16 shibuya java #4 Grails Goodness
2013.11.16 shibuya java #4 Grails Goodness
Yu Sudo
独学プログラマーのその後
独学プログラマーのその後
Takayuki Shimizukawa
業務系WebアプリケーションがStrutsから旅立つ日
業務系WebアプリケーションがStrutsから旅立つ日
Mitsuru Ogawa
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
健人 井関
Webの勉強会#11
Webの勉強会#11
MarlboroLand
2014年を振り返る 今年の技術トレンドとDockerについて
2014年を振り返る 今年の技術トレンドとDockerについて
Masahito Zembutsu
Html5 nagoya 07
Html5 nagoya 07
Yoshiaki Sugimoto
TypeScriptをオススメする理由
TypeScriptをオススメする理由
Yusuke Naka
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
Mori Shingo
Walking front end
Walking front end
Hirata Tomoko
Nodeにしましょう
Nodeにしましょう
Yuzo Hebishima
さくらのナレッジの運営から見えるもの
さくらのナレッジの運営から見えるもの
法林浩之
LL Planets: JavaScript八面六臂
LL Planets: JavaScript八面六臂
masayoshi takahashi
Meguro es7
Meguro es7
健太 田上
JavaScriptで出来る、あんなことこんなこと
JavaScriptで出来る、あんなことこんなこと
Mayu Kimura
OSC福岡 20111203
OSC福岡 20111203
Hiroshi Bunya
Mais conteúdo relacionado
Mais procurados
enPiT BizApp分野 産業技術大学院大学の取り組み
enPiT BizApp分野 産業技術大学院大学の取り組み
Miho Nagase
2018 06-09 WordBenchNagoya
2018 06-09 WordBenchNagoya
Yasuhiro Nozue
3日でスマホアプリリリースしたけど質問ある?
3日でスマホアプリリリースしたけど質問ある?
Makoto Nishimoto
Python研修の作り方 - teaching-is_learning-
Python研修の作り方 - teaching-is_learning-
BrainPad Inc.
twitewr
twitewr
rinapik1
IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践
IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践
Kazutaka Nakamura
2013.11.16 shibuya java #4 Grails Goodness
2013.11.16 shibuya java #4 Grails Goodness
Yu Sudo
独学プログラマーのその後
独学プログラマーのその後
Takayuki Shimizukawa
Mais procurados
(8)
enPiT BizApp分野 産業技術大学院大学の取り組み
enPiT BizApp分野 産業技術大学院大学の取り組み
2018 06-09 WordBenchNagoya
2018 06-09 WordBenchNagoya
3日でスマホアプリリリースしたけど質問ある?
3日でスマホアプリリリースしたけど質問ある?
Python研修の作り方 - teaching-is_learning-
Python研修の作り方 - teaching-is_learning-
twitewr
twitewr
IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践
IoT 時代に資する 「ものグラミング」教育のための 授業開発と実践
2013.11.16 shibuya java #4 Grails Goodness
2013.11.16 shibuya java #4 Grails Goodness
独学プログラマーのその後
独学プログラマーのその後
Semelhante a How to collect frontend technology
業務系WebアプリケーションがStrutsから旅立つ日
業務系WebアプリケーションがStrutsから旅立つ日
Mitsuru Ogawa
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
健人 井関
Webの勉強会#11
Webの勉強会#11
MarlboroLand
2014年を振り返る 今年の技術トレンドとDockerについて
2014年を振り返る 今年の技術トレンドとDockerについて
Masahito Zembutsu
Html5 nagoya 07
Html5 nagoya 07
Yoshiaki Sugimoto
TypeScriptをオススメする理由
TypeScriptをオススメする理由
Yusuke Naka
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
Mori Shingo
Walking front end
Walking front end
Hirata Tomoko
Nodeにしましょう
Nodeにしましょう
Yuzo Hebishima
さくらのナレッジの運営から見えるもの
さくらのナレッジの運営から見えるもの
法林浩之
LL Planets: JavaScript八面六臂
LL Planets: JavaScript八面六臂
masayoshi takahashi
Meguro es7
Meguro es7
健太 田上
JavaScriptで出来る、あんなことこんなこと
JavaScriptで出来る、あんなことこんなこと
Mayu Kimura
OSC福岡 20111203
OSC福岡 20111203
Hiroshi Bunya
Javascript を使ってみよう!!
Javascript を使ってみよう!!
誠 小林
Practical migration from JSP to Thymeleaf
Practical migration from JSP to Thymeleaf
Toshiki Iga
PWAを使ってWebXRコンテンツをオフラインで動くようにする手順について
PWAを使ってWebXRコンテンツをオフラインで動くようにする手順について
WheetTweet
Application insights で行ってみよう
Application insights で行ってみよう
Kazushi Kamegawa
LaravelとNuxt.jsを業務で取り入れる際に得た知見 Laravel/Vue.js勉強会#4 2018/04/25
LaravelとNuxt.jsを業務で取り入れる際に得た知見 Laravel/Vue.js勉強会#4 2018/04/25
Isao Ebisujima
【読書会】プロになるためなるためのWeb技術入門
【読書会】プロになるためなるためのWeb技術入門
優之 田中
Semelhante a How to collect frontend technology
(20)
業務系WebアプリケーションがStrutsから旅立つ日
業務系WebアプリケーションがStrutsから旅立つ日
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? -
Webの勉強会#11
Webの勉強会#11
2014年を振り返る 今年の技術トレンドとDockerについて
2014年を振り返る 今年の技術トレンドとDockerについて
Html5 nagoya 07
Html5 nagoya 07
TypeScriptをオススメする理由
TypeScriptをオススメする理由
WCAN Autumn 2013 Titaniumのおはなし
WCAN Autumn 2013 Titaniumのおはなし
Walking front end
Walking front end
Nodeにしましょう
Nodeにしましょう
さくらのナレッジの運営から見えるもの
さくらのナレッジの運営から見えるもの
LL Planets: JavaScript八面六臂
LL Planets: JavaScript八面六臂
Meguro es7
Meguro es7
JavaScriptで出来る、あんなことこんなこと
JavaScriptで出来る、あんなことこんなこと
OSC福岡 20111203
OSC福岡 20111203
Javascript を使ってみよう!!
Javascript を使ってみよう!!
Practical migration from JSP to Thymeleaf
Practical migration from JSP to Thymeleaf
PWAを使ってWebXRコンテンツをオフラインで動くようにする手順について
PWAを使ってWebXRコンテンツをオフラインで動くようにする手順について
Application insights で行ってみよう
Application insights で行ってみよう
LaravelとNuxt.jsを業務で取り入れる際に得た知見 Laravel/Vue.js勉強会#4 2018/04/25
LaravelとNuxt.jsを業務で取り入れる際に得た知見 Laravel/Vue.js勉強会#4 2018/04/25
【読書会】プロになるためなるためのWeb技術入門
【読書会】プロになるためなるためのWeb技術入門
How to collect frontend technology
1.
自己流フロントエンド技術の情報収集 『Vue.js/PWA/JavaScript…新&定番なんでもあり』表参道Web勉強会 vol.4/ 1
2.
WHO AM I 2 小澤
力也(おざわ りきや)@rikipedia_uw ● 株式会社ウィルゲート ● エンジニア・広報 ● 技術:JavaScript(TS)・React・webpack ● 1ヶ月前(2019/04/20)に1年半付き合っ た彼女と別れたばかり
3.
● フロントエンド技術のキャッチアップをしたい人 ○ 何を調べたらいいかわからない人 想定聴講者 3
4.
● インプット編(3min) ● アウトプット編(1.5min) ●
まとめ(0.5min) ながれ 4
5.
インプット編 5
6.
インプット編 - web 6 JSer.info(ジェイサーインフォ) ●
世界中言語問わずフロントエンドの情報を紹介する サイト ● ブラウザ・ES・W3Cの動向を確認するために利用 ● 週一で一週間の差分を確認 ○ フロントエンドランチ ● とはいえ個人の有志活動で運営されている ○ 情報に隔たりは生まれてしまう ○ 隔たりがでないようにかなり考慮されている ● 元ソースのサイトも合わせて読むとより良い ● 他にも色々なサイトあるおすすめ度 頻度 ほぼ毎日
7.
Twitter ● 最近のトレンド・知らない単語をキャッチアップ ○ WebAssemblyとかGraphQL流行ってるなー等 ●
フロントエンド界隈の人をフォローしているとハイ ライト通知くるのはありがたい ● 個人的な意見を知ることができる ○ テックブログなどは大体バイアスかかりがち ● わからないことをつぶやくと助けてくれる インプット編 - SNS 7 おすすめ度 頻度 1週間に1回
8.
Slack ● フロントエンド界隈の人が集まっているようなslack チームに入る ○ Twitterのすごい人たちばかりみてると現場感 から離れてしまうので ●
ライブラリの公式slackやconnpassで見つけた良さ げなグループとか ● 大体質問用チャンネルや雑談チャンネルに技術情報 や相談が流れてくる ○ 自分なりに回答してみたり読んだり ○ 現場感がわかるような気がする ● 自分の知識がガラパゴス化しかけていることに気づ ける インプット編 - コミュニティ 8 おすすめ度 頻度 不定期
9.
書籍 ● 落ち着いた技術は書籍でインプットする ○ JSの言語仕様 ○
アプリケーションの設計 ○ 公式ドキュメントがないもの ● フレームワークレイヤの本はあまり買わない ○ すぐ内容が変わる ○ 公式ドキュメント読めるようにしたほうがい い インプット編 - 書籍 9 おすすめ度 頻度 不定期
10.
インプット編 - 分類 10 JSer.infoを開始してから7年が経ちました引用元:
11.
インプット編 - 分類 11 JSer.infoを開始してから7年が経ちました引用元: 図のイメージでなんとなく頭の中でカテゴライズ
12.
インプット編 - 理解 12 WebComponents
オブザーバパターン
13.
インプット編 - 理解 13 WebComponents
オブザーバパターン 知らない単語が出てきたらなんとなく理解する(ふーんくらい)
14.
アウトプット編 14
15.
アウトプット編 - 知識定着 1.
なぜそれが生まれたのか a. ある技術に対して世の中の開発者が抱えている問題がわかる 2. それがもたらすメリットはなにか a. デメリットはだいたい学習コストくらいしか無いので考えなくていい 3. その技術が自社のサービスで使えるケースってどんなものがあるだろうか 4. 実装方法はどういったものがあるか a. ときに stackblitz等でコード書いたりする 15
16.
アウトプット編 - 知識定着 1.
なぜそれが生まれたのか a. ある技術に対して世の中の開発者が抱えている問題がわかる 2. それがもたらすメリットはなにか a. デメリットはだいたい学習コストくらいしか無いので考えなくていい 3. その技術が自社のサービスで使えるケースってどんなものがあるだろうか 4. 実装方法はどういったものがあるか a. ときに stackblitz等でコード書いたりする 16
17.
アドバイス ● 何を調べたらいいかわからない人 ○ 知る方法を知っている人に聞く ●
習慣づける ○ 週一回ランチ食べながらJser.info確認する回とか ● とりあえず手を動かす ○ 知識定着のため 17
18.
18 https://twitter.com/rikipedia_uw
Notas do Editor
※個人的なルールとして、「仕様」にカテゴライズされるものは単語、ふわっとした内容だけでも最低限知っておきたいレベルにしている。
※個人的なルールとして、「仕様」にカテゴライズされるものは単語、ふわっとした内容だけでも最低限知っておきたいレベルにしている。
Baixar agora