[自分]2011の振り返り

Posted under 自己啓発 by uechoco on 土曜日 31 12月 2011 at 23 : 59 : 31

2011年の年初にも目標を立てていたんだよね；；って今更思い出す残念なうえちょこです。

とりあえず、カテゴリ別に目標を振り返ってみます。

ランニング

ランニングは2011年から具体的な数値目標を設定し、年間300km走る目標でした。5.77km/週という計算ですが、一時期ランニングをサボっていた時期もあり、月１で10kmしか走らない月もありました。結果的には135.43kmしか走っていません。たったの16回!!
これではいけないとも思っていまして、2012年の3月の板橋Cityマラソンに申し込んでいます。

筋トレ

こちらも2011年から具体的な数値目標を設定したものです。年間腹筋5200回、年間腕立て伏せ5200回が目標でした。毎週100回ずつのペースですね。実際にどのくらいしたのかはわかりません。続いていた時期もありました。感覚値で言えば、1500〜2000回の間だと思っています。やっぱり半分にも観たないですね。そもそも筋トレで何を目指していたのかも覚えていません。また、数値が記録されていないことも残念です。

読書

読書の目標は年15750ページという謎の設定でした。一冊200ページくらいの本を週1.5冊読むペースが目標でした。実際に読んだのは4000ページくらいだと思います。少ないですね。これには理由があります。言い訳とも言います。実際に生活をしていると、移動時間やカフェ、家勉などで使える時間が「読書or英語」となってしまっていました。今年は英語の勉強も結構やっていたので、その分読書の時間が減っていたようです。

英語

英語も今年から頑張っちゃおうぜー的な感じで、適当にTOEIC800点とか、週3時間の勉強とか、いろいろ言っていました。結果的には、英語をもう勉強していた7月末のTOEICでは630点とだいぶ点数が上がりましたが、それから仕事が忙しくなってサボった後の10月末のTOEICでは485点で、昔の英語の水準に戻ってしまいました。

エンジニア

エンジニアとして、2011年はHTML5とjQueryとSymfony2に詳しくなる年と決めていました。加えてLTの回数をこなすということでした。jQueryは今まで全然使っていなかったので、食わず嫌いな感じだったのですが、仕事でずっと使っていて、割りと慣れました。HTML5は全く触れていないです。Symfony2はLTだけでなく講師も行い、こちらの目標は達成しましたが、詳しくなるほど使い込むことはできませんでした。

お金

50万円位は貯金額を増やそうかと思いましたが、株で痛い目にあって、-100万円位です。残念すぎます。

人生

サードプレイスを持つという、漠然とした目標でしたが、リラックマ界隈のオフ会にでてリラックマ仲間が割りとできました。いつもTwitterでやり取りをして、イベントの時には会ったりもしました。思い描いていたサードプレイスとまでは行きませんが、努力もあまりしないでできたサードプレイスとしてはいい感じです。

総括

全体的に言えることは、目標が現実的ではなかったし、日々のアップデートを怠っていました。そもそも、なぜそれを目標にしたのか、それを目標にすることで、どういう自分になりたいのか？そういう視点での目標設定ではありませんでした。そういう視点がないからこそ、続かなかったのでしょう。

確かに、目標設定すら忘れて、もちろん達成できていないことは残念ではありますが、すこしずつ前に向かっている姿勢はありました。立ち止まっているわけではないけれど、ふらついて直進できていなかったという感じでしょうか。

2011年に読んだ本の中にGTDの本があり、その中に「高度の違う視点を持つ」ということについて解説がありました。人生レベル、3〜5年後レベル、1〜2年後レベル、責務レベル、現在のプロジェクトレベル、現在の行動レベルという6つの高度が定義してあり、隣接するレベルは互いに影響しあうという定義になっていました。このようななりたい自分への筋道がしっかりと示せていて、また自分に自信が持てている状態でないと、うまく行かないのかもしれません。自分を擁護するわけではないのですが、人は怠ける生き物ですし、予定は外的要因ですぐに変わってしまうものだからです。

また、2011年は目標設定というものを定めてみた最初の年でもあり、この2011年の結果を踏まえて2012年の目標設定を立ててみようかと思っています。


[php]WordPressでsshを利用した自動更新を行う(for Ubuntu)

Posted under php by uechoco on 土曜日 31 12月 2011 at 21 : 22 : 11

WordPressにはFTPとFTPSを利用した自動更新をする仕組みがあるが、実はSSH経由での自動更新もサポートしているらしい。

FTP・SSH 定数 – wp-config.php の編集 – WordPress Codex 日本語版

