Submit Search
Upload
BACKBONEJS+SCSS+JavaEE(JAX-RS) 今風のWebアプリをNetBeansで入門!
•
17 likes
•
9,121 views
Toshio Ehara
Follow
第6回福岡市西区プログラム勉強会 2013/12/8(日) 発表資料
Read less
Read more
Technology
Report
Share
Report
Share
1 of 40
Download now
Download to read offline
Recommended
【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜
【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜
Toshio Ehara
福岡のIT勉強会情報の集め方(LT資料)
福岡のIT勉強会情報の集め方(LT資料)
Toshio Ehara
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
Satoshi Takami
2013 08-19 jjug
2013 08-19 jjug
sk44_
iPhoneアプリを Javaで書くよ?
iPhoneアプリを Javaで書くよ?
Toshio Ehara
Spring Boot Introduction
Spring Boot Introduction
chibochibo
Bootstrap
Bootstrap
Masaki Kusuhata
BACKBONE.JSによるWebアプリケーション開発について
BACKBONE.JSによるWebアプリケーション開発について
Toshio Ehara
Recommended
【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜
【未発表】Backbone.jsとJavaEE7でWebアプリを作ろう!(第1回) 〜GETで一覧編〜
Toshio Ehara
福岡のIT勉強会情報の集め方(LT資料)
福岡のIT勉強会情報の集め方(LT資料)
Toshio Ehara
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
JavaFXとRoboVMを使ってiOS上で動くアプリを試してみた
Satoshi Takami
2013 08-19 jjug
2013 08-19 jjug
sk44_
iPhoneアプリを Javaで書くよ?
iPhoneアプリを Javaで書くよ?
Toshio Ehara
Spring Boot Introduction
Spring Boot Introduction
chibochibo
Bootstrap
Bootstrap
Masaki Kusuhata
BACKBONE.JSによるWebアプリケーション開発について
BACKBONE.JSによるWebアプリケーション開発について
Toshio Ehara
「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺
Yusuke Wada
俺とプログラミング教育
俺とプログラミング教育
Masayuki KaToH
NetBeansでかんたんJava EE ○分間クッキング! #kuwaccho lt
NetBeansでかんたんJava EE ○分間クッキング! #kuwaccho lt
Masatoshi Tada
120225 bootstrap
120225 bootstrap
TechGardenSchool
Learning jQuery
Learning jQuery
taiju higashi
いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門
Kohei Kadowaki
jQueryを中心としたJavaScript
jQueryを中心としたJavaScript
hideaki honda
20150215勉強会
20150215勉強会
Fumiya Sakai
Meguro es7
Meguro es7
健太 田上
じっくりコトコト煮込んだJavaスープ
じっくりコトコト煮込んだJavaスープ
Kazuhiro Serizawa
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
Erina Takei
Make TypingGame in JavaScript
Make TypingGame in JavaScript
undertale1
これからはじめるための JavaScript 開発環境
これからはじめるための JavaScript 開発環境
Ryo Higashigawa
Webデザインの幅を広げる、jQuery【コードを記述する】 先生:保坂 庸介
Webデザインの幅を広げる、jQuery【コードを記述する】 先生:保坂 庸介
schoowebcampus
フリーランスミートアップを開催してきた@Creators MeetUp #44
フリーランスミートアップを開催してきた@Creators MeetUp #44
Erina Takei
スキトラ Spring + mybatis
スキトラ Spring + mybatis
小川 昌吾
クライアント推し。
クライアント推し。
Akira Fukami
今度こそ始めるjQuery超入門
今度こそ始めるjQuery超入門
西畑 一馬
Capybaraで雑にWebスクレイピング
Capybaraで雑にWebスクレイピング
Koji Nakamura
Java開発で活かしてほしいGit,CI,そして継続的デリバリー #jjug_ccc #ccc_r13
Java開発で活かしてほしいGit,CI,そして継続的デリバリー #jjug_ccc #ccc_r13
智治 長沢
2016 JCP Year End Summary
2016 JCP Year End Summary
Heather VanCura
WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ
WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ
Kazue Igarashi
More Related Content
What's hot
「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺
Yusuke Wada
俺とプログラミング教育
俺とプログラミング教育
Masayuki KaToH
NetBeansでかんたんJava EE ○分間クッキング! #kuwaccho lt
NetBeansでかんたんJava EE ○分間クッキング! #kuwaccho lt
Masatoshi Tada
120225 bootstrap
120225 bootstrap
TechGardenSchool
Learning jQuery
Learning jQuery
taiju higashi
いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門
Kohei Kadowaki
jQueryを中心としたJavaScript
jQueryを中心としたJavaScript
hideaki honda
20150215勉強会
20150215勉強会
Fumiya Sakai
Meguro es7
Meguro es7
健太 田上
じっくりコトコト煮込んだJavaスープ
じっくりコトコト煮込んだJavaスープ
Kazuhiro Serizawa
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
Erina Takei
Make TypingGame in JavaScript
Make TypingGame in JavaScript
undertale1
これからはじめるための JavaScript 開発環境
これからはじめるための JavaScript 開発環境
Ryo Higashigawa
Webデザインの幅を広げる、jQuery【コードを記述する】 先生:保坂 庸介
Webデザインの幅を広げる、jQuery【コードを記述する】 先生:保坂 庸介
schoowebcampus
フリーランスミートアップを開催してきた@Creators MeetUp #44
フリーランスミートアップを開催してきた@Creators MeetUp #44
Erina Takei
スキトラ Spring + mybatis
スキトラ Spring + mybatis
小川 昌吾
クライアント推し。
クライアント推し。
Akira Fukami
今度こそ始めるjQuery超入門
今度こそ始めるjQuery超入門
西畑 一馬
Capybaraで雑にWebスクレイピング
Capybaraで雑にWebスクレイピング
Koji Nakamura
Java開発で活かしてほしいGit,CI,そして継続的デリバリー #jjug_ccc #ccc_r13
Java開発で活かしてほしいGit,CI,そして継続的デリバリー #jjug_ccc #ccc_r13
智治 長沢
What's hot
(20)
「新しい」を生み出すためのWebアプリ開発とその周辺
「新しい」を生み出すためのWebアプリ開発とその周辺
俺とプログラミング教育
俺とプログラミング教育
NetBeansでかんたんJava EE ○分間クッキング! #kuwaccho lt
NetBeansでかんたんJava EE ○分間クッキング! #kuwaccho lt
120225 bootstrap
120225 bootstrap
Learning jQuery
Learning jQuery
いまさら聞けない!?Backbone.js 超入門
いまさら聞けない!?Backbone.js 超入門
jQueryを中心としたJavaScript
jQueryを中心としたJavaScript
20150215勉強会
20150215勉強会
Meguro es7
Meguro es7
じっくりコトコト煮込んだJavaスープ
じっくりコトコト煮込んだJavaスープ
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
ディレクタ兼エンジニアの仕事@Creators MeetUp #36
Make TypingGame in JavaScript
Make TypingGame in JavaScript
これからはじめるための JavaScript 開発環境
これからはじめるための JavaScript 開発環境
Webデザインの幅を広げる、jQuery【コードを記述する】 先生:保坂 庸介
Webデザインの幅を広げる、jQuery【コードを記述する】 先生:保坂 庸介
フリーランスミートアップを開催してきた@Creators MeetUp #44
フリーランスミートアップを開催してきた@Creators MeetUp #44
スキトラ Spring + mybatis
スキトラ Spring + mybatis
クライアント推し。
クライアント推し。
今度こそ始めるjQuery超入門
今度こそ始めるjQuery超入門
Capybaraで雑にWebスクレイピング
Capybaraで雑にWebスクレイピング
Java開発で活かしてほしいGit,CI,そして継続的デリバリー #jjug_ccc #ccc_r13
Java開発で活かしてほしいGit,CI,そして継続的デリバリー #jjug_ccc #ccc_r13
Viewers also liked
2016 JCP Year End Summary
2016 JCP Year End Summary
Heather VanCura
WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ
WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ
Kazue Igarashi
AWS+WordPressでつくるFirefoxアプリ
AWS+WordPressでつくるFirefoxアプリ
Takayuki Miyauchi
はじめてのDart
はじめてのDart
Takuya Kawabe
[JavaDo] JAX-RS ハンズオン 第2部
[JavaDo] JAX-RS ハンズオン 第2部
haruki ueno
プログラム初心者がWebサービスをリリースして運営するまで
プログラム初心者がWebサービスをリリースして運営するまで
Tomoaki Iwasaki
Real world machine learning with Java for Fumankaitori.com
Real world machine learning with Java for Fumankaitori.com
Mathieu Dumoulin
Java8移行から始めた技術的負債との戦い(jjug ccc 2015 fall)
Java8移行から始めた技術的負債との戦い(jjug ccc 2015 fall)
sogdice
日本 Java ユーザーグループ JJUG CCC 2015 Fall by ソラコム 片山
日本 Java ユーザーグループ JJUG CCC 2015 Fall by ソラコム 片山
SORACOM,INC
AngularJS入門の巻2
AngularJS入門の巻2
Toshio Ehara
AngularJS入門の巻
AngularJS入門の巻
Toshio Ehara
Java EE 8: On the Horizon
Java EE 8: On the Horizon
Josh Juneau
Javaにおけるネイティブコード連携の各種手法の紹介
Javaにおけるネイティブコード連携の各種手法の紹介
khisano
デバッガのしくみ(JDI)を学んでみよう
デバッガのしくみ(JDI)を学んでみよう
fukai_yas
Java EE 再入門
Java EE 再入門
minazou67
タイムマシン採用:明日のエンタープライズJavaの世界を予想する -Java EE7/クラウド/Docker/etc.-
タイムマシン採用:明日のエンタープライズJavaの世界を予想する -Java EE7/クラウド/Docker/etc.-
Takakiyo Tanaka
Reactive Webアプリケーション - そしてSpring 5へ #jjug_ccc #ccc_ef3
Reactive Webアプリケーション - そしてSpring 5へ #jjug_ccc #ccc_ef3
Toshiaki Maki
【こっそり始める】Javaプログラマコーディングマイグレーション
【こっそり始める】Javaプログラマコーディングマイグレーション
yy yank
よくある業務開発の自動化事情 #jjug_ccc #ccc_cd3
よくある業務開発の自動化事情 #jjug_ccc #ccc_cd3
irof N
今年はJava進化の年!今知っておくべき新しいJava
今年はJava進化の年!今知っておくべき新しいJava
Takashi Ito
Viewers also liked
(20)
2016 JCP Year End Summary
2016 JCP Year End Summary
WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ
WordPress JSON REST API 〜さらばPHP、さらばWordPressテーマ
AWS+WordPressでつくるFirefoxアプリ
AWS+WordPressでつくるFirefoxアプリ
はじめてのDart
はじめてのDart
[JavaDo] JAX-RS ハンズオン 第2部
[JavaDo] JAX-RS ハンズオン 第2部
プログラム初心者がWebサービスをリリースして運営するまで
プログラム初心者がWebサービスをリリースして運営するまで
Real world machine learning with Java for Fumankaitori.com
Real world machine learning with Java for Fumankaitori.com
Java8移行から始めた技術的負債との戦い(jjug ccc 2015 fall)
Java8移行から始めた技術的負債との戦い(jjug ccc 2015 fall)
日本 Java ユーザーグループ JJUG CCC 2015 Fall by ソラコム 片山
日本 Java ユーザーグループ JJUG CCC 2015 Fall by ソラコム 片山
AngularJS入門の巻2
AngularJS入門の巻2
AngularJS入門の巻
AngularJS入門の巻
Java EE 8: On the Horizon
Java EE 8: On the Horizon
Javaにおけるネイティブコード連携の各種手法の紹介
Javaにおけるネイティブコード連携の各種手法の紹介
デバッガのしくみ(JDI)を学んでみよう
デバッガのしくみ(JDI)を学んでみよう
Java EE 再入門
Java EE 再入門
タイムマシン採用:明日のエンタープライズJavaの世界を予想する -Java EE7/クラウド/Docker/etc.-
タイムマシン採用:明日のエンタープライズJavaの世界を予想する -Java EE7/クラウド/Docker/etc.-
Reactive Webアプリケーション - そしてSpring 5へ #jjug_ccc #ccc_ef3
Reactive Webアプリケーション - そしてSpring 5へ #jjug_ccc #ccc_ef3
【こっそり始める】Javaプログラマコーディングマイグレーション
【こっそり始める】Javaプログラマコーディングマイグレーション
よくある業務開発の自動化事情 #jjug_ccc #ccc_cd3
よくある業務開発の自動化事情 #jjug_ccc #ccc_cd3
今年はJava進化の年!今知っておくべき新しいJava
今年はJava進化の年!今知っておくべき新しいJava
Similar to BACKBONEJS+SCSS+JavaEE(JAX-RS) 今風のWebアプリをNetBeansで入門!
ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発
Atsushi Kojima
クラウド移住で地方に住むということ
クラウド移住で地方に住むということ
Takehito Tanabe
Power Apps Dialog Component LT
Power Apps Dialog Component LT
Makoto Maeda
WPの実装言語PHPの重箱の隅っこを速度的な意味でつっついて比較してみた(2016/12/3)
WPの実装言語PHPの重箱の隅っこを速度的な意味でつっついて比較してみた(2016/12/3)
Hiroyuki Ishikawa
第八回 #渋谷Java 最近のjava PaaS事情
第八回 #渋谷Java 最近のjava PaaS事情
Kazuhiro Serizawa
Javaと小道具
Javaと小道具
Sho Ito
Web × プログラミング ~JavaScript編~(2017/2/16)
Web × プログラミング ~JavaScript編~(2017/2/16)
Hiroyuki Ishikawa
Amazon s3 meets_azurewebsite
Amazon s3 meets_azurewebsite
Takuya Tachibana
Webアプリの向こうに見えるPWAアプリ開発
Webアプリの向こうに見えるPWAアプリ開発
Developer Solutions事業部 メシウス株式会社 (旧グレープシティ株式会社)
ReactNative はじめの一歩
ReactNative はじめの一歩
Ikki Takahashi
Similar to BACKBONEJS+SCSS+JavaEE(JAX-RS) 今風のWebアプリをNetBeansで入門!
(10)
ガチリアルな修羅チーム開発
ガチリアルな修羅チーム開発
クラウド移住で地方に住むということ
クラウド移住で地方に住むということ
Power Apps Dialog Component LT
Power Apps Dialog Component LT
WPの実装言語PHPの重箱の隅っこを速度的な意味でつっついて比較してみた(2016/12/3)
WPの実装言語PHPの重箱の隅っこを速度的な意味でつっついて比較してみた(2016/12/3)
第八回 #渋谷Java 最近のjava PaaS事情
第八回 #渋谷Java 最近のjava PaaS事情
Javaと小道具
Javaと小道具
Web × プログラミング ~JavaScript編~(2017/2/16)
Web × プログラミング ~JavaScript編~(2017/2/16)
Amazon s3 meets_azurewebsite
Amazon s3 meets_azurewebsite
Webアプリの向こうに見えるPWAアプリ開発
Webアプリの向こうに見えるPWAアプリ開発
ReactNative はじめの一歩
ReactNative はじめの一歩
More from Toshio Ehara
Java初心者勉強会(2015/08/07)資料
Java初心者勉強会(2015/08/07)資料
Toshio Ehara
Java電卓勉強会資料
Java電卓勉強会資料
Toshio Ehara
BABELで、ES2015(ES6)を学ぼう!
BABELで、ES2015(ES6)を学ぼう!
Toshio Ehara
AngularJSで業務システムUI部品化
AngularJSで業務システムUI部品化
Toshio Ehara
traceur-compilerで ECMAScript6を体験
traceur-compilerで ECMAScript6を体験
Toshio Ehara
traceur-compilerで未来のJavaScriptを体験
traceur-compilerで未来のJavaScriptを体験
Toshio Ehara
JenkinsをJava開発でこんな感じで使っています
JenkinsをJava開発でこんな感じで使っています
Toshio Ehara
AngularJS+TypeScriptを試してみた。
AngularJS+TypeScriptを試してみた。
Toshio Ehara
AngularJSのDirectiveで俺俺タグつくっちゃお
AngularJSのDirectiveで俺俺タグつくっちゃお
Toshio Ehara
HTML5のCanvas入門 - Img画像を編集してみよう -
HTML5のCanvas入門 - Img画像を編集してみよう -
Toshio Ehara
BACKBONE.JSにJasmineでテストコード書いてみた (LT資料)
BACKBONE.JSにJasmineでテストコード書いてみた (LT資料)
Toshio Ehara
JavaScriptのテストコード 一緒に勉強しませんか??
JavaScriptのテストコード 一緒に勉強しませんか??
Toshio Ehara
LT Leap MotionとJavaScriptで遊ぼう!
LT Leap MotionとJavaScriptで遊ぼう!
Toshio Ehara
JavaScriptもBACKBONE.JSならスッキリ ~MVCぽいのを初体験!~
JavaScriptもBACKBONE.JSならスッキリ ~MVCぽいのを初体験!~
Toshio Ehara
BACKBONE.JSでMVC始めませんか?
BACKBONE.JSでMVC始めませんか?
Toshio Ehara
はじめてのjQuery入門 01 2013年7月14日(日)
はじめてのjQuery入門 01 2013年7月14日(日)
Toshio Ehara
Cocos2d/2d-x/html5 [Objective-C/C++/JavaScript] 好みの言語はどれですか?
Cocos2d/2d-x/html5 [Objective-C/C++/JavaScript] 好みの言語はどれですか?
Toshio Ehara
JavascriptのMVC開発について調べてみた 〜BACKBONE.JS〜
JavascriptのMVC開発について調べてみた 〜BACKBONE.JS〜
Toshio Ehara
JavaScriptのthisって
JavaScriptのthisって
Toshio Ehara
Cocos2d-x ゲーム開発入門(1)
Cocos2d-x ゲーム開発入門(1)
Toshio Ehara
More from Toshio Ehara
(20)
Java初心者勉強会(2015/08/07)資料
Java初心者勉強会(2015/08/07)資料
Java電卓勉強会資料
Java電卓勉強会資料
BABELで、ES2015(ES6)を学ぼう!
BABELで、ES2015(ES6)を学ぼう!
AngularJSで業務システムUI部品化
AngularJSで業務システムUI部品化
traceur-compilerで ECMAScript6を体験
traceur-compilerで ECMAScript6を体験
traceur-compilerで未来のJavaScriptを体験
traceur-compilerで未来のJavaScriptを体験
JenkinsをJava開発でこんな感じで使っています
JenkinsをJava開発でこんな感じで使っています
AngularJS+TypeScriptを試してみた。
AngularJS+TypeScriptを試してみた。
AngularJSのDirectiveで俺俺タグつくっちゃお
AngularJSのDirectiveで俺俺タグつくっちゃお
HTML5のCanvas入門 - Img画像を編集してみよう -
HTML5のCanvas入門 - Img画像を編集してみよう -
BACKBONE.JSにJasmineでテストコード書いてみた (LT資料)
BACKBONE.JSにJasmineでテストコード書いてみた (LT資料)
JavaScriptのテストコード 一緒に勉強しませんか??
JavaScriptのテストコード 一緒に勉強しませんか??
LT Leap MotionとJavaScriptで遊ぼう!
LT Leap MotionとJavaScriptで遊ぼう!
JavaScriptもBACKBONE.JSならスッキリ ~MVCぽいのを初体験!~
JavaScriptもBACKBONE.JSならスッキリ ~MVCぽいのを初体験!~
BACKBONE.JSでMVC始めませんか?
BACKBONE.JSでMVC始めませんか?
はじめてのjQuery入門 01 2013年7月14日(日)
はじめてのjQuery入門 01 2013年7月14日(日)
Cocos2d/2d-x/html5 [Objective-C/C++/JavaScript] 好みの言語はどれですか?
Cocos2d/2d-x/html5 [Objective-C/C++/JavaScript] 好みの言語はどれですか?
JavascriptのMVC開発について調べてみた 〜BACKBONE.JS〜
JavascriptのMVC開発について調べてみた 〜BACKBONE.JS〜
JavaScriptのthisって
JavaScriptのthisって
Cocos2d-x ゲーム開発入門(1)
Cocos2d-x ゲーム開発入門(1)
Recently uploaded
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Toru Tamaki
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Yuma Ohgami
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
taisei2219
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
iPride Co., Ltd.
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
Toru Tamaki
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
sugiuralab
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
Toru Tamaki
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
Hiroki Ichikura
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
Ryo Sasaki
Recently uploaded
(9)
論文紹介:Semantic segmentation using Vision Transformers: A survey
論文紹介:Semantic segmentation using Vision Transformers: A survey
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
Open Source UN-Conference 2024 Kawagoe - 独自OS「DaisyOS GB」の紹介
TSAL operation mechanism and circuit diagram.pdf
TSAL operation mechanism and circuit diagram.pdf
SOPを理解する 2024/04/19 の勉強会で発表されたものです
SOPを理解する 2024/04/19 の勉強会で発表されたものです
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
論文紹介:Content-Aware Token Sharing for Efficient Semantic Segmentation With Vis...
スマートフォンを用いた新生児あやし動作の教示システム
スマートフォンを用いた新生児あやし動作の教示システム
論文紹介:Automated Classification of Model Errors on ImageNet
論文紹介:Automated Classification of Model Errors on ImageNet
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
【早稲田AI研究会 講義資料】3DスキャンとTextTo3Dのツールを知ろう!(Vol.1)
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
[DevOpsDays Tokyo 2024] 〜デジタルとアナログのはざまに〜 スマートビルディング爆速開発を支える 自動化テスト戦略
BACKBONEJS+SCSS+JavaEE(JAX-RS) 今風のWebアプリをNetBeansで入門!
1.
BACKBONEJS+SCSS+JavaEE(JAX-RS) 今風のWebアプリをNetBeansで入門! 2013/12/8(日) 第6回福岡市西区プログラム勉強会 発表資料 ねこび〜ん
by カネウチカズコ is licensed under a Creative Commons 表示-継承 2.1 日本 License. Photo by Web制作向け無料写真素材/ぱくたそ http://www.pakutaso.com
2.
じこしょうかい 自己紹介です ======== 江原と申します。(@itokami1123) 福岡で業務アプリをJavaScriptで作って暮らしてます。 来年からはJava屋に転職。必死に勉強中。(一緒に勉強する人募集中) こんな野望が持ってます。 ・業務系WebアプリのUIをモット使いやすくしたい! ・JavaとJavaScriptを仲良くさせたい! ・コミュニティの力で福岡を一つに!景気上昇↑雇用拡大↑ ・生涯、ココ福岡でエンジニアしたい!
3.
きょうのないよう ! 来年は、AngularJSとかBackbone.jsとか JavaScriptでガリガリ作るWebアプリが ますます流行りそうですね。 お相手のWebサーバは REST形式でJSONが一般的です。 そこで今日はNetBeansとJavaEE(JAX-RS)を使って お気楽に入門する方法をご説明します! 参考になれば幸いです!!
4.
ではNetBeansをインストールしましょう! https://ja.netbeans.org/
5.
かんせいイメージ ( View REST Model Backbone.js JSON Service JSON JPA 永続性 エンティティ JavaEE 6 GlassFish NetBeans Connector on Chrome NetBeans 7.4 DB
6.
まずは、プロジェクトの新規作成!
7.
Webアプリケーションで次!
8.
プロジェクト名をつけて次!
9.
今回は JavaEE 6
Webを選択!(7は仕事で使うのはまだ早い?)
10.
そのまま終了をクリック!
11.
( プロジェクト出来たけどDB作んのメンドイなぁ〜。 確かにね!でもNetBeansなら大丈夫!簡単にゃ!
12.
最初からサンプルのDB(Java DB)が入ってます!
13.
( RESTServiceをコーディングすんのメンドイなぁ〜。 そうよね!でもNetBeansなら大丈夫!簡単にゃ!
14.
DBの情報からRESTのWebサービスを自動生成できます!
15.
「データベースからのRESTful Webサービス」を選択!
16.
今回はサンプルの「CUSTOMER」テーブルを選択。
17.
エンティティ・クラス名は「CUSTOMER」で指定。
18.
自動でDBに合わせたRESTのコーディングが!
19.
早速実行!
20.
o m de http://localhost:8080/backbone_test/webresources/com.example.customer/ ヘッダのAccept:text/html,application/xhtml+xml,application/xml;時は XMLを返却します。
21.
o m de Chromeですと Dev HTTP
Client拡張を使うと便利です! GET/POST/PUT/DELETE/… HTTPのリクエストヘッダの追加可能 Accept: application/jsonを追加。json形式で返却される事が確認できます。
22.
( Backboneのライブラリ揃えるのメンドイなぁ〜。 Σ(^^;;でもNetBeansなら大丈夫!簡単にゃ!
23.
Backbone.jsを使ったサンプルを新規ファイルから自動生成します!
24.
[HTML5]→[RESTFul JavaScriptクライアント]で次!
25.
[プロジェクト・ソースへのBackbone.jsの追加]にチェック! 先ほど作った RESTサービスを指定! ココをチェックするだけで Backbone.jsのライブラリが!
26.
終了を押すと…
27.
必要なライブラリとサンプルソースが手に入ります! Backbone.jsのライブラリ一式! Backbone.jsのサンプルソース
28.
( JavaScript書き直す毎にブラウザ更新メンドイなぁ〜。 NetBeansなら大丈夫!簡単にゃ!
29.
ChromeにNetBeans Connectorを入れておけば… 組み込みのChromeを選択!
30.
[実行]でHTML/CSS/JavaScriptの更新時に ブラウザをリロード(更新)するようになります! 自動反映
31.
( CSSメンドイなぁ〜。Sass(SCSS)が使いたいなぁ…。 贅沢なヤツめ!でもNetBeansならやや簡単にゃ!
32.
[Preferences]→[オプション]→[CSSプリプロセッサ]から Sassのインストールをクリック
33.
Sassは自分でインストールするにゃ!
34.
インストールしたSassパスを登録してOKをクリック
35.
さっそくSCSSを書いてみましょう!scssというフォルダを作って scssという名前で空フォルダ作成! 空のcssフォルダも作っておいてね!
36.
scssにSassファイルを新規作成! Sassファイルを新規作成! 自動コンパイルにチェック!
37.
保存(ctl+s)時にcssが自動生成されブラウザに自動反映! 自動変換 ブラウザにも自動反映されるよ!
38.
まとめ!
39.
まとめ ! NetBeansを使うと気軽に Backbone.js と
SCSS の入門が 出来ておすすめです! いますぐインストールするのにゃ
40.
ご清聴ありがとうございました!
Download now