読者です 読者をやめる 読者になる 読者になる

"情熱プログラマ" になっちゃるけんね

情熱プログラマ目指してます!

はじめての・・・ペアプログラミング

Tokyo Rubyist Meetup ペアプログラミング Ruby

今日(7/6)はTokyo Rubyist Meetup主催のペアプログラミング 第2回 に参加して来ました! http://trbmeetup.doorkeeper.jp/events/4339

ペアプログラミングって、はじめての経験だったんですが なかなか面白いもんですね!

面白かったところ

  • 自分とは違ったアプローチで問題を捉えることができる
  • 普段使わないエディタの機能がわかる(今日はRubyMineとSublime Text)
  • 自分の考えていることを説明するのって難しいけど、
    それが伝わった時はものすごく嬉しい!

気づいたこと

  • 自分のRubyレベルの低さを痛感・・・
  • 英語を読めるようになるだけじゃなく、聞いて話せるようにならなきゃ!
    (今日は、最初の自己紹介〜打ち上げまで英語だったんで、結構ヘビーでした・・・)
  • でも、日本語の説明も下手くそだよな・・・orz

技術を高める事に意識が高い人達と一緒にコードを組んだり、お話することが
心の栄養源になることを今回も痛感しました。

よぉ〜し、明日からも師匠を探してがんばるぞ!

P.S.
Thank you, today's Pair Programing partners!
I was very very excited!!

・・・で、伝わってるかな(;´∀`)

TokyuRuby会議06 に行ってみた

TokyuRuby会議

昨日、TokyuRuby会議06というものがあったので師匠探しの一環に、参加してみました。

いや〜、めちゃめちゃおもしろかった。

昨日はLT大会で、最初から最後までLTの嵐!
(主なLTの題目はここ

途中、飛び込み参加のLTもあったんですが、その内容・完成度もすごく高くてビックリ!

周りの人達とお話するのもいろんな刺激を受けれて、とてもよかった
(昔、Rails3のプロジェクトに投入されて困った時によくお世話になったブログの著者の willnetさんにもお会いでき、ものすごく感激でした)

今、私の周りには(あまり)いない意識の高い方々とお話できたのは
ものすごく良い体験になりました。

よぉ〜し、次回は向こう側に立てるように、いまからネタを考えよっと!

追伸:
昨日はサントリーがビールスポンサーとして来ていて、プレミアム・モルツが飲み放題でした。
プレモル大好きなんで、めっちゃ幸せ。
サントリー様、ごちそうさまでした!

f:id:toku345:20130629164804j:plain

師匠を探して三千里

アプレンティスシップ・パターン

アプレンティスシップ・パターンって?

皆さま、アプレンティスシップ・パターンというものをご存じでしょうか?

書籍「アプレンティスシップ・パターン」の背表紙解説によると

アプレンティスシップとは「徒弟制度」のことで、中世ヨーロッパに広く普及した職人の組合「ギルド」で用いられていた職人養成制度です。アプレンティス(徒弟)のほか、ジャーニーマン、熟練職人と、技術習熟度により段階分けされ、職人は仕事と心がけを学びながら技を習得し、日々腕を磨きました。本書は、徒弟制度をモデルとし、真のソフトウェア熟練職人を目指すためのパターンをまとめたものです。新しい技術の登場と絶え間ない変化に柔軟に対応し、ソフトウェア開発を生涯の仕事とするための心得とパターンを紹介します。意欲ある新人ソフトウェア開発者、またソフトウェアの匠を目指す技術者必携の一冊です

といったもので、私のような駆け出しプログラマが厳しいIT業界を生き残るための、必須の戦術・心構えのことだと勝手に得心しました。

アプレンティスになろう!

(自称)アプレンティスとして腕を磨いていこうと考えたのですが、
周りを見回してもどうも周りに師匠と呼べる人がいないな、ということに気が付きました。
(残念なことに周囲の方々は技術にあまり興味がないみたいでして・・・)

師匠を探して三千里?!

本書の「良き指導者を見つける」パターンにもある通り、自分の師匠は自分で見つけようと決心し 大昔に始めて更新が途絶えていたこのブログを有効に活用して、師匠探しの旅に出かけることにしました。

このブログは私のアプレンティスになるということの決意表明であり、
これから師匠に巡りあって一人前の熟練職人になるまでのいろんなことを書いていこうと思っています。

どれだけ続けられるかちょっと心配ではありますが、 よかったらお付き合いください。

次回は、自己紹介かな?

P.S.

我こそはとおもわれる、未来の師匠様からのご連絡もお待ちしております。

2013年

JavaScript

あけましておめでとうございます。

 

さて、一年の計は元旦にあり、と昔から言われているように

元旦は何かを決意するにはちょうど良い機会ですね。

 

ということでいきなりですが、toku345の今年の目標は

 「JavaScript忍たまなる」

です。

 

忍たま=ニンジャの卵、ということでニンジャは到底無理でも

せめてその足元にちかづけたらな・・・という思いで今年の目標を立てました。

 

で、その軌跡をこのブログにのこしていきたいと思ってます。

 

で、せっかくJavaScriptを勉強しているんだから、

このブログの中でもコードを公開して実際に動かせたらいいな・・・と。

 

探したらありました。

またまた、小飼弾さんのサイトを参考にして、実際にうごかせるようにしてみました。

それがコチラ↓

プログラム:
p('hoge');
出力:
 
エラー:
 
 

て、今日はこれだけなんですが・・・

かなーりひさしぶりで・・・

jQuery Mobile

ってまだ2回目じゃないですか!
orz

まぁ、それは良しとして。。。
よ〜し、今日からまじめにブログ続けていこっと。

http://blog.livedoor.jp/dankogai/archives/51837985.html
小飼弾さんのこの記事に触発されて私もコードを表に出していこうと決意しました。


が、ビビリなので、今日は現在勉強中のjQueryMobileのコードを
ブロク公開の練習も兼ねて晒してみます。

もろ、O'REILLYの『jQuery Mobile』のまんまなんですが・・・(;´∀`)