マニュアルには、「pecl install ssh2」とやってphpのssh2ライブラリをインストールするように書いてあった。
私のWordPressの環境は、Ubuntu+nginx+php5-fpmという環境で、「sudo aptitude install libssh2-php」だけインストールして、php5-fpmをrestartしたら、WordPressの自動更新画面のオプションに「ssh2」が出現した。

なーんだ。標準でsshも対応してたのね。さっすがWordPress。

追伸(30分後)：どう頑張っても自分の環境ではSSH接続ができなくて、困りました。結局、WordPressのフォルダを「sudo chwon www-data. blog/」としてnginxとphp5-fpmのユーザーの所有物にしてしまい、FS-METHOD=directとすることで、直接DLするモードを使いました。自分がサーバー管理者だったらこっちのほうが超速で自動更新できるからいいかもねｗ


[perl]scalar=$calar、array=@rray、hash=%演算？

Posted under perl by uechoco on 土曜日 24 12月 2011 at 16 : 10 : 27

ふと、perlのスカラ変数、配列、ハッシュの記号について思ったのが、

  • scalar = $calar（ドル記号がSに似ている）
  • array=@array（アットマーク記号がaに似ている）
  • hash=%演算（ハッシュを求める代表的な演算は、%記号で余りを求める方法）

なんじゃないかなーっと。Perlなんて時々スクリプトを見る程度だけど、昔（8年前くらいに）CGIゲームとかyybbsとか弄ってたときは、それぞれの記号が何を示しているのか、理解してなかったよなーって懐かしむ。

モイッチョおまけに、配列の最後の添字を取得する$#arrっていう書き方もあった気がするけど、

  • $#arr = arrという変数の#(番号=ここでは添字)を$(スカラー値)で返す
  • $#arr = arrという変数の$#(添字番号)を返す

という感じで#が番号っていう意味を知っていれば、すんなり受け入れらるよなーって。

ついでに配列やハッシュが@や%記号で扱ったり$記号で扱ったりしてこんがらがっていた時代もあったけど、これも簡単で、その時点でのコンテキスト(文脈)でどう扱っているかを記号で表しているだけじゃないかと。

ちなみに、ここで書いたのは勝手な想像であって、どこかで調べたわけじゃなくて、もしかしたら間違っているかもしれません。（それでも覚えやすいからいいかなっとｗ）

プログラミング歴が遊びも含めて10年を超えてくると、いろいろな知識も増えてきて、昔分からなかったことをすんなり分かるようになったりしてきます。自分の成長を実感できた瞬間でしたｗ

 

P.S. (2012/01/02 13:40):

今、初めてのPerl 第5版（通称：リャマ本）を読んでいるのですが、p53の脚注に、「Larryは、それぞれ$calar（scalar）と@rray（array）だから、ドル記号とアットマークを選んだと主張しています。」ということが書いてあり、公式見解として正しいようです。


[processing]魔方陣とかSF円とか(Processing Advent Calendar 2011 – 20日目)

Posted under processing by uechoco on 火曜日 20 12月 2011 at 01 : 02 : 20

Processing Advent Calendar 2011の2回目の登場です。
２０日目の担当ということで、最近Processingと疎遠でphpやらpythonやらと戯れている私は既にネタ切れですｗ

Processingは何かのプロダクトのプロトタイプを作ったり、自分が作りたいアニメーションを作ったりするのに向いていると言われています。
今回は私の趣味で、魔方陣とかSFちっくな円とか、そういうものを２種類公開いたします。

ミッドチルダ式魔方陣

