From JS To CLJS

From JS To CLJS - Adieu JavaScript -

Self-introduction lagénorhynque /laʒenɔʁɛ k ̃ / カマイルカ (defprofile lagénorhynque :name "Kent OHASHI" :account @lagenorhynque :company "Opt, Inc." :languages [Clojure Haskell Python Scala English français Deutsch русский] :interests [programming language-learning mathematics] :contributing [github.com/japan-clojurians/clojure-site-ja])

• https://github.com/lagenorhynque

Contents 1. 2. 3. 4. 5. What is ClojureScript? Why does ClojureScript matter? Language Libraries Tools

What is ClojureScript?

ClojureScript公式サイトによると ClojureScript is a compiler for Clojure that targets JavaScript. It emits JavaScript code which is compatible with the advanced compilation mode of the Google Closure optimizing compiler.

• https://clojurescript.org/

ClojureScript (CLJS) JavaScriptをターゲットとしたClojureのコンパイラ cf. Clojure: Java/JVMがターゲット Google Closure Compilerのadvanced compilation mode互換のJSコードを⽣成

• https://clojure.org/
• https://developers.google.com/closure/compiler/
• https://developers.google.com/closure/compiler/docs/compilation_levels#advanced_optimizations

compilation process from ClojureScript: Up and Running

• http://shop.oreilly.com/product/0636920025139.do

Why does ClojureScript matter?

JavaScriptの世界でもClojureのメリットを REPL駆動のインタラクティブな開発 関数型プログラミング 並⾏プログラミング 現代的なLisp → Webフロントエンド, Electron, React Native, etc.

• https://electron.atom.io/
• https://facebook.github.io/react-native/

フロントエンド・サーバサイド間のスムーズな連携 コードの共有 .cljc & reader conditionals データの共有 EDN, Transit (cf. JSON, MessagePack) → フロントエンドもサーバサイドもClojure

• https://clojure.org/guides/reader_conditionals
• https://github.com/edn-format/edn
• https://github.com/cognitect/transit-cljs
• http://msgpack.org/

Language

syntax ClojureScript Synonyms cf. ClojureScript - Differences from Clojure Macros ※ CLJSのWeb REPL(e.g. Replumb REPL)で試そう

• https://clojurescript.org/about/differences
• http://clojurescript.io/
• https://kanaka.github.io/clojurescript/web/synonym.html
• https://clojurescript.org/about/differences#_macros

reader conditionals Clojure, ClojureScriptなどプラットフォーム間での 差異を吸収するための仕組み 拡張⼦ .cljc のファイル内で利⽤ #? と #?@ (defn str->int [s] #?(:clj (java.lang.Integer/parseInt s) :cljs (js/parseInt s)))

• http://cljs.github.io/api/syntax/cond
• http://cljs.github.io/api/syntax/cond-splicing
• https://clojure.org/guides/reader_conditionals

Libraries

library references The Clojure Toolbox CrossClj razum2um/awesome-clojure

• https://www.clojure-toolbox.com/
• https://crossclj.info/
• https://github.com/razum2um/awesome-clojure

example: Reagent A minimalistic ClojureScript interface to React.js ReactチュートリアルのReagent実装 lagenorhynque/react-tutorial cf. Om 採⽤例: circleci/frontend

• https://github.com/reagent-project/reagent
• https://github.com/omcljs/om
• https://github.com/circleci/frontend
• https://facebook.github.io/react/tutorial/tutorial.html
• https://github.com/lagenorhynque/react-tutorial

Tools

build Leiningen /ˈlainɪŋən/ Clojure, ClojureScript共通のビルドツール プラグインやプロジェクトテンプレートが豊富 設定ファイル project.clj (e.g. react-tutorial) cf. Boot

• https://leiningen.org/
• https://github.com/lagenorhynque/react-tutorial/blob/master/project.clj
• http://boot-clj.com/

hot loading Leiningenプラグイン lein-figwheel ClojureScriptのオートビルド ブラウザのオートリロード etc.

• https://github.com/bhauman/lein-figwheel

optimization Google Closure Compiler CLJSのコンパイラオプション :optimizations level effect :none 最適化なし(デフォルト) :whitespace コメント/空⽩など削除 :simple ローカル変数/関数引数リネーム :advanced グローバル変数/関数名/プロパ ティリネーム,デッドコード削 除,etc.

• https://developers.google.com/closure/compiler/

Further Reading サイト ClojureScript: 公式サイト cf. Clojure clojure/clojurescript: GitHub 書籍 ClojureScript: Up and Running 翻訳: 『⼊⾨ ClojureScript』 ClojureScript Unraveled

• https://clojure.org/
• https://github.com/clojure/clojurescript
• https://www.oreilly.co.jp/books/9784873116129/
• https://clojurescript.org/
• http://shop.oreilly.com/product/0636920025139.do
• https://funcool.github.io/clojurescript-unraveled/

スライド ⼊⾨ClojureScript ClojureScriptという選択肢 ここ最近のClojureScript JavaからClojureへ 英語版: From Java To Clojure

• https://www.slideshare.net/KentOhashi/from-java-to-clojure-english-version
• https://www.slideshare.net/sohta/clojurescript-49261407
• https://www.slideshare.net/maedaunderscore/clojurescript
• https://speakerdeck.com/athos/kokozui-jin-falseclojurescript
• https://www.slideshare.net/KentOhashi/from-java-to-clojure