36
FW LastaFlute(JSON API) + AngularJS Created by awane

FW再考 LastaFlute(JSON API) + AngularJs

Embed Size (px)

Citation preview

Page 1: FW再考 LastaFlute(JSON API) + AngularJs

FWLastaFlute(JSON API) +

AngularJSCreated by awane

Page 2: FW再考 LastaFlute(JSON API) + AngularJs

WebFW

Java FWJava FW

FW Seasar2 JavaEE Spring

FWLastaFlutedbflute-introTIPS Q&A

Page 3: FW再考 LastaFlute(JSON API) + AngularJs

Takeshi Awane (@p1us2er0)

Web

Java

AngularJs etc.

AWS etc.

Page 4: FW再考 LastaFlute(JSON API) + AngularJs

Web

DB

FW

etc.

Page 5: FW再考 LastaFlute(JSON API) + AngularJs

FWFW

FWFW ( )

FW

Page 6: FW再考 LastaFlute(JSON API) + AngularJs

FWFW

FWFW

FWFW

FW

( FW )

etc.

Page 7: FW再考 LastaFlute(JSON API) + AngularJs

Java FW ( )2004 2008

Servlet, JSP, JDBCStatus1, JSP, DbUtilsStatus1, JSP, Spring, iBATIS, log4j

FW, JSP, Spring, Beehive, log4j

Page 8: FW再考 LastaFlute(JSON API) + AngularJs

Java FW (Seasar2 )2008 2009

Teeda, Seasar2, DBFlute, log4j2009 2014

SAStruts, JSP, Seasar2, DBFlute, log4j

Page 9: FW再考 LastaFlute(JSON API) + AngularJs

Java FW (API )2014

JavaEERESTEasy, Weld, DBFlute, SLF4J(Logback)

SpringSpringMVC, Spring, DBFlute, SLF4J(Logback)

Seasar2SAFlute, SAStruts, Seasar2, DBFlute, log4j

Page 10: FW再考 LastaFlute(JSON API) + AngularJs

Java FW ( )Seasar2 FW

APIAPI APIFW

2008 DBFlute ORM DBFlute OnlyHibernate ( ?)

Page 11: FW再考 LastaFlute(JSON API) + AngularJs

Java FWJava FW

Page 12: FW再考 LastaFlute(JSON API) + AngularJs

Java FW (Web)(Servlet JSP)

Struts1.XStruts2.XSAStrutsTeedaSpringMMCGWT

Page 13: FW再考 LastaFlute(JSON API) + AngularJs

Java FW (DI)

SpringSeasar2GuiceCDI (Weld etc.)

Page 14: FW再考 LastaFlute(JSON API) + AngularJs

Java FW (ORM)

(JDBC)

DBUtils

iBATIS

Hibernate

S2Dao

S2JDBC

DBFlute

Doma

Page 15: FW再考 LastaFlute(JSON API) + AngularJs

Java FW (Logging)commons-loggingjava.util.logginglogj4logback

slf4j

Page 16: FW再考 LastaFlute(JSON API) + AngularJs

Java FW ( )FW

Page 17: FW再考 LastaFlute(JSON API) + AngularJs

FW Seasar2 ( )

2016/9/26

Page 18: FW再考 LastaFlute(JSON API) + AngularJs

FW JavaEEJava EE

Page 19: FW再考 LastaFlute(JSON API) + AngularJs

FW Spring

SrpingSpringBoot

Page 20: FW再考 LastaFlute(JSON API) + AngularJs

SOAP(XML) JSON <-> <-> (HTML5 )

(iPhone Android )API

Page 21: FW再考 LastaFlute(JSON API) + AngularJs

FWFW Seasar2 JavaEE Spring

Page 22: FW再考 LastaFlute(JSON API) + AngularJs

FW

SpringMVCSpringDBFluteSLF4J(Logback)

AngularJS1.4

Gradle ( )Gulp ( )

Page 23: FW再考 LastaFlute(JSON API) + AngularJs

FWSpring

jfluteWeb

!!

Page 24: FW再考 LastaFlute(JSON API) + AngularJs

FWDBFlute FW

! !!

FW

FWFW

...

Page 25: FW再考 LastaFlute(JSON API) + AngularJs

FW

LastaFluteLasta-diDBFluteSLF4J(Logback)

AngularJS1.4

Gradle ( )Gulp ( )

Page 26: FW再考 LastaFlute(JSON API) + AngularJs

FW7

https://atparty.jp/

Page 27: FW再考 LastaFlute(JSON API) + AngularJs

LastaFluteSAStruts SpringMVC

Web

DBFlute

http://dbflute.seasar.org/ja/lastaflute/https://speakerdeck.com/jflute/lastaflute-first-impact

Page 28: FW再考 LastaFlute(JSON API) + AngularJs

LastaFlute( )

lastadoc API

Cookie

Csrf Token

etc.

Page 29: FW再考 LastaFlute(JSON API) + AngularJs
Page 30: FW再考 LastaFlute(JSON API) + AngularJs

dbflute-introDBFlute ( )

Swing

Web (LastaFlute(JSON API) + AngularJS)

https://github.com/p1us2er0/dbflute-intro

feature/web_application

Page 31: FW再考 LastaFlute(JSON API) + AngularJs

dbflute-intro12

Page 32: FW再考 LastaFlute(JSON API) + AngularJs

dbflute-introDemo

git clone https://github.com/p1us2er0/dbflute-intro.gitmkdir dbflute-intro# ブランチ切り替えgit checkout feature/web_application# 初期化(時間かかります。)./gradlew refresh# API起動./gradlew run# フロントエンド起動(別ターミナルでコマンド実行)./gradlew gulp_serve# ブラウザが自動で立ち上がります。

Page 33: FW再考 LastaFlute(JSON API) + AngularJs

TIPS Q&A

1. AngularJs SEOGoogle AngularJs Index

PhantomJS Static HTML

2. -> Form( & )JSON URLJSON

Page 34: FW再考 LastaFlute(JSON API) + AngularJs

TIPS Q&A

1. API HTTP

(400 401 403 404 409 500 etc.)

JSON

2. ... etc.

Page 35: FW再考 LastaFlute(JSON API) + AngularJs

lastaflutejflute m(__)m

Page 36: FW再考 LastaFlute(JSON API) + AngularJs