Enviar pesquisa
Carregar
Play meet up 発表資料「フロントエンドとバックエンドのビルド構成について」
•
7 gostaram
•
6,207 visualizações
Kazuhiro Hara
Seguir
2014/05/24 Play meet up にて発表した資料です。
Leia menos
Leia mais
Internet
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 16
Baixar agora
Baixar para ler offline
Recomendados
Dslからのコードジェネレーションで楽々play開発
Dslからのコードジェネレーションで楽々play開発
Yoshiteru Takeshita
やさしいIteratee入門
やさしいIteratee入門
Takashi Kawachi
一番簡単なWebSocketの試し方
一番簡単なWebSocketの試し方
Shunji Konishi
いい感じのフロントエンド開発環境を作ってみた
いい感じのフロントエンド開発環境を作ってみた
Hayashi Yuichi
MDX with Next.js
MDX with Next.js
Kazuhiro Hara
MDX and Next.js
MDX and Next.js
Kazuhiro Hara
About Plone Conference Tokyo 2018 Frontend Day
About Plone Conference Tokyo 2018 Frontend Day
Kazuhiro Hara
Gatsby & React Static
Gatsby & React Static
Kazuhiro Hara
Mais conteúdo relacionado
Mais de Kazuhiro Hara
buddyのユーザ認証周りのデータ構造 - 使われているデータの取り回しについてのお話
buddyのユーザ認証周りのデータ構造 - 使われているデータの取り回しについてのお話
Kazuhiro Hara
Clojure.tokyo.descjop
Clojure.tokyo.descjop
Kazuhiro Hara
SwaggerとAPIのデザイン
SwaggerとAPIのデザイン
Kazuhiro Hara
React VR ことはじめ
React VR ことはじめ
Kazuhiro Hara
React系(別言語含む)の サーバーサイドレンダリング について考えよう
React系(別言語含む)の サーバーサイドレンダリング について考えよう
Kazuhiro Hara
Clojure の各種React系ラッパーライブラリのサーバーサイドレンダリングの現状について
Clojure の各種React系ラッパーライブラリのサーバーサイドレンダリングの現状について
Kazuhiro Hara
Re-frame and A-Frame
Re-frame and A-Frame
Kazuhiro Hara
ひとりアドベントカレンダーのご紹介
ひとりアドベントカレンダーのご紹介
Kazuhiro Hara
(IDEユーザのための) ClojureのEmacs開発環境について
(IDEユーザのための) ClojureのEmacs開発環境について
Kazuhiro Hara
Cryogenでサイトつくろーじぇん
Cryogenでサイトつくろーじぇん
Kazuhiro Hara
ClojureでElectronアプリを作ろう
ClojureでElectronアプリを作ろう
Kazuhiro Hara
WebSocket+Akka(Remote)+Play 2.1 Java
WebSocket+Akka(Remote)+Play 2.1 Java
Kazuhiro Hara
第2回 -Play部屋- Play 2.0はじめて&もくもく会
第2回 -Play部屋- Play 2.0はじめて&もくもく会
Kazuhiro Hara
-Play部屋- Play 2.0はじめて&もくもく会
-Play部屋- Play 2.0はじめて&もくもく会
Kazuhiro Hara
Play framework 2.0のおすすめと1.2からのアップグレード
Play framework 2.0のおすすめと1.2からのアップグレード
Kazuhiro Hara
sbtマルチプロジェクトビルドの使いどころ
sbtマルチプロジェクトビルドの使いどころ
Kazuhiro Hara
Playbay Play 2.0 plugin イロハのイ
Playbay Play 2.0 plugin イロハのイ
Kazuhiro Hara
PlayFramework 2.0 Javaと WebSocketでつくる リアルタイムMVC Webアプリケーション
PlayFramework 2.0 Javaと WebSocketでつくる リアルタイムMVC Webアプリケーション
Kazuhiro Hara
PlayFramework1.2.4におけるWebSocket
PlayFramework1.2.4におけるWebSocket
Kazuhiro Hara
クリーンな WordPress サイトのための PHP コーディングのお作法 ― 計画的に WordPress を拡張していくためのフレームワーク思考 |...
クリーンな WordPress サイトのための PHP コーディングのお作法 ― 計画的に WordPress を拡張していくためのフレームワーク思考 |...
Kazuhiro Hara
Mais de Kazuhiro Hara
(20)
buddyのユーザ認証周りのデータ構造 - 使われているデータの取り回しについてのお話
buddyのユーザ認証周りのデータ構造 - 使われているデータの取り回しについてのお話
Clojure.tokyo.descjop
Clojure.tokyo.descjop
SwaggerとAPIのデザイン
SwaggerとAPIのデザイン
React VR ことはじめ
React VR ことはじめ
React系(別言語含む)の サーバーサイドレンダリング について考えよう
React系(別言語含む)の サーバーサイドレンダリング について考えよう
Clojure の各種React系ラッパーライブラリのサーバーサイドレンダリングの現状について
Clojure の各種React系ラッパーライブラリのサーバーサイドレンダリングの現状について
Re-frame and A-Frame
Re-frame and A-Frame
ひとりアドベントカレンダーのご紹介
ひとりアドベントカレンダーのご紹介
(IDEユーザのための) ClojureのEmacs開発環境について
(IDEユーザのための) ClojureのEmacs開発環境について
Cryogenでサイトつくろーじぇん
Cryogenでサイトつくろーじぇん
ClojureでElectronアプリを作ろう
ClojureでElectronアプリを作ろう
WebSocket+Akka(Remote)+Play 2.1 Java
WebSocket+Akka(Remote)+Play 2.1 Java
第2回 -Play部屋- Play 2.0はじめて&もくもく会
第2回 -Play部屋- Play 2.0はじめて&もくもく会
-Play部屋- Play 2.0はじめて&もくもく会
-Play部屋- Play 2.0はじめて&もくもく会
Play framework 2.0のおすすめと1.2からのアップグレード
Play framework 2.0のおすすめと1.2からのアップグレード
sbtマルチプロジェクトビルドの使いどころ
sbtマルチプロジェクトビルドの使いどころ
Playbay Play 2.0 plugin イロハのイ
Playbay Play 2.0 plugin イロハのイ
PlayFramework 2.0 Javaと WebSocketでつくる リアルタイムMVC Webアプリケーション
PlayFramework 2.0 Javaと WebSocketでつくる リアルタイムMVC Webアプリケーション
PlayFramework1.2.4におけるWebSocket
PlayFramework1.2.4におけるWebSocket
クリーンな WordPress サイトのための PHP コーディングのお作法 ― 計画的に WordPress を拡張していくためのフレームワーク思考 |...
クリーンな WordPress サイトのための PHP コーディングのお作法 ― 計画的に WordPress を拡張していくためのフレームワーク思考 |...
Play meet up 発表資料「フロントエンドとバックエンドのビルド構成について」
1.
フロントエンドと バックエンドの ビルド構成について 原 一浩 @kara_d Play
Framework 2 Meetup
2.
自己紹介 2 原 一浩 ハラ カズヒロ グレーティブ合同会社代表 Playはじめて&もくもく会主宰 Play JavaのCRUDプラグインを開発 Play
Javaでアプリケーションを 開発運用中 http://greative.jp/ ( @kara_d )
3.
Playはじめて&もくもく会 3 playframeworkja.doorkeeper.jp 現在第21回まで開催 Scala版 8割、Java版 2割
4.
Play Framework 2徹底入門 -
JavaではじめるアジャイルWeb開発 4 実践編(4章∼7章)を担当 ✦ サンプルアプリの企画から設計、構築、テ スト、管理画面作成までを一通り マニュアルにはない詰まりポイントとかもち りばめられてます。
5.
アジェンダ ➡ フロントエンド実装とバックエンド実装を分ける構成に ついて •ケース1) Play内で完結 •ケース2)
別々のリポジトリで作成 -> jsやimgをコピー •ケース3) appとuiを分けて2つのビルドシステムを使う •ケース4) sbt-web? 5 どんな構成 でビルド してます?
6.
ケース1 Play内で完結 Play内でビルド
7.
ケース1 Play内で完結 ➡ Play内でビルド •フロントエンド世界のビルドシステムを使わない 7 project assets/ public/ ...etc CoffeeScript LESS Plugin etc... ビルドが、ちょいおそい... フロントエンドの人がどこをい じればいいか...悩む
8.
ケース2 別々のリポジトリで作成 jsやimgをコピー
9.
ケース2) 別々のリポジトリで作成 ➡ jsやimgをコピー 9 project public/ Frontend JavaScript Images CSS 別リポジトリ こちら内でGruntを 使うなど
10.
ケース3 リポジトリ内でapp用とui用を分ける 2つのビルドシステムを使う
11.
ケース3) Playリポジトリ内でapp用とui用を分ける ➡ 2つのビルドシステムを使う 11 project ui/ public/ Frontend JavaScript Images CSS CoffeeScript LESS etc... Buildして、 /publicへ 出力 ビルドはやい... フロントエンドの人がいじる 場所が固定 アプリ内にファイル出力
12.
ケース3) Playリポジトリ内でapp用とui用を分ける ➡ ディレクトリ構成 •app/ •conf/ •public/ •ui/ ->
ここ以下Grunt app/ -> Angularとか components/ node_modules/ stylesheets/ -> LESSとか ui-test-public/ -> フロントの人確認用publicエリア 12 書き出す
13.
ケース4 sbt-web ?
14.
sbt-web ➡ 興味深い技術群で成り立っている •WebJars •js-engine <-
Trireme (tráiriːm) トゥラァィリィーム -> 三段櫂船 github.com/apigee/trireme Embed Node.js inside a Java Virtual Machine 『 JVM上Rhinoは、V8よりもはるかに遅い。(いくつかのベンチマークでは、 50倍の時間がかかります。) 』 とのこと。 Nashornとかになるとどうなるんだろう? ... まだよくわかってません。 14
15.
現場のニーズ ➡ 動作をすぐに確認したい ➡ コピーなどを行うのはうざいので、ビルドがやって ほしい ➡
フロントエンド側ライブラリの管理は面倒 •WebJarで、バックエンド側で解決するか? •bower等で、フロントエンド側で解決するか? ➡ こんな風にやってます話があれば #play_ja へ 15
16.
ありがとうございました! 次のPlayはじめて&もくもく会は 6月半ば∼後半を考えてます Play 2.1 はじめて&もくもく会 日本Playframeworkユーザー会 http://playframeworkja.doorkeeper.jp/
Baixar agora