index.html

<!DOCTYPE html>
<html>
  <head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
    <title>jQuery Mobileアプリケーション</title>
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
  </head>
  <body>
    <!-- ここから1ページ目 -->
    <section id="page1" data-role="page">
      <header data-role="header"><h1>jQuery Mobile</h1></header>
      <div class="content" data-role="content">
        <p>
		  初めてのページ!
		</p>
        <p><a href="#page2" data-rel="dialog">2ページ目へGo!</a></p>
      </div>
      <footer data-role="footer"><h1>toku345</h1></footer>
    </section>
    <!-- ここまで1ページ目 -->
    
    <!-- ここから2ページ目 -->
    <section id="page2" data-role="page" data-add-back-btn="true">
      <header data-role="header"><h1>jQuery Mobile</h1></header>
      <div class="content" data-role="content">
        <p>2ページ目!</p>
        <p><a href="#page3">3ページ目へGo!</a></p>
      </div>
      <footer data-role="footer"><h1>toku345</h1></footer>
    </section>
    <!-- ここまで2ページ目 -->
    
    <!-- ここから3ページ目 -->
    <section id="page3" data-role="page" data-add-back-btn="true">
      <header data-role="header"><h1>jQuery Mobile</h1></header>
      <div class="content" data-role="content">
        <p>3ページ目!</p>
        <p><a href="external.html">外部ページヘGo!</a></p>
      </div>
      <footer data-role="footer"><h1>toku345</h1></footer>
    </section>
    <!-- ここまで3ページ目 -->
  </body>
</html>

おう、こうやって公開するのか。
もういっちょ!

external.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
  </head>
  <body>    
    <p>このコンテンツは無視されます。</p>

    <!-- ここから4ページ目 -->
    <section id="page4" data-role="page" data-add-back-btn="true">
      <header data-role="header"><h1>jQuery Mobile</h1></header>
      <div class="content" data-role="content">
        <p>外部ページ!</p>
        <p><a href="#page1">1ページ目へ戻る</a></p>
      </div>
      <footer data-role="footer"><h1>toku345</h1></footer>
    </section>
    <!-- ここまで4ページ目 -->

    <p>このコンテンツは無視されます。</p>

    <!-- ここから3ページ目 -->
    <section id="page3" data-role="page" data-add-back-btn="true">
      <header data-role="header"><h1>jQuery Mobile</h1></header>
      <div class="content" data-role="content">
        <p>3ページ目!</p>
        <p><a href="external.html">外部ページヘGo!</a></p>
      </div>
      <footer data-role="footer"><h1>toku345</h1></footer>
    </section>
    <!-- ここまで3ページ目 -->    
  </body>
</html>

なるほど。
結構簡単に公開できるのね。

実際に動くのはこちら↓
http://49.212.131.62/jqm/index.html

これからこちらのコードをいじっていきます。
(当分、教本のとおりですが・・・(^_^;))

良かったら、お付き合いください。

ブログはじめました。

皆さん、はじめまして。

福岡でプログラマをやってる toku345  です。

この度、ブログをはじめました。

 

昨年の夏に、私のエンジニアとしての生き方に ”喝” を入れてくれた名著

 

エンジニアとしての生き方   IT技術者たちよ、世界へ出よう!」

(中島聡 著・インプレスジャパン

 

に出会って、はや8ヶ月・・・

ようやく重たかったお尻上げて、ひっそりとブログをはじめました。

 

5年後には道行く人100人に尋ねて、99人が知っている

そんなソフトウェアを作れる ”熱いプログラマ” になるために、

日々の記録をここに記していきます。

 

情熱プログラマ” になっちゃるけんね!!