雑記
複数人で開発を行っているときは、他の人に開発中のソースコードを見せるのが望ましい。 まだちゃんとテストしてないけど、とりあえずコミットしたソース、というのをコミットするブランチがspikeやprototyingと呼ばれるブランチだ。 このspikeに色々とコミ…
以下のサイトのアイコンがすごくよかったのでメモ。 openclipart.org
index.htmlはこんな感じ。 <html> <head> <script src="//unpkg.com/core-js/client/shim.min.js"></script> <script src="https://unpkg.com/zone.js@0.6.21"></script> </head></html>
TypeScriptでクラスを作る構文は以下のとおりです。 class Person { firstName: string; lastName: string; age: number; ssn: string; constructor(firstName: string, lastName: string, age: number, ssn: string) { this.firstName = firstName; this.la…
まずはシェルが必要 Mac、Linuxの場合、ターミナル Windowsの場合は、Git Bashを利用する Node.jsをインストールする 既にインストール済の場合は、以下を参考にnodeの環境をすること。 npm必須。 14.04 - How do you update npm to the latest version? - A…
gradle init --type java-library で雛形を作ります。 次に、build.gradleを以下のように書きます。 /* * This build file was generated by the Gradle 'init' task. * * This generated file contains a sample Java project to get you started. * For mo…
Gradleのインストール brew install gradle を実行。 コマンド build.gradleに以下を記述。 task hello << { println 'Hello Gradle World!' } で、 gradle hello を実行すると、task helloが実行される。 taskの一覧表示は gradle tasks ビルドスクリプトに…
Thymeleafのth:eachを使って、繰り返し表示してみます。 package com.example; import java.util.ArrayList; import java.util.List; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.…
ThymeleafはWebアプリケーションと親和性の高いテンプレートエンジンです。 テンプレートエンジンとは、雛形となるドキュメントに対し、可変データを埋め込むことで動的にドキュメントを生成する仕組みのことです。 Themeleafを使ってViewを作ってみます。 p…
Spring Bootでフォームアプリケーションを作ります。 テキストボックスに値を入力 ↓ それをコントローラーで受け取って、モデルオブジェクトに突っ込む ↓ モデルオブジェクトの内容を別のHTMLに表示する というありがちな流れを作ってみます。 まずは、フォ…
とりあえずって感じですが、formタグで囲まれた情報をJava側に送りつけて、その結果をHTMLで返すサンプルです。 まずは、HTTP GETで情報を送信するHTMLです。 account.html <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="utf-8" /> <title>SAMPLE</title> </head> <body> <form action="/result"> <fieldset> <input type="text" name="name" /> </fieldset></form></body></html>
Node.jsのフレームワーク「Express」を動かしてみます。 package.jsonには以下のように記述します。 { "name" : "MEAN", "version" : "0.0.1", "dependencies" : { "express" : "latest", "glup" : "latest" } } で、server.jsを書きます。 var express = re…
NPMには２つのインストールモードがあります。 ローカルモードとグローバルモードです。 Unixベースのシステムの場合、/usr/local/lib/node_modules/にインストールされます。 Windowsの場合、C:¥Users¥%USERNAME%¥AppData¥Roaming¥npm¥node_modules にイン…
以下のコマンドで、8080番ポートでLISTENしているプロセスをkillすることができます。 $ kill $(lsof -t -i:8080) http://stackoverflow.com/questions/11583562/how-to-kill-a-process-running-on-particular-port-in-linux/11596144
Spring Bootを使えば画面遷移型のアプリケーションも簡単に作ることができます。 テンプレートエンジンとして、次のライブラリがサポートされています。 Thymeleaf FreeMarker Groovy templates Velocity Mustache JSPの利用はさまざまな制約があるため、推…
RESTful Web サービス Spring Bootでは簡単にRESTful Webサービスを作成することができます。 RESTとは「REpresentational State Transfer」の略で、クライアントとサーバー間でデータをやりとりするアプリケーションを構築するためのアーキテクチャスタイル…
前回の記事ではSpring Bootで実行可能jarを作成する手順を紹介しました。 次は、作成したjarを起動させてみましょう。 jarはポータビリティが高いため、別環境でも動かせます。 その際、8080ポートだとJBossやtomcatなどと競合することがあるでしょう。 それ…
実行可能jarを作成する Spring Bootでは実行可能なjarを作成できます。 これはwarファイルをWebアプリケーションサーバにデプロイするといった面倒な作業を省き、java -jarでWebアプリが起動できることを意味します。 実行可能jarの作り方は簡単です。 以下…
Spring Bootは2013年に開発が始まり、2014年4月にバージョン1.0がリリースされました。 Spring Bootを使えば最初からさまざまな機能を利用することができます。 アプリケーションサーバにデプロイするという面倒な作業を省き、mainメソッドを実行するだけでW…
必要なツール Node.js Gulp Gulpがやってくれること GulpはSassやJSの圧縮などの作業を行ってくれる「タスクランナー」と呼ばれるツールのことです。 タスクランナーにはGulpの他に、GruntやBroccoliなどがあります。 Gulpがやってくれる作業は以下のような…
Spring Bootで Basic認証を導入するのは非常に簡単でした。 pom.xmlに以下の定義を追加します。 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-security</artifactId> </dependency> なんとこれだけで、basic認証が実現できます。 パスワードは起動時のログに設定されますが、明示的…
Spring BootではSpring JDBCが簡単に使えます。 DBアクセスが必要なアプリケーションも非常に簡単に作ることができます。 正直、拍子抜けするくらいに。 pom.xmlに以下を追記します。 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-jdbc</artifactId> </dependency> <dependency> <groupId>com.h2database</groupId> <artifactId></artifactid></dependency>…
テンプレートエンジンとしてThymeleafを使ってみます。 まず、pom.xmlに以下のように依存性を追加します。 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> 次に、Controllerを作成します。 package com.example; import org.springframework.ste…
JSPのタグライブラリをいちいち全てのJSPファイルに書き込むのが面倒な人もいると思います。 全部に書く場合は書き漏れも心配です。 そのような人はweb.xmlに定義を追加しましょう。 <jsp-config> <jsp-property-group> <url-pattern>*.jsp</url-pattern> <page-encoding>UTF-8</page-encoding> <include-prelude>/WEB-INF/include.jsp</include-prelude> </jsp-property-group> </jsp-config> この定義を追加して、/…
こんな感じで、文字化けが発生してしまった。 最初はこんな感じで書いていました。 これを変更していきます。」 <html> <body> <h2>Hello World!</h2> <ul> <li><a href="<c:url value='/echo' />">エコーアプリケーションへ</a></li> </ul> </body> </html> 上のJSPを以下のように変更しました。 <%@page pageEncoding="UTF-8"%> <html lang="ja"> <head> <meta charset="utf-8"> <title>Hello JSP!</title>…</meta></head></html>
HomebrewでDockerをインストールします。 インストールコマンド 以下のコマンドでDockerをインストールします。 $ brew cask install virtualbox $ brew install docker $ brew install docker-machine $ brew cask install docker-toolbox インストールの確…
MongoDBをインストールする こちらの記事を参考にして、Homebrewでインストールします。 http://qiita.com/hajimeni/items/3c93fd981e92f66a20ce HomebrewでMongoDBをインストールするコマンド。 brew install mongodb MongoDBを起動します。 mongod --confi…
Sassのインポート機能 Sassでは、@importを使うことで、他のファイルを読み込むことができます。 importは読み込み元のファイルのある場所から読み込みたいファイルをたどれるようにしなければなりません。 たとえば、main.scssにcomponents/common/_header.…
コンパイルとは、SassをCSSに変換することです。 Sassのコンパイルには、ソフトウェアを使ってGUIで実行する方法と、CUIで行う方法がありますが、一般的にはCUIを使います。 Node.jsをインストールする Homebrewを使ってインストールしましょう。 brew insta…
brew install wgetでwgetコマンドをインストールします。 wgetでJBoss Application Server5をダウンロードします。 wget https://sourceforge.net/projects/jboss/files/JBoss/JBoss-5.1.0.GA/jboss-5.1.0.GA-jdk6.zip/download downloadという名前でwgetさ…
