Submit Search
Upload
新ジャンルのJavaScript圧縮難読化に挑戦 ~jojofy-js
•
Download as PPTX, PDF
•
0 likes
•
1,963 views
K
Kondo Hitoshi
Follow
第3のビール的なジャンルの圧縮難読化ツール作りに挑戦してみました
Read less
Read more
Software
Report
Share
Report
Share
1 of 20
Download now
Recommended
キャッチアップJavaScriptビルド -ビルドから見るJSの今/2016春
キャッチアップJavaScriptビルド -ビルドから見るJSの今/2016春
Kondo Hitoshi
TypeScript による今風の web アプリ開発
TypeScript による今風の web アプリ開発
靖 陣内
Visual Studioで始めるTypeScript開発入門
Visual Studioで始めるTypeScript開発入門
Narami Kiyokura
Reactつかってみた
Reactつかってみた
Minori Tokuda
( ゚∀゚)o彡° Flux! Flux!
( ゚∀゚)o彡° Flux! Flux!
Yuki Ishikawa
いまさら学ぶMVVMパターン
いまさら学ぶMVVMパターン
Yuta Matsumura
AngularJS2でつまづいたこと
AngularJS2でつまづいたこと
Takehiro Takahashi
120512 metro styleapp_javascript
120512 metro styleapp_javascript
Takayoshi Tanaka
Recommended
キャッチアップJavaScriptビルド -ビルドから見るJSの今/2016春
キャッチアップJavaScriptビルド -ビルドから見るJSの今/2016春
Kondo Hitoshi
TypeScript による今風の web アプリ開発
TypeScript による今風の web アプリ開発
靖 陣内
Visual Studioで始めるTypeScript開発入門
Visual Studioで始めるTypeScript開発入門
Narami Kiyokura
Reactつかってみた
Reactつかってみた
Minori Tokuda
( ゚∀゚)o彡° Flux! Flux!
( ゚∀゚)o彡° Flux! Flux!
Yuki Ishikawa
いまさら学ぶMVVMパターン
いまさら学ぶMVVMパターン
Yuta Matsumura
AngularJS2でつまづいたこと
AngularJS2でつまづいたこと
Takehiro Takahashi
120512 metro styleapp_javascript
120512 metro styleapp_javascript
Takayoshi Tanaka
T35 ASP.NET MVCを使ったTDD入門
T35 ASP.NET MVCを使ったTDD入門
normalian
塹壕よりLivetとMVVM
塹壕よりLivetとMVVM
Hiroshi Maekawa
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
silvers ofsilvers
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
Jun-ichi Sakamoto
ASP.NET SPA開発をはじめよう~今と未来とステップアップ
ASP.NET SPA開発をはじめよう~今と未来とステップアップ
慎一 古賀
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Itaru Kitagawa
React.js + Flux
React.js + Flux
dsuke Takaoka
3日時間をもらったのでTypeScriptを触ってみた
3日時間をもらったのでTypeScriptを触ってみた
Yasushi Kato
無償版Visual StudioでいろいろWeb開発
無償版Visual StudioでいろいろWeb開発
Narami Kiyokura
TypeScript超入門
TypeScript超入門
Narami Kiyokura
新世代Java scriptコントロール wijmo5 devsumi_150219
新世代Java scriptコントロール wijmo5 devsumi_150219
Akiyoshi Yamazaki
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Fujio Kojima
Java scriptライブラリ「wijmo(ウィジモ)」による日本仕様のUI開発
Java scriptライブラリ「wijmo(ウィジモ)」による日本仕様のUI開発
Akiyoshi Yamazaki
【デブサミ関西C4】JavaScriptライブラリ Wijmo[ウィジモ]ご紹介
【デブサミ関西C4】JavaScriptライブラリ Wijmo[ウィジモ]ご紹介
Developers Summit
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
Jun-ichi Sakamoto
Blazor 触ってみた
Blazor 触ってみた
Oda Shinsuke
TypeScriptはいいぞ
TypeScriptはいいぞ
Jun Suzuki
WebブラウザでC#実行 WebAssemblyの技術
WebブラウザでC#実行 WebAssemblyの技術
Sho Okada
TypeScript補完計画 for Sublime Text 2
TypeScript補完計画 for Sublime Text 2
kamukiriri
JavaScript難読化読経
JavaScript難読化読経
Yosuke HASEGAWA
次世代プラットフォームのセキュリティモデル考察(前編)
次世代プラットフォームのセキュリティモデル考察(前編)
Yosuke HASEGAWA
Webプラットフォームのセキュリティ
Webプラットフォームのセキュリティ
Muneaki Nishimura
More Related Content
What's hot
T35 ASP.NET MVCを使ったTDD入門
T35 ASP.NET MVCを使ったTDD入門
normalian
塹壕よりLivetとMVVM
塹壕よりLivetとMVVM
Hiroshi Maekawa
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
silvers ofsilvers
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
Jun-ichi Sakamoto
ASP.NET SPA開発をはじめよう~今と未来とステップアップ
ASP.NET SPA開発をはじめよう~今と未来とステップアップ
慎一 古賀
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
Itaru Kitagawa
React.js + Flux
React.js + Flux
dsuke Takaoka
3日時間をもらったのでTypeScriptを触ってみた
3日時間をもらったのでTypeScriptを触ってみた
Yasushi Kato
無償版Visual StudioでいろいろWeb開発
無償版Visual StudioでいろいろWeb開発
Narami Kiyokura
TypeScript超入門
TypeScript超入門
Narami Kiyokura
新世代Java scriptコントロール wijmo5 devsumi_150219
新世代Java scriptコントロール wijmo5 devsumi_150219
Akiyoshi Yamazaki
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Fujio Kojima
Java scriptライブラリ「wijmo(ウィジモ)」による日本仕様のUI開発
Java scriptライブラリ「wijmo(ウィジモ)」による日本仕様のUI開発
Akiyoshi Yamazaki
【デブサミ関西C4】JavaScriptライブラリ Wijmo[ウィジモ]ご紹介
【デブサミ関西C4】JavaScriptライブラリ Wijmo[ウィジモ]ご紹介
Developers Summit
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
Jun-ichi Sakamoto
Blazor 触ってみた
Blazor 触ってみた
Oda Shinsuke
TypeScriptはいいぞ
TypeScriptはいいぞ
Jun Suzuki
WebブラウザでC#実行 WebAssemblyの技術
WebブラウザでC#実行 WebAssemblyの技術
Sho Okada
TypeScript補完計画 for Sublime Text 2
TypeScript補完計画 for Sublime Text 2
kamukiriri
What's hot
(19)
T35 ASP.NET MVCを使ったTDD入門
T35 ASP.NET MVCを使ったTDD入門
塹壕よりLivetとMVVM
塹壕よりLivetとMVVM
angular X designer - デザイナからみたAngularJS #ten1club
angular X designer - デザイナからみたAngularJS #ten1club
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
はじめよう TypeScript - 入門から実践まで - 素の JavaScript とはさようなら!
ASP.NET SPA開発をはじめよう~今と未来とステップアップ
ASP.NET SPA開発をはじめよう~今と未来とステップアップ
サーバサイドエンジニアが 1年間まじめにSPAやってみた
サーバサイドエンジニアが 1年間まじめにSPAやってみた
React.js + Flux
React.js + Flux
3日時間をもらったのでTypeScriptを触ってみた
3日時間をもらったのでTypeScriptを触ってみた
無償版Visual StudioでいろいろWeb開発
無償版Visual StudioでいろいろWeb開発
TypeScript超入門
TypeScript超入門
新世代Java scriptコントロール wijmo5 devsumi_150219
新世代Java scriptコントロール wijmo5 devsumi_150219
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Windows アプリケーション開発はじめに ~ Windows アプリケーション開発初学者の方向けVisual Studio を使ったアプリケーショ...
Java scriptライブラリ「wijmo(ウィジモ)」による日本仕様のUI開発
Java scriptライブラリ「wijmo(ウィジモ)」による日本仕様のUI開発
【デブサミ関西C4】JavaScriptライブラリ Wijmo[ウィジモ]ご紹介
【デブサミ関西C4】JavaScriptライブラリ Wijmo[ウィジモ]ご紹介
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
がんばらなくても C# で Single Page Web アプリケーションが書けてしまう「Blazor」とは
Blazor 触ってみた
Blazor 触ってみた
TypeScriptはいいぞ
TypeScriptはいいぞ
WebブラウザでC#実行 WebAssemblyの技術
WebブラウザでC#実行 WebAssemblyの技術
TypeScript補完計画 for Sublime Text 2
TypeScript補完計画 for Sublime Text 2
Viewers also liked
JavaScript難読化読経
JavaScript難読化読経
Yosuke HASEGAWA
次世代プラットフォームのセキュリティモデル考察(前編)
次世代プラットフォームのセキュリティモデル考察(前編)
Yosuke HASEGAWA
Webプラットフォームのセキュリティ
Webプラットフォームのセキュリティ
Muneaki Nishimura
Developers.IO 2016 F-1 セッション資料
Developers.IO 2016 F-1 セッション資料
Shinichi Hirauchi
アジャイルによくきく?モデリング
アジャイルによくきく?モデリング
Iwao Harada
Lt駆動開発 01 プレゼン
Lt駆動開発 01 プレゼン
Kakigi Katuyuki
Speeda新機能開発にddd tddを取り入れた話
Speeda新機能開発にddd tddを取り入れた話
Raymond Jason Yap
dbtech showcase 2016 Delphix講演資料
dbtech showcase 2016 Delphix講演資料
Delphix Japan
How to be an agile programmer.
How to be an agile programmer.
Tsuyoshi Ushio
AWS Summit Chicago 2016発表のサービスアップデートまとめ
AWS Summit Chicago 2016発表のサービスアップデートまとめ
Amazon Web Services Japan
そろそろ(おまえらの)DevOpsについて一言いっておくか
そろそろ(おまえらの)DevOpsについて一言いっておくか
Takashi Takebayashi
[db tech showcase Tokyo 2016] D24: データベース環境における検証結果から理解する失敗しないフラッシュ活用法 第三章 ~デ...
[db tech showcase Tokyo 2016] D24: データベース環境における検証結果から理解する失敗しないフラッシュ活用法 第三章 ~デ...
Insight Technology, Inc.
Scrum Bangalore 18th Meetup - October 15, 2016 - Agile Architecture - Deepak ...
Scrum Bangalore 18th Meetup - October 15, 2016 - Agile Architecture - Deepak ...
Scrum Bangalore
KVM環境におけるネットワーク速度ベンチマーク
KVM環境におけるネットワーク速度ベンチマーク
VirtualTech Japan Inc.
IoT and Evolution of Mobile Networks toward 5G
IoT and Evolution of Mobile Networks toward 5G
Osaka University
「レガシーコード」とはいったい?
「レガシーコード」とはいったい?
Hiroyuki Ohnaka
DBTS2016 Data as Code - Delphix
DBTS2016 Data as Code - Delphix
Masaya Ishikawa
今からはじめるPuppet 2016 ~ インフラエンジニアのたしなみ ~
今からはじめるPuppet 2016 ~ インフラエンジニアのたしなみ ~
NTT DATA OSS Professional Services
20161027 hadoop summit Generating Recommendations at Amazon Scale with Apach...
20161027 hadoop summit Generating Recommendations at Amazon Scale with Apach...
Amazon Web Services Japan
イノベーションに向けたR&dの再定義
イノベーションに向けたR&dの再定義
Osaka University
Viewers also liked
(20)
JavaScript難読化読経
JavaScript難読化読経
次世代プラットフォームのセキュリティモデル考察(前編)
次世代プラットフォームのセキュリティモデル考察(前編)
Webプラットフォームのセキュリティ
Webプラットフォームのセキュリティ
Developers.IO 2016 F-1 セッション資料
Developers.IO 2016 F-1 セッション資料
アジャイルによくきく?モデリング
アジャイルによくきく?モデリング
Lt駆動開発 01 プレゼン
Lt駆動開発 01 プレゼン
Speeda新機能開発にddd tddを取り入れた話
Speeda新機能開発にddd tddを取り入れた話
dbtech showcase 2016 Delphix講演資料
dbtech showcase 2016 Delphix講演資料
How to be an agile programmer.
How to be an agile programmer.
AWS Summit Chicago 2016発表のサービスアップデートまとめ
AWS Summit Chicago 2016発表のサービスアップデートまとめ
そろそろ(おまえらの)DevOpsについて一言いっておくか
そろそろ(おまえらの)DevOpsについて一言いっておくか
[db tech showcase Tokyo 2016] D24: データベース環境における検証結果から理解する失敗しないフラッシュ活用法 第三章 ~デ...
[db tech showcase Tokyo 2016] D24: データベース環境における検証結果から理解する失敗しないフラッシュ活用法 第三章 ~デ...
Scrum Bangalore 18th Meetup - October 15, 2016 - Agile Architecture - Deepak ...
Scrum Bangalore 18th Meetup - October 15, 2016 - Agile Architecture - Deepak ...
KVM環境におけるネットワーク速度ベンチマーク
KVM環境におけるネットワーク速度ベンチマーク
IoT and Evolution of Mobile Networks toward 5G
IoT and Evolution of Mobile Networks toward 5G
「レガシーコード」とはいったい?
「レガシーコード」とはいったい?
DBTS2016 Data as Code - Delphix
DBTS2016 Data as Code - Delphix
今からはじめるPuppet 2016 ~ インフラエンジニアのたしなみ ~
今からはじめるPuppet 2016 ~ インフラエンジニアのたしなみ ~
20161027 hadoop summit Generating Recommendations at Amazon Scale with Apach...
20161027 hadoop summit Generating Recommendations at Amazon Scale with Apach...
イノベーションに向けたR&dの再定義
イノベーションに向けたR&dの再定義
Similar to 新ジャンルのJavaScript圧縮難読化に挑戦 ~jojofy-js
SWFバージョン4においての テキスト形式による コンパイル結果の違い及び JavaScriptでの その描画方法に関する考察
SWFバージョン4においての テキスト形式による コンパイル結果の違い及び JavaScriptでの その描画方法に関する考察
Kazuhiro Kosaka
SWFバージョン4においてのテキスト形式によるコンパイル結果の違い及びJavaScriptでのその描画方法に関する考察
SWFバージョン4においてのテキスト形式によるコンパイル結果の違い及びJavaScriptでのその描画方法に関する考察
Kazuhiro Kosaka
12.09.08 明星和楽2012 KLabハンズオンセッション
12.09.08 明星和楽2012 KLabハンズオンセッション
Kei Nakazawa
【LT】 怖くない恐怖のScala.js
【LT】 怖くない恐怖のScala.js
Yuto Suzuki
メンテナブルなJsってなんだろう
メンテナブルなJsってなんだろう
Daiki Matsumoto
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Maaya Ishida
Stack2017 自動化困難な状況での活動方法
Stack2017 自動化困難な状況での活動方法
Tatsuya Ishikawa
LT駆動開発04 5分では分からないTypeScriptのなんとか
LT駆動開発04 5分では分からないTypeScriptのなんとか
Kazuya Matsubara
ES6で始めるNode.js / Starting NodeJS Development with ES6
ES6で始めるNode.js / Starting NodeJS Development with ES6
Taro Odashima
JavaScriptを使った開発を始めるなら!TypeScriptをはじめよう ~ ステップアップ
JavaScriptを使った開発を始めるなら!TypeScriptをはじめよう ~ ステップアップ
慎一 古賀
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
miso- soup3
ぼく(たち)のかんがえた最新のJS開発環境 #scripty04
ぼく(たち)のかんがえた最新のJS開発環境 #scripty04
Yahoo!デベロッパーネットワーク
Js frameworkの紹介
Js frameworkの紹介
Ryo Shimada
Infragistics Web Day 2017 - 継続的な開発を支える テスト自動化技術
Infragistics Web Day 2017 - 継続的な開発を支える テスト自動化技術
Tatsuya Ishikawa
Web制作勉強会 #2
Web制作勉強会 #2
Moto Yan
HTML5の前のJavaScript入門
HTML5の前のJavaScript入門
Hiroki Toyokawa
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】
Yasuhito Yabe
kintoneカスタマイズの可能性
kintoneカスタマイズの可能性
安隆 沖
0831 node学園lt
0831 node学園lt
Kazuya Fukumoto
AngularJSのDirectiveで俺俺タグつくっちゃお
AngularJSのDirectiveで俺俺タグつくっちゃお
Toshio Ehara
Similar to 新ジャンルのJavaScript圧縮難読化に挑戦 ~jojofy-js
(20)
SWFバージョン4においての テキスト形式による コンパイル結果の違い及び JavaScriptでの その描画方法に関する考察
SWFバージョン4においての テキスト形式による コンパイル結果の違い及び JavaScriptでの その描画方法に関する考察
SWFバージョン4においてのテキスト形式によるコンパイル結果の違い及びJavaScriptでのその描画方法に関する考察
SWFバージョン4においてのテキスト形式によるコンパイル結果の違い及びJavaScriptでのその描画方法に関する考察
12.09.08 明星和楽2012 KLabハンズオンセッション
12.09.08 明星和楽2012 KLabハンズオンセッション
【LT】 怖くない恐怖のScala.js
【LT】 怖くない恐怖のScala.js
メンテナブルなJsってなんだろう
メンテナブルなJsってなんだろう
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Javaな人が気を付けるべきJavaScriptコーディングスタイル
Stack2017 自動化困難な状況での活動方法
Stack2017 自動化困難な状況での活動方法
LT駆動開発04 5分では分からないTypeScriptのなんとか
LT駆動開発04 5分では分からないTypeScriptのなんとか
ES6で始めるNode.js / Starting NodeJS Development with ES6
ES6で始めるNode.js / Starting NodeJS Development with ES6
JavaScriptを使った開発を始めるなら!TypeScriptをはじめよう ~ ステップアップ
JavaScriptを使った開発を始めるなら!TypeScriptをはじめよう ~ ステップアップ
2016/12/17 ASP.NET フロントエンドタスク入門
2016/12/17 ASP.NET フロントエンドタスク入門
ぼく(たち)のかんがえた最新のJS開発環境 #scripty04
ぼく(たち)のかんがえた最新のJS開発環境 #scripty04
Js frameworkの紹介
Js frameworkの紹介
Infragistics Web Day 2017 - 継続的な開発を支える テスト自動化技術
Infragistics Web Day 2017 - 継続的な開発を支える テスト自動化技術
Web制作勉強会 #2
Web制作勉強会 #2
HTML5の前のJavaScript入門
HTML5の前のJavaScript入門
レスポンシブWebデザイン【発展編】
レスポンシブWebデザイン【発展編】
kintoneカスタマイズの可能性
kintoneカスタマイズの可能性
0831 node学園lt
0831 node学園lt
AngularJSのDirectiveで俺俺タグつくっちゃお
AngularJSのDirectiveで俺俺タグつくっちゃお
新ジャンルのJavaScript圧縮難読化に挑戦 ~jojofy-js
1.
新ジャンルのJavaScript圧縮 難読化に挑戦 By Hitoshi Kondo khit99@gmail.com
2.
最近のJSとビルド 本来JavaScriptにコンパイルなどのビルドは必須ではありませんが… いまどきのJavaScriptアプリではビルドが重要です。
3.
最近のJSとビルド 構文チェック JSHint, ESLint altJSコンパイル tsify, coffeeify ES2015コンパイル Babel,
Babelify • JavaScriptビルドでは例えばこんなことをします。 依存性解決 Browserify altCSSコンパイル stylify, sassify テンプレート処理 Reactify,Mithrilify,Riotify 圧縮/難読化 Uglify, minify UT/操作テスト Karma, mochify ※ベースのビルドツールにより名称は異なります。
4.
そんな中でのお気に入り • Sushi-fy • キャッチフレーズは •
圧縮・難読化ツール(Uglify2の亜種) JavaScriptを寿司のネタに握り直すツール https://www.npmjs.com/package/sushify-js
5.
そんな中でのお気に入り • Sushi-fy Before After
6.
そんな中でのお気に入り • Sushi-fy • これをパクって今回のネタにしました。 しかし後発の製品がヒットするためには •
より強烈なインパクト • キラーコンテンツ が必要
7.
そして…できました。
8.
jojofy
9.
ジョ●ョの奇妙な難読化ツール jojofy
10.
jojofyの使い方は簡単 • インストール npm install
jojofy-js –g • 実行 (Uglifyと一緒) jojofyjs [source] -m -o [outfile]
11.
実演 dojoをjojoにかえてみます
12.
13.
キラーコンテンツ 従来のUglify2にはなかった新機能 • --dio • --world •
--silver • --green • --exactly
14.
• コードを盗んで楽をしようという輩にはdio様を使います。 • --dio
の例
15.
• 逆に先輩などにコードに対する率直な意見を聞きたいときは花京院を使 いましょう • --green
の例 ※花京院のスタンド、 ハイエロファント・グリーンに由来 その他、厳選されたjojo-AAをご利用いただけます。
16.
※AAの確認にはプロポーショナルフォント(MS-PGothicなど)が必要です
17.
効果検証
18.
実際にやってみてわかりましたが、読む気がなくなる 心理的効果があるようです。 難読化
19.
圧縮効果はあまりありませんでした。(従来比80~90%) 圧縮 dojo.js dojo.jojo.js
20.
JavaScriptビルドに興味のある方 • キャッチアップJavaScriptビルド ~ビルドから見るJSの今/2016春 いろいろな**fyを浅く広く知ることでJavaScriptの今を把握します http://www.slideshare.net/khit9/javascriptjs2016
Download now