Submit Search
Upload
漢は黙ってjQuery
•
58 likes
•
54,341 views
Takuma Hanatani
Follow
関西フロントエンドUG 年忘れLT大会にて発表したスライドです。
Read less
Read more
Technology
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 57
Download now
Download to read offline
Recommended
#o_giriのタグでネタPOSTするといいことがあるらしい
#o_giriのタグでネタPOSTするといいことがあるらしい
meru_akimbo
Androidの世界を離れて異文化留学してみた
Androidの世界を離れて異文化留学してみた
Hiroshi Kikuchi
非技術者のためのオープンソース入門 LibreOffice コミュニティで質問してみよう
非技術者のためのオープンソース入門 LibreOffice コミュニティで質問してみよう
Kazumi Ohhashi
良いプログラマーとは
良いプログラマーとは
zaru sakuraba
中年以降エンジニアの成長戦略
中年以降エンジニアの成長戦略
Ryo Tomidokoro
Identity First, Device Second - Idcon13
Identity First, Device Second - Idcon13
OpenID Foundation Japan
Go言語のポインタ
Go言語のポインタ
虎の穴 開発室
いち技術者として私ができること
いち技術者として私ができること
Satoshi Ishikawa
Recommended
#o_giriのタグでネタPOSTするといいことがあるらしい
#o_giriのタグでネタPOSTするといいことがあるらしい
meru_akimbo
Androidの世界を離れて異文化留学してみた
Androidの世界を離れて異文化留学してみた
Hiroshi Kikuchi
非技術者のためのオープンソース入門 LibreOffice コミュニティで質問してみよう
非技術者のためのオープンソース入門 LibreOffice コミュニティで質問してみよう
Kazumi Ohhashi
良いプログラマーとは
良いプログラマーとは
zaru sakuraba
中年以降エンジニアの成長戦略
中年以降エンジニアの成長戦略
Ryo Tomidokoro
Identity First, Device Second - Idcon13
Identity First, Device Second - Idcon13
OpenID Foundation Japan
Go言語のポインタ
Go言語のポインタ
虎の穴 開発室
いち技術者として私ができること
いち技術者として私ができること
Satoshi Ishikawa
エンジニアになり1ヶ月が経って!
エンジニアになり1ヶ月が経って!
ssuserccd9f1
なるべくコードを書かないAndroid開発
なるべくコードを書かないAndroid開発
Hiroshi Kikuchi
プログラミングに必要な数学と英語
プログラミングに必要な数学と英語
Sakyo Yuto
第4回Substance勉強会
第4回Substance勉強会
Keita Tamura
Stream脳の作り方
Stream脳の作り方
Shinya Mochida
I understand completely line api
I understand completely line api
TakaoUeda2
20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT
20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT
K Yamaguchi
2021/09/15 ノーコード開発について
2021/09/15 ノーコード開発について
beychan
クラウド電話を使ってモーニングコールで起床する生活
クラウド電話を使ってモーニングコールで起床する生活
Yoshiki TAKADA
2時間で学ぶjQuery
2時間で学ぶjQuery
Shumpei Shiraishi
Scc2014 :jQueryの仕組みを完璧に理解する
Scc2014 :jQueryの仕組みを完璧に理解する
Jun Futakawa
Angular1&2
Angular1&2
Kenichi Kanai
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜
Koji Ishimoto
泥臭い受託開発Dev love関西
泥臭い受託開発Dev love関西
Toshiyuki Ohtomo
【Exchange Avenue】審査講評抜粋版
【Exchange Avenue】審査講評抜粋版
ridinglads
ノンプログラマーのためのjQuery入門
ノンプログラマーのためのjQuery入門
Hayato Mizuno
Prottとsketchとzeplinのススメ
Prottとsketchとzeplinのススメ
Asami Yamamoto
2016-10-25 product manager conference 資料
2016-10-25 product manager conference 資料
Takeo Iyo
君にグロースハックはいらない
君にグロースハックはいらない
Takaaki Umada
「クックパッドとZaimのグロースハックについて」
「クックパッドとZaimのグロースハックについて」
Kato Kyosuke
登録数2倍にしてと言われた時の正しい対処法
登録数2倍にしてと言われた時の正しい対処法
Chihiro Kurosawa
アプリUI勉強会 in ネットイヤーグループ
アプリUI勉強会 in ネットイヤーグループ
Kenichi Suzuki
More Related Content
What's hot
エンジニアになり1ヶ月が経って!
エンジニアになり1ヶ月が経って!
ssuserccd9f1
なるべくコードを書かないAndroid開発
なるべくコードを書かないAndroid開発
Hiroshi Kikuchi
プログラミングに必要な数学と英語
プログラミングに必要な数学と英語
Sakyo Yuto
第4回Substance勉強会
第4回Substance勉強会
Keita Tamura
Stream脳の作り方
Stream脳の作り方
Shinya Mochida
I understand completely line api
I understand completely line api
TakaoUeda2
20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT
20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT
K Yamaguchi
2021/09/15 ノーコード開発について
2021/09/15 ノーコード開発について
beychan
What's hot
(8)
エンジニアになり1ヶ月が経って!
エンジニアになり1ヶ月が経って!
なるべくコードを書かないAndroid開発
なるべくコードを書かないAndroid開発
プログラミングに必要な数学と英語
プログラミングに必要な数学と英語
第4回Substance勉強会
第4回Substance勉強会
Stream脳の作り方
Stream脳の作り方
I understand completely line api
I understand completely line api
20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT
20150530 サトヤ+プロ生勉強会@マイクロソフト 東北支店 LT
2021/09/15 ノーコード開発について
2021/09/15 ノーコード開発について
Viewers also liked
クラウド電話を使ってモーニングコールで起床する生活
クラウド電話を使ってモーニングコールで起床する生活
Yoshiki TAKADA
2時間で学ぶjQuery
2時間で学ぶjQuery
Shumpei Shiraishi
Scc2014 :jQueryの仕組みを完璧に理解する
Scc2014 :jQueryの仕組みを完璧に理解する
Jun Futakawa
Angular1&2
Angular1&2
Kenichi Kanai
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜
Koji Ishimoto
泥臭い受託開発Dev love関西
泥臭い受託開発Dev love関西
Toshiyuki Ohtomo
【Exchange Avenue】審査講評抜粋版
【Exchange Avenue】審査講評抜粋版
ridinglads
ノンプログラマーのためのjQuery入門
ノンプログラマーのためのjQuery入門
Hayato Mizuno
Prottとsketchとzeplinのススメ
Prottとsketchとzeplinのススメ
Asami Yamamoto
2016-10-25 product manager conference 資料
2016-10-25 product manager conference 資料
Takeo Iyo
君にグロースハックはいらない
君にグロースハックはいらない
Takaaki Umada
「クックパッドとZaimのグロースハックについて」
「クックパッドとZaimのグロースハックについて」
Kato Kyosuke
登録数2倍にしてと言われた時の正しい対処法
登録数2倍にしてと言われた時の正しい対処法
Chihiro Kurosawa
アプリUI勉強会 in ネットイヤーグループ
アプリUI勉強会 in ネットイヤーグループ
Kenichi Suzuki
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例
yosuke sato
確実に良くするUI/UX設計
確実に良くするUI/UX設計
Takayuki Fukatsu
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
Shoko Tanaka
BASE_プレゼン用サービス説明資料
BASE_プレゼン用サービス説明資料
Find Job Startup
メルカリ_サービス説明資料
メルカリ_サービス説明資料
Find Job Startup
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
MOCKS | Yuta Morishige
Viewers also liked
(20)
クラウド電話を使ってモーニングコールで起床する生活
クラウド電話を使ってモーニングコールで起床する生活
2時間で学ぶjQuery
2時間で学ぶjQuery
Scc2014 :jQueryの仕組みを完璧に理解する
Scc2014 :jQueryの仕組みを完璧に理解する
Angular1&2
Angular1&2
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜
フロントエンドエンジニア(仮) 〜え、ちょっとフロントやること多すぎじゃない!?〜
泥臭い受託開発Dev love関西
泥臭い受託開発Dev love関西
【Exchange Avenue】審査講評抜粋版
【Exchange Avenue】審査講評抜粋版
ノンプログラマーのためのjQuery入門
ノンプログラマーのためのjQuery入門
Prottとsketchとzeplinのススメ
Prottとsketchとzeplinのススメ
2016-10-25 product manager conference 資料
2016-10-25 product manager conference 資料
君にグロースハックはいらない
君にグロースハックはいらない
「クックパッドとZaimのグロースハックについて」
「クックパッドとZaimのグロースハックについて」
登録数2倍にしてと言われた時の正しい対処法
登録数2倍にしてと言われた時の正しい対処法
アプリUI勉強会 in ネットイヤーグループ
アプリUI勉強会 in ネットイヤーグループ
スマホサービスにおける、UIデザインのノウハウと実例
スマホサービスにおける、UIデザインのノウハウと実例
確実に良くするUI/UX設計
確実に良くするUI/UX設計
女子の心をつかむUIデザインポイント - MERY編 -
女子の心をつかむUIデザインポイント - MERY編 -
BASE_プレゼン用サービス説明資料
BASE_プレゼン用サービス説明資料
メルカリ_サービス説明資料
メルカリ_サービス説明資料
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
【プレゼン】見やすいプレゼン資料の作り方【初心者用】
Similar to 漢は黙ってjQuery
エンジニアが Webを学ぶために やっててよかったこと
エンジニアが Webを学ぶために やっててよかったこと
Hirata Tomoko
「やっぱり怖かったPerl」In Kichijoji.pm #2
「やっぱり怖かったPerl」In Kichijoji.pm #2
民人 青山
20180914 FiFiC
20180914 FiFiC
祥平 中川
Careerselect 3/30
Careerselect 3/30
saitojun2
HTML5/JavaScript ではじめるIoT
HTML5/JavaScript ではじめるIoT
Atsushi Nakatsugawa
HTML5/JS勉強会「HTML5/JavaScript ではじめるIoT」
HTML5/JS勉強会「HTML5/JavaScript ではじめるIoT」
ニフクラ mobile backend
CoderDojoひばりヶ丘 その記録 - 子供達は何を学んでいるのか -
CoderDojoひばりヶ丘 その記録 - 子供達は何を学んでいるのか -
Masao Niizuma
あらためてWorld Wide Web
あらためてWorld Wide Web
Ryo Nagai
Comb meet up_@kuwaccho0711_20140810
Comb meet up_@kuwaccho0711_20140810
くわっ ちょ
Word pressの可能性とplugin拡張
Word pressの可能性とplugin拡張
Yuya Matsushima
Tesseract-OCR in iOS
Tesseract-OCR in iOS
Saya Katafuchi
[社内向け]Titanium勉強会
[社内向け]Titanium勉強会
Rei Matsushita
IntelliJ IDEAで快適なPython生活
IntelliJ IDEAで快適なPython生活
敦志 金谷
「仙台ミラソン」行って来た
「仙台ミラソン」行って来た
Hirokazu Tokuno
Ict challenge+r2011 final
Ict challenge+r2011 final
Shoot Morii
Chrome拡張で改善 表紙
Chrome拡張で改善 表紙
Wataru Terada
#Devlove 甲子園日本シリーズ ku_suke
#Devlove 甲子園日本シリーズ ku_suke
Yusuke Kawabata
ゆるふわWoT&firefoxOS体験記
ゆるふわWoT&firefoxOS体験記
Mitsuru Ogawa
クソアプリのつくり方
クソアプリのつくり方
Yusuke Kon
from_beginner_to_engineer
from_beginner_to_engineer
Yuka Tokuyama
Similar to 漢は黙ってjQuery
(20)
エンジニアが Webを学ぶために やっててよかったこと
エンジニアが Webを学ぶために やっててよかったこと
「やっぱり怖かったPerl」In Kichijoji.pm #2
「やっぱり怖かったPerl」In Kichijoji.pm #2
20180914 FiFiC
20180914 FiFiC
Careerselect 3/30
Careerselect 3/30
HTML5/JavaScript ではじめるIoT
HTML5/JavaScript ではじめるIoT
HTML5/JS勉強会「HTML5/JavaScript ではじめるIoT」
HTML5/JS勉強会「HTML5/JavaScript ではじめるIoT」
CoderDojoひばりヶ丘 その記録 - 子供達は何を学んでいるのか -
CoderDojoひばりヶ丘 その記録 - 子供達は何を学んでいるのか -
あらためてWorld Wide Web
あらためてWorld Wide Web
Comb meet up_@kuwaccho0711_20140810
Comb meet up_@kuwaccho0711_20140810
Word pressの可能性とplugin拡張
Word pressの可能性とplugin拡張
Tesseract-OCR in iOS
Tesseract-OCR in iOS
[社内向け]Titanium勉強会
[社内向け]Titanium勉強会
IntelliJ IDEAで快適なPython生活
IntelliJ IDEAで快適なPython生活
「仙台ミラソン」行って来た
「仙台ミラソン」行って来た
Ict challenge+r2011 final
Ict challenge+r2011 final
Chrome拡張で改善 表紙
Chrome拡張で改善 表紙
#Devlove 甲子園日本シリーズ ku_suke
#Devlove 甲子園日本シリーズ ku_suke
ゆるふわWoT&firefoxOS体験記
ゆるふわWoT&firefoxOS体験記
クソアプリのつくり方
クソアプリのつくり方
from_beginner_to_engineer
from_beginner_to_engineer
Recently uploaded
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Ryo Sasaki
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
taisei2219
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Toru Tamaki
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
sugiuralab
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
danielhu54
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Yuma Ohgami
Recently uploaded
(9)
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
Postman LT Fukuoka_Quick Prototype_By Daniel
Postman LT Fukuoka_Quick Prototype_By Daniel
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
漢は黙ってjQuery
1.
漢は黙って
2.
自己紹介 Potato4d(花谷 拓磨) ・向陽台高等学校2年 ・自称Webクリエイター ・Twitter芸人 ・株式会社ND&IでWebやったりFlamingo Incでアプリ 作ったり ・最近はCordovaをやりたい ・タダピザの為に昨日登録してスライド作った @potato4d
3.
今日話すこと • jQueryについて
4.
ここ数年のフロント事情
5.
すっごい進化した!
6.
ES2015(ES6)時代
7.
比較的最近だと思っている技術達
8.
_人人人人人人人人人人人人_ > 全くついていけてない <  ̄Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y ̄
9.
なんとか得ようとしてる技術 Webデザイン
10.
おわかりいただけただろうか…
11.
まともな JS技術を身に着けていない
12.
一応触ってはいます! 実戦投入できる技術が無いだけです!本当です!信じてください!
13.
じゃあ何でロジック書いてくの?
14.
15.
魔法のツールの素敵環境より
16.
このカオスっぷりの虜に
17.
時代という 大きな波に押されながら
18.
それでもこれを使って闇コードを 量産しよう
19.
20.
jQueryのここが凄い!
21.
すごいポイント1/3
22.
取り敢えず書いたら動く!
23.
最近見た闇コード
24.
_人人人人人人人人人人人人人人人人_ > クソコードでも良い感じに動く <  ̄Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y ̄
25.
それが
26.
27.
すごいポイント 2/3
28.
プラグインを特盛りにすれば 「取り敢えず何か」解決する!
29.
無計画にjQueryを使う解決法
30.
_人人人人人人人人_ > 解決しちゃう <  ̄Y^Y^Y^Y^Y^Y^Y ̄
31.
それが
32.
33.
すごいポイント 3/3
34.
そのまま突っ走っても なんやかんやで完走できる
35.
完走例(秋にリリースしたもの)1
36.
_人人人人人人人人人人人人人人_ > テンプレートエンジン使え <  ̄Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y ̄
37.
_人人人人人人人人人人人人人人_ > データバインディングしろ <  ̄Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y ̄
38.
でも完走できちゃう
39.
それが
40.
41.
素敵ポイントの代償
42.
無計画に出来ちゃうからこそ 後々苦労する
43.
よくあるパターン
44.
_人人人人人人人人人人人人人人人人人人人_ >DOM ElementsかjQuery Objかわからない<  ̄Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y ̄
45.
よくあるパターン 搭載プラグイン24個
46.
_人人人人人人人人人人人人人_ > なんかもう収集つかない <  ̄Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y^Y ̄
47.
でも実際
48.
最新技術ほど 学習コストが高くなく
49.
保守性をかなぐり捨てて書こうと思えば、 なんかすごいめっちゃ早く 挙動書いていけるjQuery
50.
私は大好きです。
51.
あと、これは全て jQueryのせいではなく
52.
強力すぎるが故に起きてしまう 悲劇だと思います。
53.
だから……
54.
だから……!
55.
だから……!!
56.
57.
ご静聴ありがとうございました
Download now