http://www.security-next.com/
セキュリティ情報のサイト
2013年12月25日水曜日
2013年12月24日火曜日
Java ResouceBundleの使い方
使い方を皆さんに教えるのではなく、俺が初めて試したという意味の記事。
（確認したかったこと）
----
package i18n;
import java.util.ListResourceBundle;
import java.util.Locale;
import java.util.ResourceBundle;
public class Test {
public static void main(String[] args){
System.out.println("value for 'key1'");
for(Sample s : Sample.values())
System.out.println(String.format(
"%-20s : %s",
s.name(),
s.get().getString("key1")
));
}
interface Testable{
ResourceBundle get();
}
enum Sample implements Testable{
SIMPLE_CASE(){
public ResourceBundle get(){
return ResourceBundle.getBundle("i18n.hoge");
}
},
OF_JAPAN(){
public ResourceBundle get(){
return ResourceBundle.getBundle("i18n.hoge", Locale.JAPAN);
}
},
OF_ENGLISH(){
public ResourceBundle get(){
return ResourceBundle.getBundle("i18n.hoge", Locale.ENGLISH);
}
},
OF_US(){
public ResourceBundle get(){
return ResourceBundle.getBundle("i18n.hoge", Locale.US);
}
},
NAMED_CUSTOM(){
public ResourceBundle get(){
return new MyResourceBundle("key1");
}
}
}
static class MyResourceBundle extends ListResourceBundle{
private final String[] keys;
MyResourceBundle(String... keys) {
this.keys = keys;
}
@Override
protected Object[][] getContents() {
Object[][] con = new Object[keys.length][2];
for(int i = 0; i < keys.length; i++){
con[i] = new Object[]{keys[i], "To tell the truth, I don't know about " + keys[i] + "."};
}
return con;
}
}
}
（確認したかったこと）
- リソースをファイルシステム上に置いておくのではない方法での使い方。
（結論）
- ResouceBundle.Controlのサブクラスを作る方向で考えていたが、とりあえずListResouceBundleでも十分なのかなと。
- いずれにしても何とでもなりそうなので、とりあえずResouceBundleを使ってプロパティファイルを使っていても、後で動的な管理に差し替えることは可能だろう。
- けど念のため、ResouceBundle自体をそこらじゅうで使うのではなく、これにたいするFacade的なラッパー的な何かを用意しておいた方がいいだろう。
----
package i18n;
import java.util.ListResourceBundle;
import java.util.Locale;
import java.util.ResourceBundle;
public class Test {
public static void main(String[] args){
System.out.println("value for 'key1'");
for(Sample s : Sample.values())
System.out.println(String.format(
"%-20s : %s",
s.name(),
s.get().getString("key1")
));
}
interface Testable{
ResourceBundle get();
}
enum Sample implements Testable{
SIMPLE_CASE(){
public ResourceBundle get(){
return ResourceBundle.getBundle("i18n.hoge");
}
},
OF_JAPAN(){
public ResourceBundle get(){
return ResourceBundle.getBundle("i18n.hoge", Locale.JAPAN);
}
},
OF_ENGLISH(){
public ResourceBundle get(){
return ResourceBundle.getBundle("i18n.hoge", Locale.ENGLISH);
}
},
OF_US(){
public ResourceBundle get(){
return ResourceBundle.getBundle("i18n.hoge", Locale.US);
}
},
NAMED_CUSTOM(){
public ResourceBundle get(){
return new MyResourceBundle("key1");
}
}
}
static class MyResourceBundle extends ListResourceBundle{
private final String[] keys;
MyResourceBundle(String... keys) {
this.keys = keys;
}
@Override
protected Object[][] getContents() {
Object[][] con = new Object[keys.length][2];
for(int i = 0; i < keys.length; i++){
con[i] = new Object[]{keys[i], "To tell the truth, I don't know about " + keys[i] + "."};
}
return con;
}
}
}
2013年12月19日木曜日
CSSで縦が画面いっぱいで下端のフッターが常に表示されるレイアウト
※ 自分はデザイナではないので、かっこいい絵を作る方面の話ではないです。
多くはないけど一定の需要があり、少なくとも自分はちょいちょい必要性を感じている、ブラウザの縦いっぱいの下端にフッターが出るようなレイアウト。
以下のようにしたら出来た。
肝になったのは、
＊ ＊ ＊
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>縦が100%で下端にフッターが常にあるレイアウト</title>
<style type="text/css">
html{
height:100%;
}
body{
position:relative;
margin:0;
padding:0;
height:100%;
background-color:#cdc;
}
header{
padding-top:20px;
}
header > div{
boder-bottom:1px solid #000;
background:linear-gradient(#999,#ccc);
height:42px;
}
main{
border:1px dotted green;
background-color:#fff;
}
footer{
position:absolute;
bottom:0;left:0;
margin:0;
height:50px;width:100%;
border-top:1px solid #000;
background:linear-gradient(#ccc,#999);
}
header h1{
display:block;
float:right;
font-size:150%;
}
nav {
position:absolute;
top:0;left:0;
height:20px;
border-bottom:1px solid orange;
background:linear-gradient(#333,#666);
width:100%;
font-size:80%;
}
nav ul{
padding:0;margin:0;
}
nav li{
display:inline;
}
nav a{
color:#fff;
}
section{
border:1px solid #999;
border-radius:1em;
padding:1em;
margin:1em;
}
</style>
</head>
<body>
<header>
<div>
<h1>ヘッダー</h1>
</div>
</header>
<nav>
<ul>
<li><a href="some.html">何かのメニュー</a>
<li><a href="some.html">何かのメニュー</a>
<li><a href="some.html">何かのメニュー</a>
<li><a href="some.html">何かのメニュー</a>
</ul>
</nav>
<main>
<section>
<h1>height:100%</h1>
</section>
</main>
<footer>
footer height:50px
</footer>
</body>
</html>
多くはないけど一定の需要があり、少なくとも自分はちょいちょい必要性を感じている、ブラウザの縦いっぱいの下端にフッターが出るようなレイアウト。
以下のようにしたら出来た。
肝になったのは、
- html要素にheight:100%
- bodyをposition:relative, height:100%
- footerをposition:absoluteでbottom:0
- headerにマージンをとらない
最後のheader（headじゃなくて、body内のヘッダーパート）のマージンがちょっとハマった。上端にナビゲーションを絶対位置で置いた都合、headerにmargin-top:20pxを指定していたのだが、そうするとbodyが100%からマージン分だけ伸びてしまってスクロールバーが出たり、変な余白が出来たりした。ので、headerのマージンはなくしてpadding-topを入れて、header内部のコンテンツをdivでまとめて下にずらした。
＊ ＊ ＊
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>縦が100%で下端にフッターが常にあるレイアウト</title>
<style type="text/css">
html{
height:100%;
}
body{
position:relative;
margin:0;
padding:0;
height:100%;
background-color:#cdc;
}
header{
padding-top:20px;
}
header > div{
boder-bottom:1px solid #000;
background:linear-gradient(#999,#ccc);
height:42px;
}
main{
border:1px dotted green;
background-color:#fff;
}
footer{
position:absolute;
bottom:0;left:0;
margin:0;
height:50px;width:100%;
border-top:1px solid #000;
background:linear-gradient(#ccc,#999);
}
header h1{
display:block;
float:right;
font-size:150%;
}
nav {
position:absolute;
top:0;left:0;
height:20px;
border-bottom:1px solid orange;
background:linear-gradient(#333,#666);
width:100%;
font-size:80%;
}
nav ul{
padding:0;margin:0;
}
nav li{
display:inline;
}
nav a{
color:#fff;
}
section{
border:1px solid #999;
border-radius:1em;
padding:1em;
margin:1em;
}
</style>
</head>
<body>
<header>
<div>
<h1>ヘッダー</h1>
</div>
</header>
<nav>
<ul>
<li><a href="some.html">何かのメニュー</a>
<li><a href="some.html">何かのメニュー</a>
<li><a href="some.html">何かのメニュー</a>
<li><a href="some.html">何かのメニュー</a>
</ul>
</nav>
<main>
<section>
<h1>height:100%</h1>
</section>
</main>
<footer>
footer height:50px
</footer>
</body>
</html>
2013年12月13日金曜日
JavaScriptでCSVをパース （jQuery使用）
※単に自分用メモです。
jQueryと、ｊQuery Parse Pluginを使う。
http://plugins.jquery.com/parse/
最初はパース部分は作るつもりで、周辺だけjQueryを使ってみようと思ったのだが、何かあったので。
試したサンプル。良い感じ。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript" src="./lib/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="./lib/jquery.parse.min.js"></script>
<title>Insert title here</title>
<script type="text/javascript">
var tsv = 'ID\tDA（カンマ含む） \tDB（改行含む）\t数値型\t凸凹\n\
L1\tDA,1\t"DB1\n\
multiline"\t1\t+\n\
L2\tDA,2\tDB2\t2\t\n\
L3\tDA,3\tDB3\t3\t+\n\
\tDA,4\tDB4\t4\t\n\
\tDA,5\tDB5\t5\t+\n\
L6\tDA,6\tDB6\t6\t\n\
';
var csv = 'ID,DA（カンマ含む）,DB（改行含む）,数値型,凸凹\n\
L1,"DA,1","DB1\n\
multiline",1,+\n\
L2,"DA,2",DB2,2,\n\
L3,"DA,3",DB3,3,+\n\
,"DA,4",DB4,4,\n\
,"DA,5",DB5,5,+\n\
L6,"DA,6",DB6,6,';
function test(data, delim){
$("#data").text(data);
var res = parseText(data,delim);
var table = $("<table />").appendTo($("#res"));
{
var tr = $("<tr />");
tr.appendTo(table);
res.results.fields.forEach(function(col){
tr.append($("<th />", {"text":col}));
});
}
res.results.rows.forEach(function(row){
var tr = $("<tr />");
tr.appendTo(table);
res.results.fields.forEach(function(col){
tr.append($("<td />", {"text":row[col]}));
});
});
}
function parseText(data, delim){
return $.parse(data, {delimiter:delim, header:true, dynamicTyping :true});
}
</script>
<style type="text/css">
#data{
white-space:pre-wrap;
border:1px solid #ccc;
font-size:75%;
}
#res table{
border:1px solid #666;
}
#res table td{
border:1px solid #999;
white-space:pre-wrap;
}
</style>
</head>
<body>
<button onclick="test(tsv, '\t')">TSV</button>
<button onclick="test(csv, ',')">CSV</button>
<div id="data"></div>
<div id="res"></div>
</body>
</html>
jQueryと、ｊQuery Parse Pluginを使う。
http://plugins.jquery.com/parse/
最初はパース部分は作るつもりで、周辺だけjQueryを使ってみようと思ったのだが、何かあったので。
試したサンプル。良い感じ。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<script type="text/javascript" src="./lib/jquery-2.0.3.min.js"></script>
<script type="text/javascript" src="./lib/jquery.parse.min.js"></script>
<title>Insert title here</title>
<script type="text/javascript">
var tsv = 'ID\tDA（カンマ含む） \tDB（改行含む）\t数値型\t凸凹\n\
L1\tDA,1\t"DB1\n\
multiline"\t1\t+\n\
L2\tDA,2\tDB2\t2\t\n\
L3\tDA,3\tDB3\t3\t+\n\
\tDA,4\tDB4\t4\t\n\
\tDA,5\tDB5\t5\t+\n\
L6\tDA,6\tDB6\t6\t\n\
';
var csv = 'ID,DA（カンマ含む）,DB（改行含む）,数値型,凸凹\n\
L1,"DA,1","DB1\n\
multiline",1,+\n\
L2,"DA,2",DB2,2,\n\
L3,"DA,3",DB3,3,+\n\
,"DA,4",DB4,4,\n\
,"DA,5",DB5,5,+\n\
L6,"DA,6",DB6,6,';
function test(data, delim){
$("#data").text(data);
var res = parseText(data,delim);
var table = $("<table />").appendTo($("#res"));
{
var tr = $("<tr />");
tr.appendTo(table);
res.results.fields.forEach(function(col){
tr.append($("<th />", {"text":col}));
});
}
res.results.rows.forEach(function(row){
var tr = $("<tr />");
tr.appendTo(table);
res.results.fields.forEach(function(col){
tr.append($("<td />", {"text":row[col]}));
});
});
}
function parseText(data, delim){
return $.parse(data, {delimiter:delim, header:true, dynamicTyping :true});
}
</script>
<style type="text/css">
#data{
white-space:pre-wrap;
border:1px solid #ccc;
font-size:75%;
}
#res table{
border:1px solid #666;
}
#res table td{
border:1px solid #999;
white-space:pre-wrap;
}
</style>
</head>
<body>
<button onclick="test(tsv, '\t')">TSV</button>
<button onclick="test(csv, ',')">CSV</button>
<div id="data"></div>
<div id="res"></div>
</body>
</html>
2013年12月1日日曜日
和風パスタ with めんつゆ, ガーリック, ベーコン
混ぜるだけのたらこスパに飽きてくるとペペロンチーノを作っているが、それだと５歳の娘は辛くて食べないので、娘の好きなめんつゆでのパスタ。
当てずっぽ気味で作ったらわりと美味かったのでメモる。
材料 夫婦＋幼児１
感想：予想よりうまかった。
味玉があったのでついでに乗せたのがまたピッタリ。あと、花かつおも散らした。マヨネーズは合うだろうが、たぶんすべてマヨネーズ味になるのでやめた。粉チーズも合わないではない。
買い物帰りに寄った直売所で九条ねぎが売っていて、聞いてもいないのに婆さんが「これは白いところより青いところがおいしい」と教えてくれたのでそれを活かすという条件のための調理でもある。
当てずっぽ気味で作ったらわりと美味かったのでメモる。
材料 夫婦＋幼児１
- ニンニク大粒2つスライス
- 九条葱４本斜め切り（青いところも）
- ベーコン適当に切る
- きのこ（しめじ）適当。今回は半株。
- オリーブオイル（エクストラバージンじゃないやつ）
- 麺は250g（親子3人）
- オリーブオイル大さじ４をフライパンに入れ、弱火でニンニクを揚げる
- 揚がったらニンニクを取り出す
- 交代でベーコン、きのこ、葱の白いところを投入し、気休め程度に塩と黒胡椒をし、火を強め炒める
- 炒まったら火をとめ、パスタ茹で汁をお玉一杯投入。めんつゆを大さじ４投入。混ぜてネギの味見でもする。うまければOK。
- 茹で上がった麺を投入し、強火で炒める
- 気が済んだら子供の分を取り分ける
- 輪切り乾燥唐辛子と黒胡椒を追加し、もう少しだけ炒める（親の分）
- 皿によそう。
- 空いたフライパンにねぎの青いところ投入。オリーブオイルを軽くかけてさっと炒め、トッピングする
感想：予想よりうまかった。
味玉があったのでついでに乗せたのがまたピッタリ。あと、花かつおも散らした。マヨネーズは合うだろうが、たぶんすべてマヨネーズ味になるのでやめた。粉チーズも合わないではない。
出来上がるとすぐ食いたくなるので盛りつけが雑になる。
そういや、世間で噂の「誤表記」で、どこかのホテルの飯が九条ネギといいつつ普通のネギだった、とニュースで見たが、これ全然違うじゃん。つうか使い道が違うんじゃん。そんで食ってふーん、て納得してたなら食ってる方も実は大して気にしてなかったんだからいんじゃないのか。…とか思ってしまった。深谷ネギと普通のネギとかならわからん気がするけど。
登録:
投稿 (Atom)