2014/09/19

[Python][Jinja2]listループのindexを取得

Jinja2のlistループ中にindexを取得したい場合はどうすればいいだろうか?

Template Designer Documentationを読むと下のように組めばおkみたい。

{% for item in items %}
  <!;-- 1からスタート -->
  {{ loop.index }}
  <!;-- 0からスタート -->
  {{ loop.index0 }}
{% endfor  %}
これ逆にいうと、loopが予約語になっているのかなー?

2014/09/18

[jQuery][jqplot]積み上げ横棒グラフでラベルが表示されない件

昨日、積み上げ式の横棒グラフを作り方を書きました。

$.jqplot( 'horizontalbarchart', [...] ,{
    stackSeries: true,
    seriesDefaults:{
      renderer:$.jqplot.BarRenderer,
      rendererOptions: {
        barDirection: 'horizontal'
      },
      pointLabels: {
        show: true
      }
    },
    axes:{
      yaxis:{
        renderer: $.jqplot.CategoryAxisRenderer
      }
    }
});
で上のようにpointLabelsパラメータを設定してもなぜか表示されない。

どうしてかなーっと思っていたら、どうやら、追加でjqplot.pointLabels.min.jsを読み込む必要があるとのことで、下のようにインクルードさせたら表示された。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="./jquery.jqplot.min.js"></script>
<script src="./plugins/jqplot.categoryAxisRenderer.min.js"></script>
<script src="./plugins/jqplot.barRenderer.min.js"></script>
<script src="./plugins/jqplot.pointLabels.min.js"></script>
めでたし、めでたし。

2014/09/17

[jQuery][jqplot]積み上げ横棒グラフ

積み上げ式の横棒グラフを作るにはどうすればいいのだろうか?

jQuery の jqPlot プラグインで作る積み上げ横棒グラフ
を読みながら下のように組んでみた。

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="./jquery.jqplot.min.js"></script>
<script src="./plugins/jqplot.categoryAxisRenderer.min.js"></script>
<script src="./plugins/jqplot.barRenderer.min.js"></script>
$.jqplot( 'horizontalbarchart', [...] ,{
    stackSeries: true,
    seriesDefaults:{
      renderer:$.jqplot.BarRenderer,
      rendererOptions: {
        barDirection: 'horizontal'
      }
    },
    axes:{
      yaxis:{
        renderer: $.jqplot.CategoryAxisRenderer
      }
    }
});
で、実行したらところ、ちゃんと横棒グラフが表示された。

2014/09/16

[Google App Engine][Python][Jinja2]コメント

Jinja2でコメントを残すには下のように組めばおk

{#
ここの部分は表示されません
#}

2014/09/15

[Google App Engine][Python]gqlからkeyを取得

gqlからkeyを取得するにはどうすればいいだろうか?

下のように組めばおk

query = db.GqlQuery("SELECT * FROM Hoge")
for q in query:
  q.key()

2014/09/14

[Google App Engine][Python][Jinja2]listの展開

Jinja2を使ってリストを展開するにはどうすればいいのだろうか?

Welcome to Jinja2を読むと下のようにすればおkみたい。

<!--
items = [
  {name:"hoge" },
  {name:"bar" },
]
-->
{% for item in items %}
  <li>{{ item.name }} </li>
{% endfor %}

2014/09/13

[jQuery][jqplot]円グラフの値の色を変更

円グラフ上に表示されるラベルの色を変更するにはどうすればいいだろうか?

下のようにclass="jqplot-pie-series"にcolorプロパティを設定すればおk

.jqplot-pie-series{
  color:#ffffff;
}

2014/09/12

[jQuery][jqplot]線グラフに面を設定

線グラフに面を設定するには、下のようにfillXXXプロパティーを設定すればおk

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="./jquery.jqplot.min.js"></script>
$.jqplot('linechart', [...] ,{
    seriesDefaults: {
        fill: true,
        fillAndStroke: true,
        fillAlpha: 0.7,
        fillColor:'#fbfbfb'
    }
});

2014/09/11

[Android][Java]カメラで取得した画像を表示

前回、カメラを起動する方法を書きました。

で、その時は、サムネイルの表示だったのですが、今回は、とった写真をそのまま表示する方法について。

static final int REQUEST_IMAGE_CAPTURE = 1;
private Uri imageUri;

Intent takePictureIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
if (takePictureIntent.resolveActivity(getPackageManager()) != null) {

 
 String timeStamp = new SimpleDateFormat("yyyyMMdd_HHmmss",Locale.US).format(new Date());
 String mCurrentPhotoFileName = "JPEG_MEMO_" + timeStamp + "_";
 
 ContentValues values = new ContentValues();
 values.put(MediaStore.Images.Media.TITLE, mCurrentPhotoFileName);
 values.put(MediaStore.Images.Media.MIME_TYPE, "image/jpeg");
 imageUri = getContentResolver().insert(MediaStore.Images.Media.EXTERNAL_CONTENT_URI,values);
 
 takePictureIntent.putExtra(MediaStore.EXTRA_OUTPUT,imageUri);
 startActivityForResult(takePictureIntent, REQUEST_IMAGE_CAPTURE);
}
上のプログラムでカメラを起動し、下のプログラムで画像を表示させます。
if (requestCode == REQUEST_IMAGE_CAPTURE && resultCode == RESULT_OK) {
 ImageView imageView = (ImageView) findViewById(R.id.imageview);
 imageView.setImageURI(imageUri);
}
問題は、端末を傾けてしまうと画像が表示されなくなってしまうこと。

なので、この問題はまた改めて考えたい。

参考URL
インテントでカメラを呼び出す方法の補足(主に、Xperia 2.1問題対応)

2014/09/10

[Facebook][JavaScript]Like数を取得する

Graph APIを使っていいねの数を取得することはできるのだろうか?

答えはできるみたい。
Get FB likes count for specific URL and page
よると

https://graph.facebook.com/?ids=http://www.your-website.com/the-url-or-so
というようにURLをたたけばでるようなのだが、

URL /?id={url}を読むと下のように組んでもよさそうだ。
FB.api(
    "/?id=http%3A%2F%2Fwww.imdb.com%2Ftitle%2Ftt2015381%2F",
    function (response) {
      if (response && !response.error) {
        response.shares
      }
    }
);