tag:blogger.com,1999:blog-72137145038071796602024-03-06T15:30:34.572+09:00灯火プログラミング系のメモとか、ゲーム・漫画の感想とか。T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.comBlogger207125tag:blogger.com,1999:blog-7213714503807179660.post-21772039328197917032015-03-17T21:59:00.000+09:002015-03-17T21:59:00.522+09:00Django と AngularJS を一緒に使う際に Django 側で {{ }} が展開されるのを防ぐDjango も AngularJS もテンプレート中の {{ }} を変数・関数用のトークンとして利用するため、AngularJS の方で処理したい {{ }} は Django の方で解釈されるのを防ぐ必要があります。<br />
<br />
AngularJS で処理したいタグの周りを verbatim ~ endverbatim タグで囲むことで Django が {{ }} を処理するのを防ぎます。<br />
<br />
<pre class="brush: html;"><body ng-app="TestApp">
<div ng-controller="TestController as tc">
{% verbatim %}
<p>{{ tc.message }}</p>
{% endverbatim %}
</div>
</pre>
T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-72962438402810580792015-03-15T20:53:00.001+09:002015-03-15T20:53:23.016+09:00Polymer : core-dropdown-menu のスタイルを設定するcore-dropdown-menu の中で使う core-dropdown は paper-dialog と同じく overlay の一種なので<br />
「<a href="http://u64178.blogspot.jp/2015/03/polymer-paper-dialog-paper-action-dialog.html" target="_blank">paper-dialog (paper-action-dialog)のスタイルを設定する</a>」同様にカスタムエレメント内でスタイルを設定するには工夫が必要でした。<br />
<br />
普通に <polymer-element> 内の <style> で /deep/ を使ってスタイルを定義しても上手く行きません。<br />
<br />
とりあえずメモのみ。T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-75211707192617252312015-03-15T17:30:00.001+09:002015-03-22T11:05:04.363+09:00JavaScript : input でカンマ区切りの数値配列入力をチェックするpattern に "先頭 + 空白 + 数字 + 空白" というパターンと、"(カンマ + 空白 + 数字 + 空白)×N" というパターンを設定します。<br />
<br />
※ 最後に , があるとエラーになります( "10, 20, 30" は OK、"10, 20, 30, " は NG)<br />
<br />
<pre class="brush: java;"><input is="core-input" id="input_records" required type="text" min="1"
pattern="/^[\s]*[0-9]+[\s]*(,[\s]*[0-9]+[\s]*)*$/">
</pre>
T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-69060987760409626912015-03-15T16:39:00.002+09:002015-03-15T16:39:41.752+09:00JavaScript : input type=date の初期値の設定(Polymer の Data Binding を使用)<ul>
<li>タグの中で属性 value に代入する場合、"YYYY-MM-DD" 形式(ISO準拠)の文字列である必要がある。</li>
<li>JavaScript のコード内で代入する場合は、valueAsDate = date型オブジェクト という形式が使える。</li>
</ul>
<br />
HTML部分(date に Data Binding)
<br />
<pre class="brush: html;"><input type="date" required id="input_date" name="date" value="{{ date }}">
</pre>
<br />
Polymer 初期化部分。date を ISO 準拠文字列にしておくパターン。<br />
<pre class="brush: javascript;">Polymer({
date: new Date().toISOString().substr(0, 10),
...
</pre>
<br />
Polymer 初期化部分。valueAsDate を使うパターン。<br />
<pre class="brush: javascript;">Polymer({
date: new Date(),
ready: function() {
this.$.input_date.valueAsDate = this.date;
}
</pre>
T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-14538334600424897252015-03-15T11:46:00.002+09:002015-03-15T11:46:25.246+09:00『ニコニコ哲学』 感想とレビュー<a href="http://www.amazon.co.jp/gp/product/B00PID9DBG/ref=as_li_ss_il?ie=UTF8&camp=247&creative=7399&creativeASIN=B00PID9DBG&linkCode=as2&tag=tkyjhr-22"><img border="0" src="http://ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B00PID9DBG&Format=_SL250_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=tkyjhr-22" /></a>
<br />
<br />
<a href="http://www.amazon.co.jp/gp/product/B00PID9DBG/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B00PID9DBG&linkCode=as2&tag=tkyjhr-22">ニコニコ哲学-川上量生の胸のうち</a> を読み終わりました。<br />
<br />
ニコニコの在り方や、オープンな市場の問題、採用について、など、様々な内容について語られており、どれも面白かったです。インタビュー形式で読みやすく、短めなのもよいです。<br />
<br />
以下、特に興味を引いた考えの一部。<br />
<br />
<hr />
<br />
IT業界も成熟して、うまいことやるのは難しくなった。そうなると、むしろ誰もやらない大変なことにビジネスチャンスがある可能性が高くなった。徒労に終わらないような大変なことを探す。これが、たぶんIT業界の次のステージの課題。<br />
<br />
オープンになりクリエイターが増えるほど、人気がでるもの、売れるものの多様性は減る。みんな等しく成功のチャンスもクリエイターとしての価値も減る。<br />
<br />
コンテンツ市場が成熟すると、コンテンツの中身よりもブランドが評価される。<br />
<br />
才能=希少性。能力のレベルが高くても、競争相手がたくさんいる業界で認められるのは大変で、1位と2位の差は小さくなる。希少性の高さと能力の高さは違う。<br />
<br />
一人ひとりが「お山の大将」になれる世界の方が幸せ。それを許さず「全国的に見ればお前はこの程度」と突き付けるのがインターネット。お山(小さいコミュニティ)をどう作るかが次のネットのテーマ。<br />
<br />
「これに賭ける」という思いで思考を停止するのは間違い。必要なのは勇気ではなく計算。<br />
<br />
通年採用ではスキルのない人は就職できない。将来のポテンシャルなんて考慮されない。新卒採用で「強者」側の高学歴組の中で、通年採用でも「強者」でいられる人はほんの僅かであり、新卒採用の「弱者」も通年採用になればどうなるということはない。<br />
<br />
オタクは「敵に回すとおそろしいが、見方にすると頼りない」<br />
<br />
「夢」とは長い間満たされない欲求のこと。持っているから偉いということはない。<br />
<br />
オタクの特徴は自分が正しいと思っていること。コミュニケーション能力が低くて、社会では居場所がないから、自分で自分を褒めるしか無い。<br />
<br />
個性は非論理的な部分にしか残らない。論理を突き詰めていくと同じ帰結に達する。<br />
<br />T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-55729139281532249792015-03-14T20:44:00.001+09:002015-03-14T20:46:38.606+09:00Polymer : core-ajax post 用テンプレート(+ Django)POST のパラメータの上手い渡し方がよくわからないので、しばらくはこれでいこうというメモ。<br />
<br />
template 部分(入力部分とかは適当に。core-ajax は実際は <a href="http://u64178.blogspot.jp/2015/03/django-polymer-ajax-crfs-403.html" target="_blank">djang-ajax</a> を使う。)<br />
<pre class="brush: html;">
<paper-input-decorator label="" error="入力必須" isInvalid="{{!$.input_name.validity.valid}}">
<input is="core-input" id="input_name" required type="text" value="{{ name }}">
</paper-input-decorator>
<paper-button on-click="{{ post_data }}"></paper-button>
<core-ajax
id="post"
url="/someurl"
method="post"
handleAs="json"
on-core-response="{{ response }}"
on-core-error="{{ error }}">
</core-ajax></pre>
<br />
script 部分<br />
<pre class="brush: javascript;">post_data: function() {
if(!this.$.input_name.validity.valid){
alert("名前を入力してください");
} else {
var data = {
'name': this.name,
};
this.$.post.body = "data=" + JSON.stringify(data);
this.$.post.go();
}
},
response: function (event, response) {
},
error: function(event, response) {
}</pre>
<br />
受け取り側(Python Django)<br />
<pre class="brush: python;">class ActivityInfoListApi(View):
def post(self, request, *args, **kwargs):
data = request.POST.get("data", None)
if data is None or len(data) == 0:
return HttpResponseBadRequest()
obj = json.loads(data)
try:
name = obj["name"]
# 型チェック
if (not isinstance(name, str) and not isinstance(name, unicode)):
return HttpResponseBadRequest()
# 受け取った値で何か処理…
return HttpResponse("json形式文字列…")
except KeyError:
logging.error("Missing Parameter")
return HttpResponseBadRequest()
</pre>
T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-67562378670390603072015-03-12T22:01:00.001+09:002015-03-12T22:01:02.283+09:00Polymer : paper-dialog 関係のメモよく使いそうな設定のメモです。<br />
<br />
<a href="http://u64178.blogspot.jp/2015/03/polymer-paper-dialog-paper-action-dialog.html" target="_blank">Polymer : paper-dialog (paper-action-dialog)のスタイルを設定する</a><br />
<ul>
<li>ダイアログ外をクリックされても閉じないようにする</li>
<ul>
<li>autoCloseDisabled="true" にする</li>
</ul>
<li>ボタンを押しても閉じないようにする</li>
<ul>
<li>closeSelector を設定する。affirmative を押しても閉じないようにする場合は closeSelector="[dismissive]"</li>
</ul>
</ul>
T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-47768045481208229442015-03-11T21:14:00.000+09:002015-03-11T21:17:17.153+09:00Polymer : paper-dialog (paper-action-dialog)のスタイルを設定する<a href="https://www.polymer-project.org/0.5/docs/elements/paper-dialog.html" target="_blank">paper-dialog 公式ドキュメント</a> に従って /deep/ を使っても width や height が上手く設定できずに悩んでいたのですが、原因は以下のサイトの内容でした。<br />
<br />
参考:<a href="http://stackoverflow.com/questions/26919246/issue-with-upgrade-to-polymer-0-5-1-and-styling-paper-dialog">Issue with upgrade to Polymer 0.5.1 and styling paper-dialog</a><br />
<br />
ルート以外の要素で paper-dialog を使う場合、一工夫いるようです。<br />
<br />
<h3>
原因の要約</h3>
<ul>
<li>paper-dialog (paper-action-dialog など含む)がデフォルトで<b> layered プロパティが true に設定されている</b></li>
<ul>
<li>ダイアログを常に画面前面に表示するため</li>
</ul>
<li><b>layered が true の要素は、 core-overlay-layer というグローバルな要素に親が変更される</b></li>
<ul>
<li>Developer Console を開いて Element のタブを開くとそのことがわかります</li>
</ul>
<li><b>paper-dialog を使用している要素のスコープから外れてしまうので、そこで定義した css の style が適用されない</b></li>
</ul>
<br />
<h3>
対策</h3>
<br />
リンク先では以下の3通りが紹介されています。
ひとまず、汎用的に思える <a href="https://www.polymer-project.org/0.5/docs/elements/core-style.html" target="_blank">core-style</a> を使うことにしました。
<br />
<ul>
<li>layered を false にする</li>
<li>core-style を使う</li>
<li>paper-dialog を継承したカスタムエレメントを作成する</li>
</ul>
<br />
<hr />
<h3>
サンプル</h3>
<pre class="brush: html;"><link rel="import" href="/bower_components/polymer/polymer.html">
<link rel="import" href="/bower_components/paper-button/paper-button.html">
<link rel="import" href="/bower_components/paper-dialog/paper-action-dialog.html">
<link rel="import" href="/bower_components/core-style/core-style.html">
<core-style id="my-dialog-style">
html /deep/ {
width: 16px;
height: 16px;
}
html /deep/ paper-action-dialog::shadow #scroller {
width: 360px;
height: 360px;
}
</core-style>
<core-style ref="my-dialog-style"></core-style>
<polymer-element name="my-paper-action-dialog" attributes="toggle">
<template>
<style>
:host {
position: absolute;
width: 100%;
height: 100%;
}
</style>
<paper-action-dialog id="dialog">
<div>
...
</div>
<paper-button dismissive>CANCEL</paper-button>
<paper-button affirmative>OK</paper-button>
</paper-action-dialog>
</template>
<script>
Polymer({
toggle: function () {
this.$.dialog.toggle();
}
});
</script>
</polymer-element>
</pre>
T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-36429351214537941102015-03-05T21:32:00.003+09:002015-03-05T21:32:56.668+09:00Chart.js : Radar チャートのフォントサイズ変更Radar の外枠に表示されているラベルのフォントサイズや色の設定は defaults.global のオプションではなく defaults.Radar のオプションでした。<br />
<br />
<pre class="brush: javascript;">Chart.defaults.Radar.pointLabelFontSize = 16; // 少し大きく(デフォルトは 10)
Chart.defaults.Radar.pointLabelFontColor = 0x00FFFFFF; // 赤
</pre>
<br />
<a href="http://www.chartjs.org/docs/#radar-chart-chart-options" target="_blank">Char.js | Documentation - Radar Chart</a>T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-49564410890241021512015-03-01T15:09:00.000+09:002015-03-01T15:09:23.143+09:00Django + Polymer : Ajax 時の CRFS 対策 (403 エラーへの対応)<a href="http://u64178.blogspot.com/2015/02/django-ajax-post-403.html" target="_blank">ここ</a> に書いたように url に View を登録するときに csrf_exempt を使うことで CSRF 対策を切って 403 エラーを回避していましたが、Polymer 使用時には <a href="https://coderwall.com/p/ntavbg/django-enabled-polymer-core-ajax-variant" target="_blank">Django-enabled Polymer core-ajax variant</a> を使うことで簡単に対応できる事がわかりました。<br />
<ol>
<li>リンク先の django-ajax を django-ajax.html という名前で保存する</li>
<li>Polymer 内で core-ajax を使っていた部分を django-ajax に置き換える</li>
<ol>
<li>インポートを忘れずに</li>
</ol>
<li>{% csrf_token %} を html に含めてレンダリングする</li>
</ol>
django-ajax は core-ajax を継承していて、ajax 時のヘッダに csrf トークンを追加してくれる、という寸法のようです。<br />
<br />
先人の知恵というのはありがたいものですね。リンク先に感謝です。T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-43323669428796255772015-02-27T21:15:00.002+09:002015-02-28T09:43:06.969+09:00『Nexus Player』 レビュー購入しました。
<br />
<br />
Chromecast はすぐに使わなくなってしまったのであまり期待せずに買ったのですが、動きが軽快で使いやすく、想像以上に良いです。長続きするかもしれません。
<br />
<br />
<hr />
<h3>
セットアップ</h3>
<br />
HDMI ケーブルが別売りだったことに買ってから気が付きました。これから買う方はお気をつけ下さい。
<br />
<br />
電源ケーブルと HDMI ケーブルを繋いで、リモコンに電池を入れて起動したら、後は画面にそって進むのみ。メールアドレスやパスワードの入力はリモコンで。ネットワーク接続とログインが多少面倒なのは、一回限りの作業なので仕方ないのですかね。この辺りがもっと楽になると、がくっと購入障壁が低くなると思うのですが。<br />
<br />
<hr />
<h3>
アプリ</h3>
<br />
はじめから入っている <b>Youtube</b> と <b>Hulu</b>、<b>Google Music</b> 以外に、<b>TED</b> と <b>Bloomberg</b> を Play ストアからインストールしました。<b>TED にランダム再生があるのが良い</b>です。英語の勉強に使えそうな気がします。<br />
<br />
後は nasne に対応したアプリと、ニコ動がくれば完璧ですが、これでも十分なので、気長に待つことにします。<br />
<br />
ゲームパッドに対応したアプリもいくつかあるようなので、販売が始まったら購入して何かプレイしてみたいですね。せっかくキャンペーンで 2000円手に入れたので。ゲームもこれで十分ということになるのか、それともやっぱり家庭用ゲーム機にはまだ代えられないな、となるのか、試してみたいと思います。<br />
<br />
<br />
<hr />
<h3>
音声検索</h3>
<br />
リモコンについているマイクボタンを押すとできるので、使ってみました。<br />
「スティーブ・ジョブズ」と言ってみたところ「ティーブ ジョブズ」と認識されたりもしましたが、何度か繰り返すとちゃんと「steave jobs」と認識されて Youtube の動画などがリストアップされました。<br />
<br />
ちなみに設定で言語を英語に変えると「にんてんどう」という喋った時の認識が「任天堂」から「Nintendo」に変わりました。英語で検索したいときにはこの方が便利そうです。<br />
<br />
<hr />
<br />
ゲームパッドの発売が楽しみです。T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-87415652462020158562015-02-27T07:09:00.000+09:002015-02-27T07:09:35.006+09:002015年2月振り返り2月が終わり、1年の 1/6 が終了です。今月は、ここ数ヶ月低調だった技術系(プログラミング系)にそれなりに時間をかけられたことが収穫でした。<br />
<br />
反面、1月の反省を生かせず、相変わらず英語がリーディング・リスニングに偏っているのが問題の気がしています。というよりも、ライティング・スピーキングの能力を向上させたいと自分は本当に思っているのか、何のために向上させたいと思っているのかが曖昧な点が、良くないなと感じました。全体の目標を見直しながらその辺りをもっと考えてみたいと思います。<br />
<br />
<hr />
<h3>
読書</h3>
<ul>
<li><a href="http://www.amazon.co.jp/gp/product/B00ELIF0Z2/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B00ELIF0Z2&linkCode=as2&tag=tkyjhr-22">Look Who's Back</a> : 残念ながら理解できなかった箇所も多かったです。まだまだ英語力不足というのもありますが、ドイツの歴史についての知識不足もあったかと。</li>
<li><a href="http://www.amazon.co.jp/gp/product/B004EPYZ26/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B004EPYZ26&linkCode=as2&tag=tkyjhr-22">Animal Farm</a> : まだ15% ほどですが、面白い予感がしてます。1984年が素晴らしかったので期待大です。1984年の原著は躓いてしまったのですが、こちらの方が読みやすい気がしています。</li>
<li><a href="http://www.amazon.co.jp/gp/product/4532149479/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=4532149479&linkCode=as2&tag=tkyjhr-22">さあ、才能(じぶん)に目覚めよう―あなたの5つの強みを見出し、活かす</a> : 課題で読みました。自分の強みは学習欲や収集欲だそうで。本自体は、なんかちょっと読みにくく感じました。</li>
<li><a href="http://www.amazon.co.jp/gp/product/B00QQKCV6E/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B00QQKCV6E&linkCode=as2&tag=tkyjhr-22">エッセンシャル思考</a> : <a href="http://u64178.blogspot.jp/2015/02/blog-post.html">ここ</a>にまとめました。とても良い本だと思います。</li>
<li><a href="http://www.amazon.co.jp/gp/product/B00G1J1D28/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B00G1J1D28&linkCode=as2&tag=tkyjhr-22">Essentialism: The Disciplined Pursuit of Less</a> : 『エッセンシャル思考』の原著です。良い本だと思ったので、原著を再読してみてます。現在20%ほど。</li>
</ul>
ちょっと少なめですが、『エッセンシャル思考』がとても良かったこと、読み始めた『Animal Farm』が面白そうなことで、満足度は高いです。<br />
<br />
<hr />
<h3>
英語</h3>
今月も edX に相当時間を使いました。"The Science of Happiness" と "Introduction to Nutrition" が受講終了、"Probability" について4週分。"Body Matters" という運動生理学(?)系の話が始まったのでそれを聴き始め。"Introduction to Nutrition" の最終課題のライティングと、何回かの日本語記事の英訳の練習を行いましたが、相変わらずリスニングとリーティングが多めです。<br />
<br />
<hr />
<h3>
運動</h3>
1月よりはましで、ジャグリングは結構やってました。主に5ボールカスケードをひたすらやるだけですが。仕事が忙しくなると、早く帰れたときでも眠くて集中して筋トレできないのを何とかしたいところではあるのですが…いっそ諦めて、筋トレは週末にみっちりやる、という方向も良いのかもしれません。<br />
<br />
<hr />
<h3>
プログラミング</h3>
Python での Google App Engine と、そこでのフロントエンドのフレームワークとして Polymer をそこそこ時間をかけて触っていました。なかなか面白いですし、Web アプリを作る技術は学びたいと思っていたので良い感じです。3月には何かとりあえずのものを形にしたいです。
<br />
<br />
<hr />
<h3>
娯楽作品</h3>
強いて言えば、小説(<a href="http://www.amazon.co.jp/gp/product/B00ELIF0Z2/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B00ELIF0Z2&linkCode=as2&tag=tkyjhr-22">Look Who's Back</a>と<a href="http://www.amazon.co.jp/gp/product/B004EPYZ26/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B004EPYZ26&linkCode=as2&tag=tkyjhr-22">Animal Farm</a>)を読んでいたくらいで、ゲームは新しいものに手を出していません。それでリフレッシュはできていますし、ここを無理に頑張る必要はないと思っているので問題視はしていません。
<br />
<br />
<hr />
<hr />
<br />
<h3>
3月の目標</h3>
完全に『<a href="http://www.amazon.co.jp/gp/product/B00QQKCV6E/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B00QQKCV6E&linkCode=as2&tag=tkyjhr-22">エッセンシャル思考</a>』の影響を受けていますが、同時にいろいろなものを手を出そうとし過ぎていて、薄っぺらくなってしまっているのでは、と感じたので週末に年間目標の修正と、それを分割しての四半期単位の目標を建てようと思います。T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-39653980808549816182015-02-25T20:26:00.001+09:002015-02-25T20:26:31.024+09:00『エッセンシャル思考』 感想とレビュー<a href="http://www.amazon.co.jp/gp/product/B00QQKCV6E/ref=as_li_ss_il?ie=UTF8&camp=247&creative=7399&creativeASIN=B00QQKCV6E&linkCode=as2&tag=tkyjhr-22"><img border="0" src="http://ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=B00QQKCV6E&Format=_SL250_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=tkyjhr-22" /></a>
<br />
<br />
最近自分の周りで話題になっていた『<a href="http://www.amazon.co.jp/gp/product/B00QQKCV6E/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B00QQKCV6E&linkCode=as2&tag=tkyjhr-22">エッセンシャル思考 最少の時間で成果を最大にする</a>』という本を読みました。納得できる指針、わかりやすい具体例、明確なアドバイスと三拍子揃っており、かつ訳書にありがちな不自然な文体もなかったので、とても良い本だったと思います。いろいろな事に中途半端に手を出しがちな自分にとって、目標・行動の見直しのきっかけと指針になりました。<br />
<br />
内容の紹介と、後で読み直す際の参考を兼ねて Part 毎に、簡単に内容をまとめます。<br />
<br />
<hr />
<h3>
Part 1. エッセンシャル思考とは</h3>
<br />
原著は『<a href="http://www.amazon.co.jp/gp/product/B00G1J1D28/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B00G1J1D28&linkCode=as2&tag=tkyjhr-22">Essentialism: The Disciplined Pursuit of Less</a>』というタイトルで「Essentialism」は「本質主義」(<a href="http://ja.wikipedia.org/wiki/%E6%9C%AC%E8%B3%AA%E4%B8%BB%E7%BE%A9" target="_blank">Wikipedia</a>)と訳されますが、ここでは、<b>"自分の本質とはなにか、自分が大事にしているものは何かを見定めて、やる事とやらない事を自分の意志で取捨選択していく思考"</b>のようにまとめられるのではないかと思います。重要なのは自分の意志で選ぶこと、また、取るだけでなく捨てる事も必要になることです。<br />
<br />
「やらなくては」という思い込みを捨て、「どれも大事」という幻想を捨て、「全部できる」という自惚れを捨てることで、初めて重要なことに集中できるようになる、と説いています。<br />
<blockquote class="tr_bq">
「教えてください、あなたは何をするのですが/その激しくかけがえのない一度きりの人生で」 メアリー・オリバー</blockquote>
<br />
<hr />
<h3>
Part 2. 見極める技術</h3>
<br />
当然取捨選択を行うにあたっては何を選ぶか、どのように選ぶのかが問題となります。Part 2. では以下の5つの章で、正しい選択を見極めるためのコツと条件を挙げています。
<br />
<ul>
<li>孤独:どんなに忙しくとも、考えるための時間と環境を確保する</li>
<li>洞察:情報の量や声の大きな意見に惑わされず、大局を見る</li>
<li>遊び:創造性と探究心を忘れずに、何が楽しかったか、楽しいかに意識を向ける</li>
<li>睡眠:洞察力、発想力を発揮し効率よく成果を挙げるためによく眠る</li>
<li>選抜:明確で正しく、厳しい基準を採用し、悪くない、程度の選択肢は全て却下する</li>
</ul>
<div>
<br /></div>
<hr />
<h3>
Part 3. 捨てる技術</h3>
<br />
Part 3. では捨てる技術として、本当に重要なものを選ぶために、不要な物事を「捨てる」技術を紹介しています。Part 2 の「見極める」技術と近いものがありますが、より具体的な方法論となっています。
<br />
<ul>
<li>目標:「かなり明確」では不十分、魅力的でかつ測定可能な「完全に明確」なものにする</li>
<li>拒否:断り方を覚えて勇気を持って上手に断る</li>
<li>キャンセル:「授かり効果」(自分の持ち物を高く評価する心理バイアス)を回避するため、途中まで進めていたプロジェクトや既に持っているものに対して判断を下す場合は「まだ持っていないとしたらどれくらいのコストをかけて手に入れようとするか」を考える</li>
<li>編集:削除、凝縮、修正を日々繰り返し、自分の生き方から不要なものや余分なものを削って本質を維持する</li>
<li>線引:譲れないラインを引き、自分の領域を確保する、また、他人の領域に手を出さない</li>
</ul>
<div>
<br /></div>
<hr />
<h3>
Part 4. 仕組み化</h3>
<br />
Part 4 では Part 2, 3 で解説した考え方や方針を維持するための心構えを説きつつ、エッセンシャル思考のメリットについてまとめています。
<br />
<ul>
<li>バッファ:最悪の事態を想定して準備と計画を徹底的に行う</li>
<li>削減:成果を産まない努力をやめ、目指すことを明確にしてそのボトルネックを取り除く</li>
<li>前進:日々の進歩を大切にし、地味に着実に勝ち続ける</li>
<li>習慣:重要なことをやることが普通の状態、となるよう、ひとつずつ良い習慣を身につける</li>
<li>集中:過去や未来にとらわれず、今重要なことにひとつずつ集中する</li>
<li>未来:エッセンシャル思考を体に染み込ませることは後悔なく生きることに繋がる</li>
</ul>
最終章「エッセンシャル思考のリーダーシップ」でチームとしてのエッセンシャル思考について触れていますが、ここでは割愛します。<br />
<br />
<hr />
<br />
2015年の目標を立ててから約 2ヶ月が経過し、調度良い見直しの時期なので、この本を参考にしつつもっと絞った目標に修正して、より実りのある1年を過ごせればと思います。T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-72351200739362775252015-02-20T00:12:00.003+09:002015-03-01T15:07:36.850+09:00Django : Ajax POST 時に 403 エラー出る場合の対処法幾つか解決策はあるようですが、ひとまず url 登録時に csrf_exempt をつけています。<br />
おそらくセキュリティ的にあまりよくなさそうなので <a href="https://docs.djangoproject.com/en/dev/ref/csrf/#how-to-use-it">Cross Site Request Forgery protection</a> 辺りを参照していずれきちんと理解したいと思います。。。<br />
<br />
<pre class="brush: java;">from django.views.decorators.csrf import csrf_exempt
....
url(r'^category$', csrf_exempt(MyViewClass.as_view())),
</pre>
<br />T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-20870402122243596082015-02-19T22:39:00.001+09:002015-02-20T22:57:46.707+09:00Google App Engine : ndb のデータを JSON 化する + json.dumps を date 対応させるMyModel.query().fetch() などで ndb.Model を取得した後、ndb.Model の to_dict() 関数を使用して json 化します。
<br />
<br />
to_dict() には key が含まれないので、key が必要な場合には明示的に追加します。<br />
<br />
<br />
<pre class="brush: python;">fetched_list = MyModel.query().fetch()
json_without_keyid = json.dumps([c.to_dict() for c in fetched_list ])
json_with_keyid = json.dumps([dict(c.to_dict(), **dict(id=c.key.id())) for c in fetched_list ])</pre>
<br />
<br />
<h3>
追記
</h3>
数字や文字列のみの場合上記のコードで問題なかったのですが、<br />
DateProperty を使用していた Model は<br />
<br />
File "C:\Python27\lib\json\encoder.py", line 184, in default<br />
raise TypeError(repr(o) + " is not JSON serializable")<br />
TypeError: datetime.date(2015, 2, 20) is not JSON serializable<br />
<div>
<br /></div>
<div>
というエラーで json 化に失敗してしまいました。</div>
<div>
そこで、以下のように、date オブジェクトの場合の処理を追加した JSONEncoder を作成し、対応を加えました。datetime の場合なども同じような方法で対応できるはずです。</div>
<div>
<br /></div>
<br />
<pre class="brush: python;">from datetime import date
class JSONDateEncoder(json.JSONEncoder):
def default(self, obj):
if isinstance(obj, date):
return obj.isoformat()
return json.JSONEncoder.default(self, obj)
fetched_list = MyModel.query().fetch()
json_without_keyid = json.dumps([c.to_dict() for c in fetched_list ], cls=JSONDateEncoder)
json_with_keyid = json.dumps([dict(c.to_dict(), **dict(id=c.key.id())) for c in fetched_list ], cls=JSONDateEncoder)</pre>
<br />
<br />
参考:<a href="http://stackoverflow.com/questions/13311363/appengine-making-ndb-models-json-serializable" target="_blank">AppEngine Making ndb models json serializable</a>、<a href="http://xn--how%20to%20overcome%20datetime-318r.xn--datetime%20not%20json%20serializable%20in%20python-y705a/?" target="_blank">How to overcome “datetime.datetime not JSON serializable” in python?</a>T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-62332911603845132572015-02-07T20:51:00.000+09:002015-02-07T20:51:31.525+09:002015年1月振り返りもう2月も一週間終わっていますが、<a href="http://u64178.blogspot.jp/2015/01/2015.html" target="_blank">2015年の目標</a> と照らし合わせながら1月を振り返って反省しておきたいと思います。<br />
<br />
<hr />
<h3>
読書</h3>
<br />
読んだ本のリストは以下のとおり。<br />
<ul>
<li><a href="http://www.amazon.co.jp/gp/product/B00K1T8Z4S/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B00K1T8Z4S&linkCode=as2&tag=tkyjhr-22">TypeScriptリファレンス Ver.1.0対応</a></li>
<li><a href="http://www.amazon.co.jp/gp/product/B00HQ7S5CA/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B00HQ7S5CA&linkCode=as2&tag=tkyjhr-22">知識ゼロから学ぶソフトウェアテスト 【改訂版】</a></li>
<li><a href="http://www.amazon.co.jp/gp/product/B009DEMC8W/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B009DEMC8W&linkCode=as2&tag=tkyjhr-22">一九八四年</a></li>
<li><a href="http://www.amazon.co.jp/gp/product/4101369186/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=4101369186&linkCode=as2&tag=tkyjhr-22">火車 (新潮文庫)</a></li>
<li><a href="http://www.amazon.co.jp/gp/product/B00B2FLDRQ/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B00B2FLDRQ&linkCode=as2&tag=tkyjhr-22">The Rosie Project: Don Tillman 1 (Don Tillman series)</a></li>
<li><a href="http://www.amazon.co.jp/gp/product/B00ELIF0Z2/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B00ELIF0Z2&linkCode=as2&tag=tkyjhr-22">Look Who's Back</a> (まだ途中。50%くらい)</li>
</ul>
後述しますが、1月は edX に時間を注ぎ込んだこともあり、読書量は少なめでした。<br />
また、2015年の目標では「自分で買うことでちゃんと読むというモチベーションにしよう」と書いていましたが、むしろ返却期限がある借りた本の方が読む気が起こるという結果に。<br />
<br />
1月は、技術系に関して読書量も、手を動かした量も少なかったので、2月は手を動かすような本を読みたいところです。<br />
<br />
<hr />
<h3>
英語</h3>
<br />
<a href="https://www.edx.org/" target="_blank">edX</a> の講義の聴講に相当な時間を使いました。"The Science of Happines" が 7週間分、"Introduction to Nutrition" を 4週間分ほど。そのおかげでリーディングとリスニングに関してはかなり行えた反面、もう一方の目標に掲げていたライティングに関しては完全にお留守に。。。<br />
(しかし心理学とか栄養学とかは真面目に勉強するととても面白そうですね。)<br />
<br />
一応、2月から edX で English Grammer and Essay Writing というコースが始まったのでそれも受講はしているのですが、ライティングに関してはもう少し何か検討したいと思います。<br />
<br />
<hr />
<h3>
運動</h3>
<br />
微妙。。。ジャグリングも筋トレも目標の7割くらいといった感じです。<br />
<br />
<hr />
<h3>
プログラミング</h3>
<br />
TypeScript、AngularJS などを少し勉強した、程度。<br />
<br />
<hr />
<h3>
娯楽作品</h3>
<br />
ゲームは<a href="http://www.amazon.co.jp/gp/product/B00R7FLME4/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B00R7FLME4&linkCode=as2&tag=tkyjhr-22">ハコボーイ!</a>、<a href="http://yachtclubgames.com/shovel-knight/">Shovel Knight</a> をプレイしましたが、両方とも面白かったです。やはり2Dアクションゲームは良いな。。。特にハコボーイは傑作。<br />
<br />
アニメは、2月に入った時点では「アイドルマスターシンデレラガールズ」、「アルドノアゼロ」、「四月は君の嘘」、「幸腹グラフィティ」、「デュラララ」を視聴継続。「艦これ」は、3話まで見て、3話の内容自体もさることながら、3話までみても世界観や戦う理由みたいな舞台背景が全く理解できなかったので切りました。<br />
<br />
<hr />
<br />
新年最初の1ヶ月だというのに、全体的に駄目な感じが否めない。。。
<br />
今月は有給消化でそこそこ平日も休むので、挽回したいところです(特に運動と技術系)。T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-14456671908492831162015-01-02T18:21:00.000+09:002015-01-02T18:21:40.651+09:00『一九八四年』 感想とレビュー<a href="http://www.amazon.co.jp/gp/product/4151200533/ref=as_li_ss_il?ie=UTF8&camp=247&creative=7399&creativeASIN=4151200533&linkCode=as2&tag=tkyjhr-22"><img border="0" src="http://ws-fe.amazon-adsystem.com/widgets/q?_encoding=UTF8&ASIN=4151200533&Format=_SL250_&ID=AsinImage&MarketPlace=JP&ServiceVersion=20070822&WS=1&tag=tkyjhr-22" /></a><br />
<br />
新年一冊目は『<a href="http://www.amazon.co.jp/gp/product/B009DEMC8W/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B009DEMC8W&linkCode=as2&tag=tkyjhr-22">一九八四年</a>』を読みました。<br />
<br />
以前、原著である 1984 を読もうとして 5% くらいで挫折してしまったことがあるのですが、今回読んだ訳書(新訳版)はとても読みやすかったです。そして、その内容は想像していたよりもずっと面白く、不朽の名作と呼ばれるのも納得の作品でした。<br />
<br />
絶対的な支配力を誇る「党」に反する思考を持った主人公の物語として、娯楽小説として惹き込まれながら、その中で語られる支配を恒久化させるための社会構造に対する洞察、思考を抑制するために言語を削ぎ落とすという政策の説得力など、著者の凄まじい知性を感じました。自分はその内容の半分も理解できていないのでしょうが、それでも、この本に書かれた考え方に触れることはとても刺激的でした。<br />
<br />
2015年が始まってまだ2日目ですが、この年読んだ小説の中で最高の作品になるかもしれない、と思うほどです。それだけの評価を持っていた作品なので当然なのかもしれませんが、それほど衝撃的で充実した読書体験となりました。
<br />
<br />
<hr />
<br />
少し昔の作品で、これほど面白かった本は『<a href="http://www.amazon.co.jp/gp/product/B009DEMMAU/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B009DEMMAU&linkCode=as2&tag=tkyjhr-22">春にして君を離れ</a>』以来です。こちらの作品は人間に対する洞察が非常に優れていると思います。T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-35479134674498984332015-01-02T09:25:00.000+09:002015-01-02T09:25:26.731+09:00Windows で Re:VIEW 環境を構築するWindows PC 上に、独自の記法に従ったテキストから html、epub、pdf などを作成できる Re:VIEW(<a href="https://github.com/kmuto/review" target="_blank">GitHub へのリンク</a>) というドキュメント制作環境を構築した際のメモです。<br />
<br />
<hr />
<h3>
Cygwin と VirtualBox のどちらを使うべきか</h3>
<br />
Re:VIEW は Mac、Linux をメインターゲットに制作されているので、Windows での環境構築には Cygwin を使うか、VirtualBox 上で Linux 系の OS を動かすかが必要になります。
<br />
<br />
私は最初は Cygwin を使ってみましたが、pdf への変換を行う環境を整えるところで挫折してしまいました。html や epub を作るところまでは比較的簡単にできたので、そこまででよければ Cygwin で問題ないかとは思いますが、pdf まで作成できる環境を簡単に手に入れられる <b>VirtualBox の方をおすすめ</b>します。なのでここでは VirtualBox を使う方法のみ記載します。<br />
<br />
<hr />
<h3>
VirtualBox + Re:VIEW 環境の構築</h3>
<ol>
<li><a href="https://www.virtualbox.org/wiki/Downloads" target="_blank">ここ</a>から VirtualBox X.X.X for Windows をダウンロードしてインストールします。拡張子を関連付けします。</li>
<li><a href="http://d.kmuto.jp/20130811.html#p01" target="_blank">ここ</a>で公開されている Re:VIEW のイメージをダウンロードします。</li>
<li>ダウンロードした .ova イメージをダブルクリックするとインポートされます。</li>
<li>インポート後、起動しようとするとエラーで起動できませんでした。私の環境(Windows 8.1 64bit、SSD)では「設定」を以下のように変更したところ起動できるようになりました。</li>
<ul>
<li>「ネットワーク」でアダプター1の設定をブリッジアダプターに変更する</li>
<li>「ストレージ」の SATA コントローラ -> review-disk1.vmdk で SSD をチェックする</li>
<li>「システム」のプロセッサータブで PAE/NX を有効化をチェックする</li>
</ul>
</ol>
<h3>
イメージ起動から Re:VIEW の実行まで</h3>
<ol>
<li>ユーザ名とパスワードに review と入れてログインします。</li>
<li>Windows の共有ディレクトリ(エクスプローラの左側の「ネットワーク」以下)に REVIEW というフォルダが見えるので、ここにコンパイルするためのファイルを置きます。このフォルダが、イメージ上では work ディレクトリに相当します。</li>
<li>VirtualBox の方で work ディレクトリに移動し、review-pdfmaker sample.yml のように実行したいコマンドを実行します。成功すると pdf が作成されます。</li>
</ol>
その他、環境のアップデート方法などは、イメージのプロンプトで help コマンドを実行すると確認する事ができます。<br />
<br />
<hr />
<br />
これで pdf が作成できるようになりました。<br />
<a href="http://qiita.com/mhidaka/items/c5fe729716c640b50ff7" target="_blank">技術的な文章を書くための第0歩 ~読者に伝わる書き方~</a>や<a href="http://qiita.com/vvakame/items/d657baf26cf83ac98bd0" target="_blank">技術的な文章を書くための1歩、2歩、3歩</a>などを参考に、内輪向きにでも何か書けたらと思います。T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-84054352051812701462015-01-01T14:50:00.002+09:002015-01-01T14:50:49.580+09:00『Xerox Xerox Xerox Xerox』 感想とレビュービル・ゲイツが賞賛し、<a href="http://www.gatesnotes.com/Books/Business-Adventures-Free-Chapter-Download" target="_blank">ここ</a>で無料で公開されている、『<a href="http://www.amazon.co.jp/gp/product/B00L1TPCKW/ref=as_li_ss_tl?ie=UTF8&camp=247&creative=7399&creativeASIN=B00L1TPCKW&linkCode=as2&tag=tkyjhr-22">Business Adventures</a>』の Xerox の章を読んでみました。<br />
<br />
以下、内容の簡単なまとめと感想です。<br />
<br />
<hr />
Xerox がコピー機の開発に挑戦し、財政難・技術的課題に苦しみながらも最終的には製品開発に成功して市場を席巻するまでと、その後大企業として行った企業活動などについて、40ページ程でまとめられています。<br />
<br />
面白かったのは、著作権侵害の急増、マスターデータから必要に応じて必要なページのみを印刷する図書館が生まれるのではという考え、出版業界における全員が読者であるとともに著者になれる時代の到来への恐怖、などといった、現代のインターネットや電子本などにそのまま当てはめられるような話題があったところです。当時の Xerox のコピー機のインパクトの大きさを示しているような気がしますね。<br />
<br />
ちなみに、著作権侵害については、多くのコピー機メーカーが、今まで認められていた手書きによるコピーの発展形にすぎないという立場をとっていたのに対し、Xerox は無断コピーは禁止するべきという立場を取っていたそうです。Xerox が、出版や教育関係の企業を買収していたことも無関係ではないと思いますが、そもそもそういう企業を買収していて、コピー機が売れれば良い、という思想に囚われていないということが他の企業と異なる点なのかもしれません。<br />
<br />
また、Xerox が、急激な発展を遂げた後、利益の多くの教育や慈善活動に寄付していた、という点も興味深いです。国連の報道活動への出資には多くの反対意見(アメリカでは国連に対して不信感を持っている方々もおり、ある企業が反対活動を扇動していました)が、結局は正しい判断だった、と振り返られています。<br />
<br />
最後に、その辺りについての当事者のコメントを一部引用。<br />
<blockquote class="tr_bq">
The corporation cannot refuse to take a stand on public issues of major concern.</blockquote>
<blockquote class="tr_bq">
(...) world coöperation is our business, because without it there might be no world and there fore no business.</blockquote>
<blockquote class="tr_bq">
You can’t just be bland, or you throw away your influence. But you can’t take a stand on every major issue, either. </blockquote>
<hr />
<br />
可能性を信じ苦境に耐えて成功した一方で、成功の要因については偶然が大きい(セレニウムの使用がキーとなったが、セレニウムが良いとわかったのは実験的な成果で理論的な背景があるわけではない)、という、成功のための必要条件(十分条件ではない)と成功後の理想的な姿勢を示した一章なのでないかと思います。<br />
<br />
無料なので、興味があれば読んでみるとよいでしょう。T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-72588461999225739662015-01-01T11:34:00.000+09:002015-01-01T11:34:39.482+09:002015年の目標あけましておめでとうございます。<br />
<br />
昨日、去年を振り返って軽く絶望したので、今年は同じ過ちを犯さぬよう頑張りたい、という思いを込めて目標を並べ立てて公開しておくことにました。一ヶ月ごとに、達成度と反省の記事を書こうかなと思います。<br />
<br />
<hr />
<h3>
読書</h3>
<ul>
<li>プログラミング・コンピュータ系:1冊以上/月、15冊以上/年</li>
<li>その他読み物:1冊以上/月、15冊以上/年</li>
<li>小説:1.5冊以上/月、20冊以上/年</li>
<li>(洋書:8冊以上/年)</li>
</ul>
※ 洋書を読んだ場合、他の項目と重複している場合は両方カウントします。<br />
<br />
去年はプログラミング・コンピュータ系の読書量がかなり少なかったので、意識的に手を出していきたいところです。そういう系の本は会社でも借りられますが、お金でモチベーションを買うという意味でも、自費でいろいろ買おうと思います。<br />
<br />
小説も、去年は読むときは読む、読まない時は読まないと波が激しかったので、コンスタントに月1冊くらいは読んで頭をリフレッシュさせたいですね。<br />
<br />
<hr />
<h3>
英語</h3>
<ul>
<li>英検1級2次試験の設問等を題材にライティング: 2回/月</li>
<li>気になった日本語の記事・本の一節の英訳:1回/週</li>
<li>NHKラジオ 実践ビジネス英語:15分×3 / 週を 1年継続</li>
<li>umano:20分 × 3 / 週を 1年継続</li>
<li>(洋書:8冊以上/年)</li>
</ul>
大学卒業後、洋書を読んだり英語でニュースを聞いたりはするものの「ある程度のレベルに達しているのでそんなに不便はない」という感覚から英語を勉強するという意識は持っていませんでした。
<br />
今年は、仕事で使うことの多いライティングとリスニングを意識的に鍛錬して、レベルアップしたいと思います。
<br />
<br />
<hr />
<h3>
運動</h3>
<ul>
<li>筋トレ:3回 / 週</li>
<li>ジャグリング:30分 × 3 / 週</li>
</ul>
結果としての目標は、秋頃の健康診断で引っかからない、体重 + 3kg で体脂肪率を維持、といったところです。ランニングも目標に入れておこうかと思いましたが、寒いのも寒いのも苦手で続かないことが目に見えているので止めておきました。これならやれる、という2つだけを入れて、これらをしっかり続けたいと思います。
<br />
<br />
<hr />
<h3>
プログラミング</h3>
<ul>
<li>新言語・環境を1つ以上覚えて何かを作成する</li>
<li>Android で新規アプリを2つ以上作る</li>
<li>Web系で何か2つ以上作る</li>
</ul>
「何かを作る」系の目標は、達成できるかどうかが、ネタが思いつくかつかないかに依存するので扱いが難しいと思うのですが、かといって「ネタがないから何も作らない」では技術面のスキルも鈍ってしまうのでそうも言っていられません(去年はずっとそんな感じでした…)。普段使っているアプリ・サービスの劣化コピーでも良いので、手を動す年にしたいと思います。
<br />
<br />
<h4>
ネタ候補メモ</h4>
言語・環境:Go, Dart, Polymer、TypeScript、Google App Engine、Amazon Web Service、Docker<br />
アプリ:ニュースリーダー、後で読む、TODOリスト、英作文練習、タイマー・ストップウォッチ、小遣い帳
<br />
<br />
<hr />
<h3>
娯楽作品</h3>
<ul>
<li>漫画:5冊/月、80冊/年</li>
<li>ゲーム:6本/年</li>
<li>アニメ:6作品/年</li>
<li>ガジェット系アイテムの購入:5つ/年</li>
<li>(小説:1.5冊以上/月、20冊以上/年)</li>
</ul>
定期的に新しいものに触れて頭をリフレッシュする、食わず嫌いをしない、とりあえず試してみる精神を持つ、という意味で娯楽系にも最低ラインの目標を引いてみました。<br />
<br />
ただし、ゲーム・アニメに関しては、これは合わない、と思ったらその時点で放り出し、放り出したものもカウントに含める、というゆるい縛りにしておこうと思います。<br />
<br />
<hr />
<h3>
その他</h3>
<ul>
<li>電子本を書いてみる(公開はしない)</li>
<li>生活必需品以外の出費について記録をつけ、年末に振り替えれるようにする</li>
<li>Unity でミニゲームを作る:どこかの月に集中して4本/月を一回くらい</li>
<li>イラスト(概念図を補足できる程度)の練習</li>
<li>GIMP, Blender の基本的な使い方の習得</li>
</ul>
この辺りは優先度低めで、あまり定まった目標でもないのですが、他の目標に取り掛かる気がしない、という時のために書いておきます。<br />
<br />
<hr />
<br />
仕事が始まったら「何を考えていたんだ」となりそうですが、一方で、今手がけている仕事の内容や、今後のこと、年齢などを冷静に考えると、これくらいやっておかないと立場が危ういだろう、という思いもあります。<br />
<br />
現実(仕事)に合わせて目標を変えるのではなく、目標を達成するために目の前の仕事を調整する方向で進めたいですね。頑張るぞー。T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-52208120666838629332014-12-31T18:22:00.000+09:002015-01-02T17:39:04.256+09:00Sublime Text : プラグインスクリプトからデフォルト、ユーザ設定値を取得するview.setting() で Settingクラス(<a href="https://www.sublimetext.com/docs/3/api_reference.html#sublime.Settings" target="_blank">公式APIリファレンス</a>)のインスタンスが取得でき、この Setting に、デフォルト(Preferences -> Settings - Default)やユーザ(Preferences -> Settings - User)の設定値が含まれています。<br />
<div>
<br />
<b>has("tab_size") や get("tab_size") </b>のように引数を指定すると値が取得できました。<br />
<br />
<hr />
プラグイン作成の練習に作った、現在カーソルがある行の文字数を表示するスクリプト(<a href="https://sites.google.com/site/u64178/home/CharacterCountInLineEventListenerPlugin.py?attredirects=0&d=1" target="_blank">ダウンロード</a>)で使ってみました(タブを tab_size 分の文字数としてカウントする場合の計算のため)。スクリプト作るのなかなか面白いです。</div>
T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-51565617521311374302014-12-31T12:13:00.000+09:002014-12-31T12:13:31.391+09:00Sublime Text : 縦線(ルーラ)を表示する<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJzv5yTuHPE1IEBmhnvrJH-azfPz6WKVFcYQU-nQwJAVT_jBxmRkbkUt3ndE2myjUmuN8KEmhwgB45EzPpGmfVntiK3XR3xuNzzmdjVy6D1XL-MokfrX39Y35AJe0m04SuBwy4eS_hXDKB/s1600/sublime_setting_ruler.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJzv5yTuHPE1IEBmhnvrJH-azfPz6WKVFcYQU-nQwJAVT_jBxmRkbkUt3ndE2myjUmuN8KEmhwgB45EzPpGmfVntiK3XR3xuNzzmdjVy6D1XL-MokfrX39Y35AJe0m04SuBwy4eS_hXDKB/s1600/sublime_setting_ruler.png" height="154" width="320" /></a></div>
<div>
<br /></div>
<div>
<br /></div>
Preferences.sublime-settings で<div>
"rulers": [20, 40, 60, 80]</div>
<div>
のように、"rulers" をキーとして縦線を表示したい文字数の配列を設定します。</div>
T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-14503067357838286292014-12-31T11:15:00.000+09:002014-12-31T11:17:32.054+09:00Sublime Text : プラグインでステータスバーにメッセージを表示する参考:<a href="https://www.sublimetext.com/docs/3/api_reference.html" target="_blank">Sublime Text 3 公式 API リファレンス</a><br />
<br />
sublime.set_status(message) と view.set_message(key, message) の 2通りの方法があります。<br />
<br />
それぞれの特徴は以下のとおりです。<br />
<ul>
<li>sublime.set_status</li>
<ul>
<li>表示位置はステータスバーの後方(Line N, Column M の後ろ)</li>
<li>それまでその位置に表示されていた内容は消える</li>
<li>一定時間後に自動で消える</li>
</ul>
<li>view.set_message</li>
<ul>
<li>表示位置はステータスバーの前方(Line N, Column M の前)</li>
<li>異なる key(str) を設定すれば複数の内容を表示できる(key でソートされ , で区切られる)</li>
<li>同じ key を設定すると更新</li>
<li>時間が経過しても消えない</li>
</ul>
</ul>
<div>
処理の結果(ファイルを保存しました、など)を表示する場合は set_status、情報(現在の行の文字数など)を表示する場合は set_message を使うと良さそうです。</div>
T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-55623203826898421862014-12-31T08:42:00.002+09:002015-02-02T19:47:54.490+09:00Sublime Text : コメントアウトコマンド(Toggle Comment)で挿入される文字列を設定する最終成果物は以下の2つのファイルです。<br />
これらのファイルを Sublime Text の Preferences -> Browse Packages... で開くフォルダに保存すると、Toggle Comment コマンド実行時にテキストファイルでは > が、バッチファイルでは rem が挿入されるようになります。<br />
<br />
<a href="https://sites.google.com/site/u64178/home/BatchFileComments.tmPreferences?attredirects=0&d=1">BatchFileComments.tmPreferences</a><br />
<a href="https://sites.google.com/site/u64178/home/TextComments.tmPreferences?attredirects=0&d=1">TextComments.tmPreferences</a><br />
<br />
以下、忘備録を兼ねた解説です。<br />
<br />
<hr />
Sublime Text では Ctrl + / (Toggle Comment) でコメントアウト・アンコメントのトグルができます。<br />
<br />
このコマンドでどのような文字列が挿入されるかは、*.tmPreferences というファイルで設定されています。<br />
<br />
デフォルトの設定は、SublimeText 3 ではインストール先の Packages ディレクトリ(C:\Program Files\Sublime Text 3\Packages)の *.sublime-package を解凍して開いた中にあります。(ファイル名は Comments.tmPreferences が多いようですが、Python では Miscellaneous.tmPreferences でした。)<br />
<br />
テキストファイル(.txt)にはデフォルトの設定がなく、Ctrl + / を押しても何も起こらないようだったので、">" が挿入されるような設定ファイルを作成してみました。<br />
<br />
<pre class="brush: xml;"><?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE plist PUBLIC "-//Apple Computer//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
<plist version="1.0">
<dict>
<key>name</key>
<string>CommentCommandToQuoteInText</string>
<key>scope</key>
<string>text</string>
<key>settings</key>
<dict>
<key>shellVariables</key>
<array>
<dict>
<key>name</key>
<string>TM_COMMENT_START</string>
<key>value</key>
<string>&gt; </string>
</dict>
</array>
</dict>
</dict>
</plist></pre>
<br />
ポイントになるのは対象となるファイルの種類を設定する scope と、挿入する文字列を設定する TM_COMMENT_START です。name は適当で構いません。このファイルを (適当な名前).tmPreferences というファイル名で、Preferences Browse Package... で開くディレクトリ以下に保存しておくと、テキストファイルで Ctrl + / を実行した場合は行頭に ">" が挿入されるようになります。<br />
<br />
<hr />
他にも、例えばバッチファイルの場合に rem を挿入する、とする場合は scope を source.dosbatch、TM_COMMENT_START を rem にするなどで設定できます。T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0tag:blogger.com,1999:blog-7213714503807179660.post-38296874221634161842014-12-31T00:15:00.001+09:002014-12-31T00:15:56.720+09:00Sublime Text 3 : プラグインで出力ウィンドウに文字列を出力する基本的に <a href="http://inet-lab.naist.jp/how-to-make-a-sublime-text-2-plugin/" target="_blank">SublimeTextのプラグイン作成方法</a> が参考になります。<br />
<br />
ただし、Sublime Text 3 では 2 と違って begin_edit, end_edit が不要で、edit には run コマンドに渡された edit が使用できます。<br />
<br />
また、<a href="https://www.sublimetext.com/docs/3/api_reference.html" target="_blank">3 の APIリファレンス</a>では get_output_panel はなくなっていて、同等の API として create_output_panel がありました。get_output_panel も使用できましたが、create_output_panel を使っておいたほうがよいかもしれません。<br />
<br />
TextCommand の run 関数内を想定したコード例は以下のようになります。<br />
<br />
<pre>window = self.view.window()
output_panel = window.create_output_panel("WindowName")
window.run_command("show_panel", {"panel":"output.WindowName"})
output_panel.insert(edit, output_view.size(), "Hello, Output")
</pre>
<br />
<hr>
ちなみに print 文はコンソール(Ctrl + ` で開くパネル)に出力されます。
以下のように show_panel で console を指定すればプログラムから開くことができます。
<br />
<pre>window.run_command("show_panel", {"panel":"console"})
print("Hello, Console")
</pre>
<br />T.Uhttp://www.blogger.com/profile/15823701727636536972noreply@blogger.com0