![REPL駆動開発
開発者の開発環境
(IDE, Emacs, Vim,
console...)
Clojure REPL
評価結果
コードを書いて動作確認するまでの
サイクルを高速に回せる
(defn add [x] (+ x 1))](https://image.slidesharecdn.com/clojurescriptre-frame1-171201102805/85/ClojureScript-re-frame-17-320.jpg)
![状態管理周り(re-frame)
Browser
(dispatch [:add “surprise”])
Event Dispatcher
(defn add
[{:keys [db]} [_ item]]
{:db (conj db item)})
Event Handler
{:db (conj db “surprise”)}
Effect Handler
Effect
(defn last-member
[db _]
(last db))
query
[:div.last-member “surprise”]
View](https://image.slidesharecdn.com/clojurescriptre-frame1-171201102805/85/ClojureScript-re-frame-26-320.jpg)
ClojureScript+re-frameで社内アプリケーションを開発した話
- 1. Copyright © 2009-2017 eureka, inc. All rights reserved. ClojureScript+re-frameで社内アプ リケーションを開発した話 Takeuchi Keitaro / eureka, inc.
- 3. Copyright © 2009-2017 eureka, inc. All rights reserved. 名前 Keitaro Takeuchi(@If_I_were_boxp) 所属 担当 （Go, TypeScript, Clojure...） 自己紹介
- 4. Copyright © 2009-2017 eureka, inc. All rights reserved. エウレカについて About eureka
- 5. CONFIDENTIAL 株式会社エウレカ 事業内容 自社サービスの企画・開発・運営 ・ オンライン・デーティング・サービス「Pairs」 ・ カップル専用アプリ「Couples」 海外拠点 ・ 唯麗家股份有限公司（台湾） ・ EUREKA SG Pte. Ltd.（シンガポール）
- 9. Today's Talk
- 12. • 社内イベント管理システム – イベントの開催・編集 – プロフィール編集 – Googleカレンダー連携 – Slackログイン – Slackへの開催通知 • 社内の勉強会や部活動の 開催に使う 開発した社内システムについて
- 13. 開発した社内システムについて バックエンド Golang on Google Kubernetes Engine フロントエンド ClojureScript
- 17. REPL駆動開発 開発者の開発環境 (IDE, Emacs, Vim, console...) Clojure REPL 評価結果 コードを書いて動作確認するまでの サイクルを高速に回せる (defn add [x] (+ x 1))
- 20. ClojureScript!!
- 22. JavaScriptとの技術スタック比較 技術スタック JavaScript ClojureScript UI周り React, Vue, Polymer... Om, Reagent, Rum… 状態管理周り Redux, Vuex... re-frame, citrus... ビルドツール Webpack, Rollup... Leiningen, Boot... モジュール ES6 Module, node modules... goog.module... 非同期処理 Promise, RxJS... core.async...
- 23. JavaScriptとの技術スタック比較 技術スタック JavaScript ClojureScript UI周り React, Vue, Polymer... Om, Reagent, Rum… 状態管理周り Redux, Vuex... re-frame, citrus... ビルドツール Webpack, Rollup... Leiningen, Boot... モジュール ES6 Module, node modules... goog.module... 非同期処理 Promise, RxJS... core.async...
- 25. ・JSでのReduxに相当す るライブラリ ・Reduxと同様にデータの 流れを一方に管理する ・”effect handler”に明確 に副作用が分けられる 状態管理周り(re-frame)
- 26. 状態管理周り(re-frame) Browser (dispatch [:add “surprise”]) Event Dispatcher (defn add [{:keys [db]} [_ item]] {:db (conj db item)}) Event Handler {:db (conj db “surprise”)} Effect Handler Effect (defn last-member [db _] (last db)) query [:div.last-member “surprise”] View
- 27. ・Clojureでもっとも良く使われる ビルドツール ・ボイラーテンプレートを素で 持っている ・pluginによって機能拡張可能 ※pluginの一例 ・figwheel: hot code loading ・lein-cljs: Clojure to JS ・lein-npm: npm ビルドツール(Leningen)
- 30. 実際に開発してみての所感
- 32. おわり。 fin.
- 33. 「世界で愛されるサービス」を一緒に作りませんか？ セグメントNo1 サービス グローバルビジネス Business pairs Goフルスクラッチ Engineering マッチングアルゴリズム Big Data ✕ ハイブリッドエンジニア 大規模行動データ解析