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
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
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
420
ブラウザのシェアと傾向と対策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
認証認可だけじゃない! ID管理の構成要素と ライフサイクルを意識しよう
ritou
1
370
攻撃者がいなくてもAIエージェントはインシデントを起こす
nomizone
0
170
自分が詳しくない領域でAIを使う #プロヒス2026
konifar
20
8.1k
NDIAS CTF 2026 問題解説会資料
bata_24
0
130
Fabricをフル活用する AI Agent Hub -製造業特化AIエージェントの設計
iotcomjpadmin
0
170
Foundry Toolkit + Lemonade Serverでローカルワークフロー開発
seosoft
0
110
Zenoh on Zephyr on LiteX
takasehideki
2
140
product engineering with qa
nealle
0
100
Terraform 101 (初心者向け) 資料
shuadachi
0
110
Multi-Agent並列開発を 安全に回すための技術 / Technology for Safely Multi-Agent Parallel Development
tooppoo
0
230
初めてのDatabricks勉強会
taka_aki
2
210
はてなのサービス基盤を支える Kubernetes《足腰》
masayoshimaezawa
0
310
Featured
See All Featured
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
310
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
220
What’s in a name? Adding method to the madness
productmarketing
PRO
24
4.1k
Exploring anti-patterns in Rails
aemeredith
3
430
Side Projects
sachag
455
43k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
950
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.5k
Between Models and Reality
mayunak
4
360
Rails Girls Zürich Keynote
gr2m
96
14k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.5k
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年以降変わり続けている(いろいろな意味で) Øこれからも⼤きく変わっていく……か?
終