Download free for 30 days
Sign in
Upload
Language (EN)
Support
Business
Mobile
Social Media
Marketing
Technology
Art & Photos
Career
Design
Education
Presentations & Public Speaking
Government & Nonprofit
Healthcare
Internet
Law
Leadership & Management
Automotive
Engineering
Software
Recruiting & HR
Retail
Sales
Services
Science
Small Business & Entrepreneurship
Food
Environment
Economy & Finance
Data & Analytics
Investor Relations
Sports
Spiritual
News & Politics
Travel
Self Improvement
Real Estate
Entertainment & Humor
Health & Medicine
Devices & Hardware
Lifestyle
Change Language
Language
English
Español
Português
Français
Deutsche
Cancel
Save
Submit search
EN
Uploaded by
terurou
PDF, PPTX
16,736 views
altJSの選び方
Frontrend in NagoyaでのLT資料です
Technology
◦
Read more
30
Save
Share
Embed
Embed presentation
Download
Download as PDF, PPTX
1
/ 22
2
/ 22
3
/ 22
4
/ 22
5
/ 22
6
/ 22
7
/ 22
8
/ 22
9
/ 22
10
/ 22
11
/ 22
12
/ 22
13
/ 22
14
/ 22
15
/ 22
16
/ 22
17
/ 22
18
/ 22
19
/ 22
20
/ 22
21
/ 22
22
/ 22
More Related Content
PDF
ソーシャルゲーム開発における運用とそのツール
by
Yoshiaki Sugimoto
PDF
デザイナーにもできる再構築の高速化/負荷分散
by
Hajime Fujimoto
PDF
「新しい」を生み出すためのWebアプリ開発とその周辺
by
Yusuke Wada
PDF
サーバサイドエンジニアから見た MT構築のレガシーなノウハウ (入門編)
by
Osamu Nagatani
PDF
GitHub Enterprise with GMO Pepabo
by
Hiroshi SHIBATA
PPTX
いまNode Express4で書いてるディレクターが 初めて書き始める2ヶ月前くらいの自分に言っておく
by
Takahiro YAMAGUCHI
PPTX
Node.jsに縁のない職場でnode.jsを使い始める戦術
by
Isamu Suzuki
PPTX
モノづくりを楽しもう! ~ このデバイスとクラウドでできること
by
Kazumi OHIRA
ソーシャルゲーム開発における運用とそのツール
by
Yoshiaki Sugimoto
デザイナーにもできる再構築の高速化/負荷分散
by
Hajime Fujimoto
「新しい」を生み出すためのWebアプリ開発とその周辺
by
Yusuke Wada
サーバサイドエンジニアから見た MT構築のレガシーなノウハウ (入門編)
by
Osamu Nagatani
GitHub Enterprise with GMO Pepabo
by
Hiroshi SHIBATA
いまNode Express4で書いてるディレクターが 初めて書き始める2ヶ月前くらいの自分に言っておく
by
Takahiro YAMAGUCHI
Node.jsに縁のない職場でnode.jsを使い始める戦術
by
Isamu Suzuki
モノづくりを楽しもう! ~ このデバイスとクラウドでできること
by
Kazumi OHIRA
What's hot
PDF
Webサービスのコンテンツパターン 或いはデータの活⽤
by
Yusuke Wada
PDF
サブドメイン前提のチーム機能開発で踏んだ OAuthの罠の話 in express
by
Takahiro YAMAGUCHI
PPTX
BluemixでサクッとIoT ! ~ IoT Foundation, Node-RED や Azure Event Hub との連携もお助けヾ(o´∀`o)ノ
by
Kazumi OHIRA
PDF
サーバサイドエンジニアが 1年間まじめにSPAやってみた
by
Itaru Kitagawa
PDF
脆弱性検知ツールVulsを試してみた
by
Cosign930
PPTX
Node.jsで使えるファイルDB"NeDB"のススメ
by
Isamu Suzuki
PDF
オープンデータのためのスクレイピング
by
直之 伊藤
PDF
まだ DOM 操作で消耗してるの?
by
Yuki Ishikawa
PDF
グラフ解析で社長の脳内さらす!
by
Kazuki Morozumi
PPTX
ガチリアルな修羅チーム開発
by
Atsushi Kojima
PPTX
お得に手軽に♪試してみよう!サーバーレスアーキテクチャ ~Azure Functions / Logic Apps~
by
典子 松本
PPTX
Microsoft機械学習の簡単な紹介
by
A AOKI
PDF
ご注文は構成管理ですか??
by
Cosign930
PDF
アプリしか作れないけどAzureに触ってみた #ngtnet
by
Kazumune Katagiri
PDF
Nodeにしましょう
by
Yuzo Hebishima
PDF
S14 t3 yosuke_yamashita
by
Takeshi Akutsu
PPTX
A/BテストをAzure×Googleアナリティクスで試してみました。
by
典子 松本
PDF
NuxtJS + REST APIで運用中サービスをNuxtJS + GraphQLに変更したことによる光と影
by
gree_tech
PDF
Python Tip LT 20210805 nlog2n2
by
Sekiguchi Toshihiro
PPTX
Node.jsではじめるサーバ構築
by
AimingStudy
Webサービスのコンテンツパターン 或いはデータの活⽤
by
Yusuke Wada
サブドメイン前提のチーム機能開発で踏んだ OAuthの罠の話 in express
by
Takahiro YAMAGUCHI
BluemixでサクッとIoT ! ~ IoT Foundation, Node-RED や Azure Event Hub との連携もお助けヾ(o´∀`o)ノ
by
Kazumi OHIRA
サーバサイドエンジニアが 1年間まじめにSPAやってみた
by
Itaru Kitagawa
脆弱性検知ツールVulsを試してみた
by
Cosign930
Node.jsで使えるファイルDB"NeDB"のススメ
by
Isamu Suzuki
オープンデータのためのスクレイピング
by
直之 伊藤
まだ DOM 操作で消耗してるの?
by
Yuki Ishikawa
グラフ解析で社長の脳内さらす!
by
Kazuki Morozumi
ガチリアルな修羅チーム開発
by
Atsushi Kojima
お得に手軽に♪試してみよう!サーバーレスアーキテクチャ ~Azure Functions / Logic Apps~
by
典子 松本
Microsoft機械学習の簡単な紹介
by
A AOKI
ご注文は構成管理ですか??
by
Cosign930
アプリしか作れないけどAzureに触ってみた #ngtnet
by
Kazumune Katagiri
Nodeにしましょう
by
Yuzo Hebishima
S14 t3 yosuke_yamashita
by
Takeshi Akutsu
A/BテストをAzure×Googleアナリティクスで試してみました。
by
典子 松本
NuxtJS + REST APIで運用中サービスをNuxtJS + GraphQLに変更したことによる光と影
by
gree_tech
Python Tip LT 20210805 nlog2n2
by
Sekiguchi Toshihiro
Node.jsではじめるサーバ構築
by
AimingStudy
Viewers also liked
PDF
最強オブジェクト指向言語 JavaScript 再入門!
by
Yuji Nojima
PPTX
altJS勉強会「Haxeすごいからみんな使え!」
by
政樹 尾野
PPTX
Cocos2d-x(JS) ハンズオン #07「新エディタ Cocos Creator v1.0」
by
Tomoaki Shimizu
PDF
大規模なギョームシステムにHaxeを採用してみた話
by
terurou
PDF
jQueryを中心としたJavaScript
by
hideaki honda
PDF
cocos2d-xおよび開発ツールについて
by
Tomoaki Shimizu
PDF
何となく勉強した気分になれるパーサ入門
by
masayoshi takahashi
PPTX
IdrisでWebアプリを書く
by
Hideyuki Tanaka
PDF
HelsinkiJS meet-up. Dmitry Soshnikov - ECMAScript 6
by
Dmitry Soshnikov
PDF
Elm overview
by
dsuke Takaoka
PDF
Full Stack Scala
by
Ramnivas Laddad
PDF
ネタじゃないScala.js
by
takezoe
PDF
Purescript with Monad
by
Kousuke Ruichi
PDF
Type-safe front-end development with Scala
by
takezoe
PPTX
Scala初心者がPlay/ScalaでロックなWebアプリを作ったお話
by
omi end
最強オブジェクト指向言語 JavaScript 再入門!
by
Yuji Nojima
altJS勉強会「Haxeすごいからみんな使え!」
by
政樹 尾野
Cocos2d-x(JS) ハンズオン #07「新エディタ Cocos Creator v1.0」
by
Tomoaki Shimizu
大規模なギョームシステムにHaxeを採用してみた話
by
terurou
jQueryを中心としたJavaScript
by
hideaki honda
cocos2d-xおよび開発ツールについて
by
Tomoaki Shimizu
何となく勉強した気分になれるパーサ入門
by
masayoshi takahashi
IdrisでWebアプリを書く
by
Hideyuki Tanaka
HelsinkiJS meet-up. Dmitry Soshnikov - ECMAScript 6
by
Dmitry Soshnikov
Elm overview
by
dsuke Takaoka
Full Stack Scala
by
Ramnivas Laddad
ネタじゃないScala.js
by
takezoe
Purescript with Monad
by
Kousuke Ruichi
Type-safe front-end development with Scala
by
takezoe
Scala初心者がPlay/ScalaでロックなWebアプリを作ったお話
by
omi end
More from terurou
PDF
デンキヤギの採用の考え方
by
terurou
PDF
MQTTとAMQPと.NET
by
terurou
PDF
動的なILの生成と編集
by
terurou
PDF
DataGridを自前実装する話
by
terurou
PDF
Webブラウザ上で動作する帳票エンジンを作る話
by
terurou
PDF
DLR言語によるSilverlightプログラミング
by
terurou
PDF
FIRST STEP to Haxe/JavaScript
by
terurou
PDF
オブジェクト指向の皮をかぶった関数型プログラミング言語 Haxe
by
terurou
PDF
大規模なJavaScript開発の話
by
terurou
PDF
Computation Expressions for Haxe
by
terurou
PDF
自社サービスでDurable Functionsを採用した話
by
terurou
PDF
Vue.jsをhaxeで
by
terurou
PDF
Metro Style AppsでMSILver.2012/06/09
by
terurou
PDF
Metro Style AppsでMSIL
by
terurou
PDF
スマートフォン×Cassandraによるハイパフォーマンス基盤の構築事例
by
terurou
PDF
Iron Python / Iron Ruby で .NET Programming
by
terurou
PDF
クラウドGPS(仮)
by
terurou
PDF
Yet Another DLR for Silverlightの試作
by
terurou
PDF
Scala×silverlight
by
terurou
PDF
CommonJSの話
by
terurou
デンキヤギの採用の考え方
by
terurou
MQTTとAMQPと.NET
by
terurou
動的なILの生成と編集
by
terurou
DataGridを自前実装する話
by
terurou
Webブラウザ上で動作する帳票エンジンを作る話
by
terurou
DLR言語によるSilverlightプログラミング
by
terurou
FIRST STEP to Haxe/JavaScript
by
terurou
オブジェクト指向の皮をかぶった関数型プログラミング言語 Haxe
by
terurou
大規模なJavaScript開発の話
by
terurou
Computation Expressions for Haxe
by
terurou
自社サービスでDurable Functionsを採用した話
by
terurou
Vue.jsをhaxeで
by
terurou
Metro Style AppsでMSILver.2012/06/09
by
terurou
Metro Style AppsでMSIL
by
terurou
スマートフォン×Cassandraによるハイパフォーマンス基盤の構築事例
by
terurou
Iron Python / Iron Ruby で .NET Programming
by
terurou
クラウドGPS(仮)
by
terurou
Yet Another DLR for Silverlightの試作
by
terurou
Scala×silverlight
by
terurou
CommonJSの話
by
terurou
altJSの選び方
1.
altJSの選び方 terurou デンキヤギ株式会社 2014/06/21
2.
自己紹介 1
3.
自己紹介/所属等 • デンキヤギ株式会社 代表取締役 •
社員, フリーランス, 協業企業 募集してます • DSTokai管理人 • 東海地方のメタコミュニティ • IT勉強会カレンダーっぽいやつの東海地方版 • NGK(名古屋合同懇親会) • エンジニア向けクロスコミュニティ忘年会 • ここ数年は100人超の参加者 2
4.
自己紹介/技術領域 • フロントエンドアーキテクト(自称) • 大量データ×フロントエンドが専門? •
数百万件以上をストレスレスに操作 • 100万件を編集するExcelっぽいヤツとか… • バックエンド込みのアーキテクチャ設計から フレームワーク・コンポーネント実装まで • 最近はHaxe製SPAフレームワークとか • Haxe/JS歴2年, その他にWPF, Silverlight等 • JavaScript歴は12年ぐらい 3
5.
altJSとは? 4
6.
altJSとは? • Alternative JavaScript •
JavaScriptの代替プログラミング言語 コンパイル altJSで書かれた ソースコード JavaScriptの ソースコード 5
7.
なぜaltJSが必要なの? 6
8.
JavaScriptが色々つらい 7
9.
JavaScriptのつらいところ • 言語仕様が難しく、柔軟すぎる • prototype,
thisスコープ, クラスっぽい何か • 人やライブラリによってコードスタイルが 大きな差異がある • 結果的にレビュー, ドキュメントが増加… • 動的型付け • 静的型付けよりもバグ混入の可能性が高い • 学習コストの上昇, 保守性の低下へ… 8
10.
それ ECMAScript 6
で… • 使える時代が来るまで待つのが… • 2014年12月を目標に仕様策定中 • 仕様に従ったブラウザが来るのはその後 • IE13以上?が普及した時代が来れば… • ES6が来ても全てが解決する訳ではない • 仕方ないのでJavaScriptは生成しましょう 9
11.
altJSを選ぶ 10
12.
altJSは100種類以上… https://github.com/jashkenas/coffeescript/wiki/List-of-languages-that-compile-to-JS 11
13.
とりあえずメジャーなaltJSに絞る • TypeScript • 今一番の注目株 •
最近1.0がリリースされ、本も3冊出版された • Haxe • マルチプラットフォーム言語 • CoffeeScript • Railsに採用されている 安定性, 採用実績, 国内外のユーザ数, 将来性等を 考慮すると、このあたり(2014年6月時点) 12
14.
ここから更に選定するためのポイント • 静的型付け or
動的型付け • 世間の流れは静的型付け • 静的型付けの方が開発効率や品質面で有利 • 前はそうでもなかったが、技術は進歩する • 開発対象 • Web? マルチプラットフォーム? … • Rails? PHP? Java? ASP.NET? … • メンバーの学習コスト • 既に習得済み? 近くの人に聞ける? 本は? • 過去にやったことがある言語に似てる? 13
15.
TypeScript • モダンな言語仕様 • ECMAScript
6に似た構文(ES6の先行実装) • 静的型, 型推論, 構造的部分型, … • 開発体制, 品質が信用できる(Microsoft製) • 開発環境, 日本語情報が整備されている • コンパイルが遅い(数秒から十数秒) • 実際はバックグラウンドコンパイルするので 遅さが気になる場面は限定されるが… 14
16.
Haxe • 構文は少し古臭いが、高度な言語機能 • ActionScript
3やC#に似た構文 • 静的型, 型推論, 構造的部分型, 代数的データ型, マクロ(AST変換)等、TypeScriptより高機能 • 若干JavaScriptとの親和性が低い • マルチプラットフォーム • JS以外にFlash, PHP, C++, C#, Java等 • 超高速コンパイル(数万行でも1秒未満) • なぜか名古屋と福岡にユーザが多い 15
17.
CoffeeScript • JavaScriptの構文をとにかく軽量化 • Rubyに似ており、記述するのは非常に楽 •
が、前提知識がないとコードが読めない • 動的型付け • altJSの草分け的存在 • Railsに採用されている • 歴史的経緯から現在のユーザ数は多いが、 今後のユーザ増加は望み薄っぽい 16
18.
まとめ 17
19.
結局どれ?(個人の見解) • TypeScript • 特に決め手がなければコレ •
日本語文献(書籍, Web)が多数、今後も増える • Haxe • マルチプラットフォーム、ゲーム開発 • ML由来の高度な型システムとmacroが欲しい • コンパイルが遅い言語は使いたくない • CoffeeScript • Rails案件または既にユーザであれば… • 今から決め手もなく選択するのは、うーん… 18
20.
altJSを使わないという選択肢もある 検討した結果、altJSを使うメリットがない ケースも当然存在する • jQueryでちょっとEffectをつける程度 • 俺たちはJavaScript忍者だ •
altJSとか信用できない でも、altJSを適用すべき範囲は結構広い 19
21.
全てをaltJSに置き換える必要もない • ツールからJavaScriptすることが一般化 • Flash/CreateJSで書きだしたりとか •
生成コードをaltJSに書き直しとかありえない • altJSとJavaScriptが混在する開発スタイル, アーキテクチャは当たり前 • メンバー構成や担当作業に最適化 • もちろん無秩序にならないように設計は必要 20
22.
個人的には Haxe 推しです 今回の発表では詳細な解説は 全てすっ飛ばしたので、 質問・クレームは
@terurou まで 21
Download