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
0
180
jQueryと私の10年間
2016/7/8の「Sketchy Talks #2 jQueryについて学ぶ」で発表した時のスライドです。
……またグダグダですみません(;´∀`)
もりてつ
July 08, 2016
Tweet
Share
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
560
ブラウザのシェアと傾向と対策 2018改
m_n_t_p
0
380
ブラウザのシェアと傾向と対策2018
m_n_t_p
0
160
40代からのフロントエンドエンジニアリング Ver.3
m_n_t_p
0
180
Vue.jsトリビア(Vue.jsのコードネーム)
m_n_t_p
0
1.1k
単位をあやつる
m_n_t_p
2
960
グリッドレイアウト これまでとこれから
m_n_t_p
1
970
IE9を斬ってFlexboxを使い始めたらサクサク捗った件
m_n_t_p
1
970
Other Decks in Technology
See All in Technology
研究開発と製品開発、両利きのロボティクス
youtalk
1
500
エラーとアクセシビリティ
schktjm
0
1.1k
「何となくテストする」を卒業するためにプロダクトが動く仕組みを理解しよう
kawabeaver
0
270
La gouvernance territoriale des données grâce à la plateforme Terreze
bluehats
0
140
これでもう迷わない!Jetpack Composeの書き方実践ガイド
zozotech
PRO
0
150
バイブスに「型」を!Kent Beckに学ぶ、AI時代のテスト駆動開発
amixedcolor
2
390
Grafana MCPサーバーによるAIエージェント経由でのGrafanaダッシュボード動的生成
hamadakoji
1
1.5k
生成AIでセキュリティ運用を効率化する話
sakaitakeshi
0
360
AWSで始める実践Dagster入門
kitagawaz
1
520
Platform開発が先行する Platform Engineeringの違和感
kintotechdev
3
510
20250910_障害注入から効率的復旧へ_カオスエンジニアリング_生成AIで考えるAWS障害対応.pdf
sh_fk2
3
170
Firestore → Spanner 移行 を成功させた段階的移行プロセス
athug
1
360
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.7k
Side Projects
sachag
455
43k
How to Ace a Technical Interview
jacobian
279
23k
GraphQLとの向き合い方2022年版
quramy
49
14k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
32
1.5k
Done Done
chrislema
185
16k
Optimizing for Happiness
mojombo
379
70k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
13k
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年以降変わり続けている(いろいろな意味で) Øこれからも⼤きく変わっていく……か?
終