l10n.jsの使い方
日本の開発者が造るアプリなので、
ファイルの配置の仕方
l10n.
localesフォルダの下に、
\locales \en-US app.properties \ja app.properties i10n_app.ini
l10n_app.iniの記述
l10n_
l10n_app.ini:
@import url(en-US/app.properties)
[ja]
@import url(ja/app.properties)
HTMLの書き方
以下のように、
<link rel="resource" type="application/l10n" href="locales/l10n_app.ini" />
前回紹介した、
<form role="dialog" data-type="confirm" id="view-edit-delete-dialog">
<section>
<h1 data-l10n-id="view-edit-delete-dialog-title"></h1>
<p data-l10n-id="view-edit-delete-dialog-msg"></p>
</section>
<menu>
<button id="view-edit-delete-dialog-cancel" data-l10n-id="view-edit-delete-dialog-cancel"></button>
<button id="view-edit-delete-dialog-yes" class="danger" data-l10n-id="view-edit-delete-dialog-yes"></button>
</menu>
</form>
記述内の<h1>タグに、
ここに、
メッセージリソースファイルの記述の仕方
文字コードは、
=(イコール)
title = Memo
view-list-header = Memo
view-edit-header-title = Edit memo
view-edit-header-delete = Delete
view-edit-content = Enter notes here
view-edit-delete-dialog-msg = Are you want delete this memo?
title = メモ
view-list-header = メモ
view-edit-header-title = メモの編集
view-edit-header-delete = 削除
view-edit-content = ここにメモを入力します
view-edit-delete-dialog-msg = メモを削除してもよろしいですか?
localForageの使い方
次は、
localForageは、
今回は、
事前にlocalforage.
<script src="js/localforage.js"></script>
localforageがグローバル変数になっているので、
まずは、
localforage.setItem( 'memo', 'value', callback );
localforage.getItem( 'memo', callback );
setItemおよびgetItemともに、
以下、
以下は、
addItem : function( obj, i ) {
var elem;
var str = obj.get( "memo" );
var memoItem = new MemoItem;
if( str.length <= 0 ) {
str = "新規メモ";
}
elem = "<a href='#'><p>" + str + "</p>";
elem += "<p style='font-size:1.2rem; color:#999999'>"
+ obj.get( "updateDate" ).toLocaleDateString()
+ " "
+ obj.get( "updateDate" ).toLocaleTimeString()
+ "</p></a>";
memoItem.$el.append( elem );
memoItem.$el.attr( "data-id", i );
memoItem.$el.attr( "id", "view-list-memo-item" );
this.$( "#view-list-memo" ).append( memoItem.el );
},
updateAll : function() {
var max = memoCollection.length;
// 一旦クリアする
this.$( "#view-list-memo" ).html("");
for( var i=0 ; i < max ; i++){
var obj = memoCollection.at( i );
addItem( obj, i );
}
},
loadAll : function() {
localforage.getItem( "memo",
function( result ) {
var obj = JSON.parse( result );
for( var i=0; i<obj.length; i++ ) {
var item = new MemoItemModel();
item.set( "memo", obj[i].memo );
item.set( "updateDate", new Date( obj[i].updateDate ));
memoCollection.push( item );
}
viewList.updateAll();
});
},
詳しく見ていきます。
loadAllで、
メモは、
updateAllで、
また、
今回のまとめ
今回は、
l10n.
localforage.
次回は、