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
jQueryと私の10年間
Search
もりてつ
July 08, 2016
Technology
220
0
Share
jQueryと私の10年間
2016/7/8の「Sketchy Talks #2 jQueryについて学ぶ」で発表した時のスライドです。
……またグダグダですみません(;´∀`)
もりてつ
July 08, 2016
More Decks by もりてつ
See All by もりてつ
ブラウザ対応の傾向と対策 2020 / Browser compatibility trends and countermeasures 2020
m_n_t_p
0
1.1k
PC同様の情報量と使い勝手をモバイルで確保するために / To keep the same amount of information and usability on mobile as PC
m_n_t_p
0
620
ブラウザのシェアと傾向と対策 2018改
m_n_t_p
0
410
ブラウザのシェアと傾向と対策2018
m_n_t_p
0
190
40代からのフロントエンドエンジニアリング Ver.3
m_n_t_p
0
200
Vue.jsトリビア(Vue.jsのコードネーム)
m_n_t_p
0
1.2k
単位をあやつる
m_n_t_p
2
1k
グリッドレイアウト これまでとこれから
m_n_t_p
1
1k
IE9を斬ってFlexboxを使い始めたらサクサク捗った件
m_n_t_p
1
1k
Other Decks in Technology
See All in Technology
自作エディターをOSSにして分かった、一人に刺さる開発が世界を動かす理由
shinyasaita
1
260
「使われるデータ基盤」を目指してデータアナリストとワークショップをやった話
jackojacko_
2
630
Oracle AI Database@Azure:サービス概要のご紹介
oracle4engineer
PRO
6
1.7k
実践 TanStack Start ― 新規プロダクトを開発して確立した、サーバーとクライアント境界の設計パターン / Practical TanStack Start Server-Client Boundary Patterns
kaminashi
2
210
ANDPAD Ruby sponsor session in RubyKaigi 2026
andpad
0
120
layerx-fde-practices
cipepser
5
1.5k
TypeScriptはどのようにどこまで推論できるのか ─ とにかく as は禁止で
ypresto
1
340
AWSアップデートから考える継続的な運用改善
toru_kubota
2
360
最新技術を"今は選ばない"という技術選定
leveragestech
PRO
0
380
実例から学ぶ GuardDuty(SSH BruteForce)調査の全体フローと勘所【SecurityJAWS】
cscengineer
PRO
0
190
データ分析基盤の信頼を支える視点と設計
yuki_saito
1
560
Loadbalancing exporter internals
ymotongpoo
1
120
Featured
See All Featured
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
570
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2.2k
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
10k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
830
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
190
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
790
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.3k
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
5.8k
The #1 spot is gone: here's how to win anyway
tamaranovitovic
2
1.1k
YesSQL, Process and Tooling at Scale
rocio
174
15k
Done Done
chrislema
186
16k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
70
39k
Transcript
jQueryと私の10年間 2016年7⽉8⽇ もりてつ
今回の内容 • ⾃⼰紹介 • 2005年以前:JavaScript冷遇時代→Ajax登場 • 2006年:jQuery登場 • 2008年:1.2 •
2009〜2010年:1.3〜1.4 • 2013年:1.9/2.0 • 2016年:3.0 • 今後はどうなる? • まとめ
⾃⼰紹介 • 名前:もりてつ • 年齢:44歳 • 以前のお仕事:某電機メーカーでソフトウェア関連 ソフトウェアメーカー • 今のお仕事:株式会社グラッドキューブ(2015年11⽉〜)
主にフロントエンド回りを担当 • Twitter:@m_n_t_p • しゅみ:コントラバスとかゲームとかパズルとか。
2005年以前 • 昔はJavaScriptは冷遇されていた ü要らないポップアップ等、ろくな⽤途に使われていない üセキュリティ的にも怪しい üブラウザはJavaScriptをオフにする⼈も多かった 2005年:Ajaxが⼀気に普及 GoogleマップなどのWebアプリに使われる
2005年以前 •この頃のもりてつ →某メーカーでいろいろ開発 nPC⽤ソフト n家庭⽤サーバー n海外向け携帯電話 少しだけ JavaScriptいじった程度
2006年
2006年 Ajax DOM操作 簡単に!
2006年 •この頃のもりてつ →携帯でJavaScriptを動かすプロジェクト n携帯⽤「PCサイトブラウザ」 nいろいろなサイトを表⽰させたい nJavaScriptも動くようにしたい (でもjQueryは知らなかった)
2006年 •この頃のもりてつ →携帯でJavaScriptを動かすプロジェクト ブラウザ搭載ケータイ メーカー 通信キャリア ブラウザ
2008年 1.2
2008年 •この頃のもりてつ →携帯でAjaxを動かしたい ……という無茶振り要望に応える Ajax搭載ケータイ (超重いものの⼀応Googleマップは動いた)
2009〜2010年 1.3〜1.4
2009〜2010年 この頃から を採⽤するサイトが増加? • Ajax、DOM操作が簡単 • それなりのコードを書けばそこそこ動く
2009〜2010年 •この頃のもりてつ 携帯でのJavaScriptが 動作しないサイトが増えてくる え?どうして!?
None
ケータイで動かすには • さすがに重い • それまで想定していなかった操作も あった(らしい)
2009〜2010年 •と、いうことで。 ブラウザ開発 通信キャリア 端末メーカー ごめんなさい しょうがないなー ごめんなさい ケータイでのJavaScriptは⼀部だけ動作。
2013年 1.9/2.0
2013年 1.9:利⽤頻度の低いAPIを バッサリカット 2.0:IE6〜8をバッサリカット
2013年 •この頃のもりてつ ü某電機メーカーを辞めて転職活動 üソフトウェアメーカーに⼊ったものの JavaScriptとはほぼ無縁 •世間では üスマートフォンの普及が本格化 (jQueryも動くよ!)
そして、2016年。
2016年 3.0
今後はどうなる? •jQuery3.0の登場で1.x/2.xは廃れていくのか? •JSフレームワーク、AltJS普及でjQueryの⽴場は? •IoTやAIなどにjQueryが⼊っていく可能性は? などなど、興味は尽きません。 ※個⼈の感想です。
(強引に)まとめ •jQuery Ø2006年に登場してからの10年間安定した⼈気 Øしかし10年経った今年、3.0で⼤きく変化……か? •もりてつ Ø2006年以降変わり続けている(いろいろな意味で) Øこれからも⼤きく変わっていく……か?
終