PLAIN TEXT
Processing:
  1. /**
  2.  * ミッドチルダ式魔法陣 (元ネタ：魔法少女リリカルなのは)
  3.  *
  4.  * @title mugityax | 背景作成
  5.  * @link http://www.mugityax.com/weblog/2006/06/post_1.html
  6.  *
  7.  * @title ミッドチルダフォント置き場
  8.  * @link http://midfont.refy.net/
  9.  */
  10.  
  11. float rot1, rot2;
  12. PFont font1, font2;
  13.  
  15.   size(400, 400);
  16.   colorMode(HSB, 100);
  17.   frameRate(30);
  18.   smooth();
  19.   background(0);
  20.  
  21.   textAlign(CENTER, CENTER);
  22.  
  23.   font1 = loadFont("MID-CHILDA_Regular-30.vlw");
  24.   font2 = loadFont("MID-CHILDA_Regular-15.vlw");
  25.   //font1 = createFont("mid-childa_R.ttf", 30, true);
  26.   //font2 = createFont("mid-childa_R.ttf", 15, true);
  27.  
  28.   rot1 = rot2 = 0;
  29. }
  30.  
  32.   background(0);
  34.   {
  35.     noFill();
  36.     translate(width / 2, height / 2);
  37.     final float rl = 120 / sqrt(2); // 84.85281
  38.     final float ro = 149;
  39.    
  40.     // 固定円
  41.     {
  42.       drawLightEllipse(0, 0, 180*2, 180*2); // 外周円-二重外円
  43.       drawLightEllipse(0, 0, 175*2, 175*2); // 外周円-二重外円
  44.       drawLightEllipse(0, 0, 120*2, 120*2); // 外周円-内円
  45.       drawLightEllipse(0, 0, rl*2, rl*2); // 内周方形内-外円
  46.       drawLightEllipse(0, 0, 60*2, 60*2); // 内周方形内-内円
  47.     }
  48.    
  49.     // 外周小円・内周方形1
  50.     pushMatrix();
  51.     {
  52.       rotate(rot1);
  53.       // 外周小円
  54.       final float[] rm = {50, 45};
  55.       for (int i = 0; i <rm.length; i++) {
  56.         drawLightEllipse(0, -ro, rm[i], rm[i]);
  57.         drawLightEllipse(ro, 0, rm[i], rm[i]);
  58.         drawLightEllipse(0, ro, rm[i], rm[i]);
  59.         drawLightEllipse(-ro, 0, rm[i], rm[i]);
  60.       }
  61.       // 内周方形1
  62.       drawLightQuad(0,-120,120,0,0,120,-120,0);
  63.     }
  64.     popMatrix();
  65.    
  66.     // 内周方形2
  67.     pushMatrix();
  68.     {
  69.       rotate(rot2);
  70.       drawLightQuad(-rl,-rl,rl,-rl,rl,rl,-rl,rl);
  71.     }
  72.     popMatrix();
  73.    
  74.     final String[][] ot = {
  75.       {"Y","S","T","D","U","X","K","j","L","z","D","K","F","A","M","B","Y","o","h","Z","O","T","U","V","i"},
  76.       {"J","Z","p","V","A","Y","F","r","j","s","v","W","T","h","G","S","c","H","X","K","k","o","d","B","u"},
  77.       {"b","F","M","r","g","R","V","y","N","B","A","x","q","C","T","p","E","L","K","a","w","j","k","J","P"},
  78.       {"H","a","G","d","W","S","n","M","X","s","E","x","A","o","Z","C","b","f","k","U","V","i","Y","B","D"},
  79.       {"E","y","t","H","L","o","Q","W","T","h","a","d","C","B","b","w","v","D","s","Y","z","e","R","n","S"},
  80.       {"K","B","f","T","k","R","e","d","w","z","S","m","D","J","P","F","j","o","n","r","u","x","g","v","b"},
  81.       {"z","G","q","e","u","w","W","a","U","X","i","r","A","Y","D","t","N","V","k","P","Q","p","g","E","K"},
  82.       {"b","v","d","B","g","z","D","h","j","Q","n","U","G","Z","q","u","F","r","T","X","a","m","W","t","Y"},
  83.       {"Z","K","U","T","e","A","G","c","X","i","Q","o","R","F","k","t","p","D","J","d","r","q","n","V","E"},
  84.     };
  85.     final int[][] a_set = {
  86.       {14, 78, 4},
  87.       {102, 170, 4},
  88.       {192, 260, 4},
  89.       {282, 350, 4}
  90.     };
  91.  
  92.     // 外周文字
  93.     pushMatrix();
  94.     {
  95.       rotate(rot1);
  96.       fill(100);
  97.       textFont(font1);
  98.       for (int i = 0; i <4; i++) {
  99.         int c = 0;
  100.         for (int a = a_set[i][0]; a <a_set[i][1]; a+=a_set[i][2]) {
  101.           pushMatrix();
  102.           rotate(radians(a));
  103.           translate(ro, 0);
  104.           rotate(HALF_PI);
  105.           text(ot[i][c++], 0, 0);
  106.           popMatrix();
  107.         }
  108.       }
  109.     }
  110.     popMatrix();
  111.  
  112.     // 内周文字
  113.     pushMatrix();
  114.     {
  115.       rotate(rot2);
  116.       fill(100);
  117.       textFont(font2);
  118.       for (int i = 0; i <4; i++) {
  119.         int c = 0;
  120.         for (int a = a_set[i][0]; a <a_set[i][1]; a+=a_set[i][2]) {
  121.           pushMatrix();
  122.           rotate(radians(a));
  123.           translate(70, 0);
  124.           rotate(HALF_PI);
  125.           text(ot[i][c++], 0, 0);
  126.           popMatrix();
  127.         }
  128.       }
  129.     }
  130.     popMatrix();
  131.    
  132.   }
  133.   popMatrix();
  134.   update();
  135. }
  136.  
  137. void update() {
  138.   rot1 += 0.04;
  139.   rot2 -= 0.04;
  140. }
  141.  
  142. void drawLightEllipse(float a, float b, float c, float d) {
  144.   stroke(100, 100, 80, 40);
  145.   ellipse(a, b, c, d);
  147.   stroke(95, 100, 80, 60);
  148.   ellipse(a, b, c, d);
  150.   stroke(90, 100, 80, 80);
  151.   ellipse(a, b, c, d);
  152.   strokeWeight(1.5);
  153.   stroke(100);
  154.   ellipse(a, b, c, d);
  155. }
  156.  
  157. void drawLightQuad(float x1, float y1, float x2, float y2, float x3, float y3, float x4, float y4) {
  159.   stroke(100, 100, 80, 40);
  160.   quad(x1, y1, x2, y2, x3, y3, x4, y4);
  162.   stroke(95, 100, 80, 60);
  163.   quad(x1, y1, x2, y2, x3, y3, x4, y4);
  165.   stroke(90, 100, 80, 80);
  166.   quad(x1, y1, x2, y2, x3, y3, x4, y4);
  167.   strokeWeight(1.5);
  168.   stroke(100);
  169.   quad(x1, y1, x2, y2, x3, y3, x4, y4);
  170. }
  171.  
  173.   save("mid_tilde_magic_circle.jpg");
  174. }

まずは、魔方陣です。魔法少女リリカルなのはというアニメの中に出てくるミッドチルダ式魔方陣というものです。元ネタは全く知らないのですが、魔方陣的に描きやすかったので、参考にしました。専用のフォントも使用しています。プログラムは４つの構成要素になっていて、外周や内周の固定や回転する円、内周の正方形、外周円の文字、内周円の文字となっています。rotate()とmatrixを上手く使用して、座標軸を回転させることで描画する方式をとっています。仕組みさえわかってしまえば簡単にバリエーションが作成できます。

SF円

PLAIN TEXT
Processing:
  1. float cx, cy;
  2. int ringCount = 0;
  3. Ring[] rings = new Ring[1];
  4.  
  6.   size(400, 400);
  7.   background(0);
  8.   noFill();
  9.   smooth();
  10.   strokeCap(SQUARE);
  11.   ellipseMode(RADIUS);
  12.  
  13.   cx = width / 2;
  14.   cy = height / 2;
  15.  
  16.   float pRadius = 20, pWeight = 2;
  17.   while (pRadius <180) {
  18.     Ring r = addRing();
  19.     r.setWeight(random(2, 25));
  20.     r.setPosition(cx, cy);
  21.     r.setRadius(pRadius + (pWeight + r.weight) / 2 + 1);
  22.     r.setRadians(random(TWO_PI)+PI/3, random(TWO_PI)+PI/3);
  23.     r.setColor(#ffffff);
  24.     r.setRot(random(-0.05, 0.05));
  25.     pRadius = r.r;
  26.     pWeight = r.weight;
  27.   }
  28. }
  29.  
  31.   background(0);
  32.   for (int i = 0; i <ringCount; ++i) {
  33.     rings[i].draw();
  34.     rings[i].move();
  35.   }
  36. }
  37.  
  38. Ring addRing() {
  39.   if (rings.length == ringCount) {
  40.     rings = (Ring[]) expand(rings);
  41.   }
  42.   Ring r = new Ring();
  43.   rings[ringCount++] = r;
  44.   return r;
  45. }
  46.  
  47. class Ring {
  48.   float x, y, r;
  49.   float weight;
  50.   float startRad, endRad;
  51.   float rot;
  52.   color c;
  53.  
  54.   void draw() {
  55.     stroke(c);
  56.     strokeWeight(weight);
  57.     arc(x, y, r, r, startRad, endRad);
  58.   }
  59.  
  60.   void move() {
  61.     startRad += rot;
  62.     endRad += rot;
  63.     if (startRad> TWO_PI && endRad> TWO_PI) {
  64.       startRad -= TWO_PI;
  65.       endRad -= TWO_PI;
  66.     }
  67.   }
  68.  
  69.   void setPosition(float x, float y) {
  70.     this.x = x;
  71.     this.y = y;
  72.   }
  73.  
  74.   void setRadius(float r) {
  75.     this.r = r;
  76.   }
  77.  
  78.   void setRadians(float start, float end) {
  79.     this.startRad = start;
  80.     this.endRad = end;
  81.   }
  82.  
  83.   void setWeight(float weight) {
  84.     this.weight = weight;
  85.   }
  86.  
  87.   void setColor(color c) {
  88.     this.c = c;
  89.   }
  90.  
  91.   void setRot(float rot) {
  92.     this.rot = rot;
  93.   }
  94. }
  95.  
  97.   save("sf_arc_ring_magic_circle.jpg");
  98. }

正式に何といったらよいのかわかりませんが、SF映画とかのコンソール画面とかの後ろ側で無駄にかっこ良く回ってるアレですｗ　プログラムの仕組みとしては、円弧(arc)を何十にも重ねてそれぞれ別々の弧の長さや回転速度を持たせているだけです。プログラム上の工夫としては、円弧の部分をRingというクラスにまとめ、draw()ループから呼び出すメソッドはRing.draw()やRing.move()に限定することで、draw()ループを見やすくしています。このように、似たような動作をするオブジェクトをクラスとして定義して、パラメータの違いによって動作を変え、描画や移動の時はdraw()やmove()などのメソッドを作成して呼ばせるような手法は、プログラムをすっきりとさせるし、動作の塊がオブジェクトとしてまとまっているので、大変見やすくなっています。

最後に

と、今回は２つの作品の紹介で終わりでちょっと物足りなかったかと思います。

私はCGクリエイターと言うよりはCGに興味があるプログラマーなので、自分が作りたいものが作れれば良いという考えではなく、「この作品を作るにはどういうプログラムにすると上手く書けるか」という視点でProcessingのコードを書くことが多いです。前回の伝統模様の記事でも、いろんな書き方で伝統模様を書いていたのをご覧になっているかと思います。私の目標としては"CG自体の美"の次くらいに"プログラムコードの美"を追求していきたいと思っています。

めちゃめちゃなコードでもその場限りで描ければ良しとする考えもあるのですが、数カ月後とか、１年後とかにProcessingのコードを見て、何やっているかわからないと困る場合もありますよね。その点、プログラムコードの美しさも最初から追求していれば、後から読んでも読みやすいプログラムなので、理解がしやすいかと思います。

とまぁ、作品紹介ついでに本職プログラマーならではのプログラミングの視点をご紹介してみました。


[Django]ChoiceFieldのchoicesに関数を指定したい

Posted under python by uechoco on 水曜日 14 12月 2011 at 17 : 23 : 14

Djangoのformで、ChoiceFieldのchoicesには固定のtupleを指定したり、ModelForm任せだったりすることがほとんどだったのですが、独自に加工した一覧を出したくて、choicesに関数を指定しようとしました。

ただ、素直に関数名をforms.ChoiceField(choices=func_name)と指定しただけだと、
「'function' object is not iterable」
と怒られてしまいました。

どうしたものかとググっていたら、見つけました

python - Lazy choices in Django form - Stack Overflow

djangoのlazyというユーティリティを使って関数を与える方法が書いてありました！

PLAIN TEXT
PYTHON:
  1. from django.utils.functional import lazy
  2.  
  3.     forms.ChoiceField(choices=lazy(func_name, tuple)())

こんな感じですね。これは使える！

とか思ってたけど、やりたいことこれじゃないよ！あと１歩だった。
ModelFormにinstanceをセットして、そのinstanceの中身によって変動するchoicesって作れるのかな？（こっちが知りたかった

P.S.
結局やりたい事はModelChoiceFieldでした。知らなかった。querysetを適切に与えてやるためにFormの__init__()を上書きして必要なインスタンスを渡してあげています。だいたい以下のような感じ

PLAIN TEXT
PYTHON:
  1. class HogeForm(forms.ModelForm):
  2.     foo = forms.ChoiceField(choices=())
  3.     bar = None
  4.  
  5.     class Meta:
  6.         model = Hoge
  7.         fields = ('foo', )
  8.  
  9.     def __init__(self, bar, *args, **kwargs):
  10.         super(HogeForm, self).__init__(*args, **kwargs)
  11.         self.bar = bar
  12.         self.fields['foo'] = forms.ModelChoiceField(queryset=Foo.objects.filter(bar=bar))
  13.  
  14.     def save(self, commit=False):
  15.         hoge = super(HogeForm, self).save(commit=False)
  16.         hoge.bar = self.bar
  17.         return hoge.save()


次ページへ »

Copyright © 2012 うえちょこ＠ぼろぐ. WP Theme created by Web Top.