<div class="booklink-box" style="text-align:left;padding-bottom:20px;font-size:small;/zoom: 1;overflow: hidden;">
<div class="booklink-image" style="float:left;margin:0 15px 10px 0;"><a href="http://www.amazon.co.jp/exec/obidos/asin/4274068560/sackoh71-22/" target="_blank" ><img decoding="async" src="http://ecx.images-amazon.com/images/I/51b4P511wTL._SL160_.jpg" style="border: none;" /></a></div>
<div class="booklink-info" style="line-height:120%;/zoom: 1;overflow: hidden;">
<div class="booklink-name" style="margin-bottom:10px;line-height:120%"><a href="http://www.amazon.co.jp/exec/obidos/asin/4274068560/sackoh71-22/" target="_blank" >アジャイルサムライ−達人開発者への道−</a>
<div class="booklink-powered-date" style="font-size:8pt;margin-top:5px;font-family:verdana;line-height:120%">posted with <a href="http://yomereba.com" rel="nofollow" target="_blank">ヨメレバ</a></div>
</div>
<div class="booklink-detail" style="margin-bottom:5px;">Jonathan Rasmusson オーム社 2011-07-16 </div>
<div class="booklink-link" style="margin-top: 5px"><a href="http://www.amazon.co.jp/exec/obidos/ASIN/4274068560/sackoh71-22/" name="booklink" rel="nofollow" target="_blank">Amazon.co.jp で詳細を見る</a></div>
</div>
<div class="booklink-footer" style="clear: left"></div>
</div>
昔から言葉だけは聞いたことがあったのですが、友人経営者がアジャイルサムライという本を推薦していたので、読んでみました。
以下、アジャイル開発とは何か簡単にまとめます。
<h2>アジャイルソフトウェア開発</h2>
そもそもアジャイルという単語自体を調べると以下であることが分かります。
<blockquote>アジャイル（agile) は「俊敏な」という意味。
<a href="http://d.hatena.ne.jp/keyword/%A5%BD%A5%D5%A5%C8%A5%A6%A5%A7%A5%A2">ソフトウェア</a>開発プロセスのうち、良いものを素早く無駄なく作ろうとするものの総称。
従来の、後戻り不可能なウォータフォール型開発と対比して使われることがある。
<ul>
<li><a href="http://d.hatena.ne.jp/keyword/%A5%A2%A5%B8%A5%E3%A5%A4%A5%EB">アジャイル</a>開発の価値
<ul>
<li><a href="http://d.hatena.ne.jp/keyword/%A5%D7%A5%ED%A5%BB%A5%B9">プロセス</a>やツールより人と人同士の相互作用を重視する。</li>
<li>包括的なドキュメントより動作する<a href="http://d.hatena.ne.jp/keyword/%A5%BD%A5%D5%A5%C8%A5%A6%A5%A7%A5%A2">ソフトウェア</a>を重視する。</li>
<li>契約上の交渉よりも顧客との協調を重視する。</li>
<li>計画に従うことよりも変化に対応することを重視する。</li>
</ul>
</li>
</ul>
</blockquote>
ZDnetJAPANさんの文章を引用させていただくと下記になります。
<blockquote>ウォーターフォールモデルを採用した場合には、ユーザーは開発の終盤にならなければシステムを利用して仮説の検証を行うということができず、そのためほとんどの機能を作り終えた後で変更要求が頻発して対応しきれなくなり、最終的に満足度の低いシステムになってしまう可能性が高いと言えます。
それに対して、アジャイル開発では開発プロジェクトの期間を短期間（1週間〜6週間）に区切り、この間に開発工程を一通り行って、部分的に機能を完成させます。そしてこの「短く区切られた期間で動くアプリケーションを開発する」という作業を繰り返すことによって、段階的にシステム全体を仕上げていきます。このような開発スタイルは反復型（イテレーション）開発と呼ばれていますが、開発期間の早い段階からユーザーが動くソフトウェアを目で見て確認できます。</blockquote>
<ul>
<li>3つの真実
<ul>
<li>プロジェクトの初めに全ての要求を集める事はできない。</li>
<li>集めたところで、要求はどれも必ず変わる。</li>
<li>やるべき事は必ず、当初の予定や予算より多い。</li>
</ul>
</li>
<li>アジャイルでは役割分担がはっきりとは分かれていない。</li>
<li>アジャイルチームの特徴
<ul>
<li>きっちり区別しない役割分担</li>
<li>継続的な開発工程</li>
<li>チームで成果責任を果たそうとする態度</li>
</ul>
</li>
<li>インセプションデッキ
<ul>
<li>我々はなぜここにいるのか？プロジェクトの意図、背景を理解</li>
</ul>
</li>
<li>エレベーターピッチを作る
<ul>
<li>エレベーターで会った重要人物に30秒でアイデアを伝える</li>
</ul>
</li>
<li>パッケージデザインを作る
<ul>
<li>プロダクトの顧客へのアピールは何か</li>
</ul>
</li>
<li>やらない事リストを作る
<ul>
<li>なにがプロジェクトのスコープ外か？内か？</li>
</ul>
</li>
<li>ご近所さんを探せ
<ul>
<li>予め関係しそうな人達に根回しする</li>
</ul>
</li>
</ul>
<h2> まとめ</h2>
ウォーターフォール型の、いわゆるシステム開発のフレームワークは納めているつもりではおりましたが、弊社のようにライトなWebサービスの受託開発などでは、実態にそぐわないパターンが多いと感じていたところに、このアジャイルソフトウェア開発はまさに現代の手法だと感じました。
<h3>参考サイト</h3>
<a href="http://d.hatena.ne.jp/keyword/%A5%A2%A5%B8%A5%E3%A5%A4%A5%EB" target="_blank">http://d.hatena.ne.jp/keyword/%A5%A2%A5%B8%A5%E3%A5%A4%A5%EB</a>
<a href="http://japan.zdnet.com/sp/sp_06sp0130/20248727/" target="_blank">http://japan.zdnet.com/sp/sp_06sp0130/20248727/</a>

アジャイルソフトウェア開発という手法

jQueryプラグインを作ってみました

HTML5でWebカメラ &#8211; Photobooth.js

インラインSVGを利用した棒グラフ

カルーセル・スライダーになる万能jQueryプラグイン「carouFredSel」

jQueryで簡単にグラフを作る！

皆様もみたことがあるであろうこのマーク。グッドデザイン賞2012が11月25日に発表されました。
大賞はテレビ番組 の「デザインあ」（<a href="http://www.g-mark.org/award/describe/39089">http://www.g-mark.org/award/describe/39089</a>）でした。
2つ驚いた点があるのですが、単純にデザイン性の優れた製品が対象だと思っていたのですが、
グッドデザイン賞が定めるデザインの定義はもっと広く、
<blockquote>
<h4>グッドデザイン賞の対象</h6>
「グッドデザイン賞」は、家電やクルマなどの工業製品から、住宅や建築物、各種のサービスやソフトウェア、パブリックリレーションや地域づくりなどのコミュニケーション、ビジネスモデルや研究開発など、有形無形を問わず、人によって生み出されるあらゆるものや活動を対象としています。 
その対象の主体者（企業やデザイナーなど）は、その対象が、翌年の3月末までに生活者が使用・利用できる状況にあれば、グッドデザイン賞に応募することができます。</blockquote>
とのことでした。
そして、今回の大賞を取ったのが、テレビ番組ということです。
ウェブの制作会社であれば知らない人はいないであろう、中村勇吾氏がディレクターに入っていたりとその番組は見たことがないのですが、ものすごく興味がそそられるものでした。
<a href="http://www.nhk.or.jp/design-ah/ah-song/">http://www.nhk.or.jp/design-ah/ah-song/</a>
のようなウェブサイトも公開されており、一つの作品として評価されているんだなと思います。
&nbsp;
<h2>モバイルアプリケーションが金賞受賞</h3>
さらに、驚くべきことは金賞に
<a href="http://www.g-mark.org/award/describe/39107" target="_blank">http://www.g-mark.org/award/describe/39107</a>
アプリが入ってきており、生活をより便利ものにするという広義のデザインとして、
モバイルアプリケーションが認めれたことになります。
<h3>過去のグッドデザイン賞</h4>
過去のグッドデザイン賞を見回してみても、いわゆるIT分野のソフトウェアというのは
受賞歴がありません。
<ul>
<li><a href="http://archive.g-mark.org/2011/" target="_blank">Good Design Award 2011</a></li>
<li><a href="http://archive.g-mark.org/2010/" target="_blank">Good Design Award 2010</a></li>
<li><a href="http://archive.g-mark.org/2009/" target="_blank">Good Design Award 2009</a></li>
<li><a href="http://archive.g-mark.org/2008/" target="_blank">Good Design Award 2008</a></li>
<li><a href="http://archive.g-mark.org/2007/" target="_blank">Good Design Award 2007</a></li>
</ul>
といいたいところなのですが、
<a href="http://archive.g-mark.org/2007/best15/07C02038.html" target="_blank">http://archive.g-mark.org/2007/best15/07C02038.html</a>
ありましたセカンドライフが。
もう5年前にもなるのですね。
今は、こんな感じになっているようです。
<a href="http://liginc.co.jp/osora/archives/2575" target="_blank">http://liginc.co.jp/osora/archives/2575</a>
<h2>まとめ</h3>
最後にオチがついてしまいましたが、グッドデザイン賞を眺めていて、我々が手がけている分野でも評価をされるということがわかり、いつかは、このような賞を貰えるような仕事を作ってみたいと思いました。

グッドデザイン賞2012のデザインあ

【これだけ覚えてほしい】mysqlのちょっとした技

最近、CodeIgniterについて勉強し始めましたので、 
今回はCodeIgniterの特徴について、書きたいと思います。
CodeIgniterには以下のような特徴があります。
<h3>軽量の高速</h4>
　　キビキビした高速な動作に重きを置いて設計されていますので、他の主なフレームワークと比較してサイズが小さくて非常に高速です。レンタルサーバーで使用するメモリやハードディスクの量も少なくて済みます。
<h3>シンプルな機能構成</h4>
　　複雑さを嫌い、やみくもに高機能化を求めず、シンプルなフレームワークがCodeIgniterの設計思想です。そのためにフレームワーク自体の構成も非常に分かりやすいものになっています。他のフレームワークと比較すると機能が少ないですが、CodeIgniter自体をシンプルに保ち、ユーザーが自由に拡張できるのもCodeIgniterの特徴です。
<h3>シンプルな設定ファイル</h4>
　　CodeIgniterは、設定ファイルをほとんど触ることなく動作します。また、設定ファイルも１カ所に集められていてあちこち探す必要がありません。
<h3>コマンドラインが不要</h4>
　　他のフレームワークには、コマンドラインにするコードの自動生成機能など、コマンドラインからの操作を前提とするものが多いですが、CodeIgniterはコマンドラインを必要としません。また、安易なコードの自動生成はブラックボックス化につながりますので、シンプルを旨とする 
CodeIgniterはあえてそのような機能を提供しません。
<h3>ゆるいコーディング規約</h4>
　　たとえば、CakePHPでは、データベースのテーブル名の命名規則やidというフィールドが必ず必要など、従うべき規約がたくさん定められています。それを覚えないとうまくWebアプリケーションを作成できるようになりません。CodeIgniterにもコーディング規約はありますが、最低限に抑えられています。
※　<a href="http://codeigniter.jp/user_guide_ja/" target="_blank">CodeIgniter ユーザサイト 日本語版</a>

CodeIgniterの特徴

blogtop.jpg

インラインSVGの基本まとめ

jQuery 3D画像スライドエフェクト

2012年11月20日に早稲田大学の大隈講堂を会場にした、イベントに参加して参りました。
大企業とベンチャーを結びつけるOpen　Innovation　Networkということで、
大企業（CVC）、VC、ベンチャー経営者300人が一堂に会するというイベントでした。
開催趣旨説明で主催者であるメンバーズ剣持社長から説明がありましたが、全てが手弁当で会場さえも早稲田大学から無償で提供されているということをお聞きし、本イベント開催にあたっての関係者の皆さまに非常に感謝の念を覚えました。
私は普段から大学のインキュベーション施設にも入居しており、オフィスも高田馬場にあることから大学に今でも訪れる機会が多いのですが、卒業以来来ていなかったというOBの経営者の方が懐かしんでおられたり、私自身も、何年ぶりかに再会出来た方が複数名いたりと非常に意義のあるイベントでした。
<a href="http://everevo.com/event/2464 " target="_blank">http://everevo.com/event/2464</a>
<h2>開催趣旨説明</h3>
メンバーズ剣持社長から開催にあたっての趣旨説明。
雇用を創出できるのは現在ベンチャー企業しかない。大企業の状況は惨憺たるものだ。
だからこそ、ベンチャーを育てるために出来ることをやるという使命感の元に開催をしている。
イスラエル、軍事産業からベンチャーのメッカ
韓国、ベンチャー起業で兵役免除。雇用を増やすことを最重視する。
&nbsp;
株式上場　12社
M&amp;A　271社
&nbsp;
シリコンバレーはベンチャー企業だけのためのものでなく大企業のためのものである
IBMは直接投資ではなく、VCに資金提供
大企業はコーポレートベンチャリングへの関心が2/3がない
<h2> パネルディスカッション</h3>
・インキュベートファンド　本間さん
・リードキャピタル　高階さん
・マイク上杉さん
社長をやりたいから会社をやっている人のほうが大きい
No１になりたいから社長をやっている人のほうが少ない
日本では、全てのものに神が宿って、情が入る。
欧米では、企業、法律で決めた仕組みでしかない。
本間さん
シードステージに提供
ポケラボとセガの事例
セガのスマートフォンの知見とポケラボのガラケーの知見の融合
gumi　500名
<div></div>
高階さん
1999年渡米
CVC(Corporate Venture Capital)　2003年に帰国
3億の投資がメイン
<div>リードのアジャイルメディア</div>
&nbsp;
マイク上杉さん
ソーシャルリワーズ
2500万円ずつ出しあい5000万円で家を売って開始。
VC周りを1年やったが、全く受けなかった。
シードで5%しかやらない。
シリーズAでも少なめに。
<div>ニッチマーケットに特化</div>
&nbsp;
・大企業側が降りてきてくれている
早めに情報を共有することが大きい
・50%渡せは、いきなり結婚しろと言っているようなもの。
・MAのバリューがあがることを期待している
<h2> パネルディスカッション2</h3>
仮説
・大手企業にとってグローバル競争化に自前だけで事業開発は無理
・ベンチャーとの連携もしくはM&amp;Aで事業開発をしたいと本気で思っている
・起業家・アーリーVC・ミドルステージ
&nbsp;
リーンスタートアップ
起業家は若者　よそ者　変わり者
&nbsp;

Connect! 2012に参加して

今回で2回目になりますが、 
弊社サイトのリニューアルに際し、wordpressを使用し、 
つまづいたコトを書かせて頂きます。
今回は、 
「関連記事の表示」です。
<h2>関連記事の表示</h3>
まずは、関連記事の表示ですが、 
これは下のプラグインを使いました。
<a href="http://wordpress.org/extend/plugins/yet-another-related-posts-plugin/" target="_blank">Yet Another Related Posts Plugin</a>
人気があり、評価も高いプラグインです。
<h3>設定方法</h4>
インストール自体はとても簡単で、
メニュー　＞　プラグイン
からインストールできます。
プラグインを有効化した後は、
メニュー　＞　設定　＞　関連記事(YARPP)
からいろいろと設定できます。
<a href="/uploads-archive/2012/11/スクリーンショット（2012-11-14-15.17.06）.png"><img decoding="async" loading="lazy" class="alignnone wp-image-760" title="スクリーンショット（2012-11-14 15.17.06）" src="/uploads-archive/2012/11/スクリーンショット（2012-11-14-15.17.06）.png" alt="" width="645" height="406" srcset="/uploads-archive/2012/11/スクリーンショット（2012-11-14-15.17.06）.png 727w, /uploads-archive/2012/11/スクリーンショット（2012-11-14-15.17.06）-300x188.png 300w, /uploads-archive/2012/11/スクリーンショット（2012-11-14-15.17.06）-228x143.png 228w" sizes="(max-width: 645px) 100vw, 645px" /></a>
自動的に表示するか、表示記事数をいくつだすか、表示記事のHTML部分を変更したり、といった感じで 
いろいろと設定できます。 
(自動的に表示するをチェックしたい場合、おそらくの直後にでてくる設定になると思います。自分で位置を決めたい人は、を任意の箇所に記載してください。)
これでOK！
あとは記事がいくつかできれば、関連記事として表示してくれます。
と思ったんですが・・・・ 
記事が十分あり、似たような記事もあるにもかかわらず出てこない・・・
なぜだろうと思って調べたら、 
「関連スコア」というものを設定しているらしく、 
このスコアによって関連記事を表示をコントロールしているようです。
設定のページ上の右上の「表示オプション」を開くと、 
「関連スコア設定」という項目があります。 
そいつをチェックすると、
以下の画面が追加されます。
<a href="/uploads-archive/2012/11/スクリーンショット（2012-11-14-15.16.08）.png"><img decoding="async" loading="lazy" class="alignnone wp-image-762" title="スクリーンショット（2012-11-14 15.16.08）" src="/uploads-archive/2012/11/スクリーンショット（2012-11-14-15.16.08）.png" alt="" width="645" height="329" srcset="/uploads-archive/2012/11/スクリーンショット（2012-11-14-15.16.08）.png 729w, /uploads-archive/2012/11/スクリーンショット（2012-11-14-15.16.08）-300x153.png 300w, /uploads-archive/2012/11/スクリーンショット（2012-11-14-15.16.08）-228x116.png 228w" sizes="(max-width: 645px) 100vw, 645px" /></a>
初期状態では、表示する最低関連スコアが5に設定されています。 
5っていうのは、そうとう一致していないと表示されないみたいなので、 
2か3ぐらいに設定すると良いかと思います。
スコアを下げたら、無事表示されました！！ 
結果的に非常に簡単な話でした・・・
ついでですが、 
その表示オプションには「フィルター設定」という項目もあり、 
それをチェックすると以下の画面が表示されます。
<a href="/uploads-archive/2012/11/スクリーンショット（2012-11-21-14.37.49）.png"><img decoding="async" loading="lazy" class="alignnone wp-image-767" title="スクリーンショット（2012-11-21 14.37.49）" src="/uploads-archive/2012/11/スクリーンショット（2012-11-21-14.37.49）.png" alt="" width="644" height="237" srcset="/uploads-archive/2012/11/スクリーンショット（2012-11-21-14.37.49）.png 892w, /uploads-archive/2012/11/スクリーンショット（2012-11-21-14.37.49）-300x109.png 300w, /uploads-archive/2012/11/スクリーンショット（2012-11-21-14.37.49）-768x282.png 768w, /uploads-archive/2012/11/スクリーンショット（2012-11-21-14.37.49）-228x83.png 228w" sizes="(max-width: 644px) 100vw, 644px" /></a>
ここでは、その名の通り、関連記事の箇所に、表示させたくない、カテゴリーやタグを設定できるようです。
使用してみると、 
非常に便利ですね、このプラグイン。
これで、ブログを見た方が、さらに違うブログを見て、 
サイトを回遊してくれると、このサイトでブログをやっている冥利につきます。
<h4>〜おまけ〜</h6>
記事とは全然関係ないんですが、 
最近、おぉーすごいなぁ〜と思ったwebサイトをご紹介します。
<a href="http://ikuze-tohoku.jp/kitchen/" target="_blank">行くぜ、東北。2012 秋</a>
<a href="http://ikuze-tohoku.jp/kitchen/" target="_blank"><img decoding="async" loading="lazy" class="alignnone wp-image-769" title="行くぜ、東北。2012 秋" src="/uploads-archive/2012/11/行くぜ、東北。2012-秋.jpg" alt="" width="644" height="483" srcset="/uploads-archive/2012/11/行くぜ、東北。2012-秋.jpg 1176w, /uploads-archive/2012/11/行くぜ、東北。2012-秋-300x225.jpg 300w, /uploads-archive/2012/11/行くぜ、東北。2012-秋-768x577.jpg 768w, /uploads-archive/2012/11/行くぜ、東北。2012-秋-1024x769.jpg 1024w, /uploads-archive/2012/11/行くぜ、東北。2012-秋-228x171.jpg 228w" sizes="(max-width: 644px) 100vw, 644px" /></a>
ちょっと重いですが、パララックス効果が駆使されてます。 
色使いやデザインなんか素敵です。

サイトリニューアルに際し、wordpressでつまづいたコト②　〜関連記事表示について〜

jQueryを利用してサイトを作ってみました！

symfony2でcsvを出力してみた

facebookアプリ（iframe）を作成してみた（アプリ開発編）

サイトリニューアルに際し、wordpressでつまづいたコト　〜投稿者情報について〜

今日も少し思いを綴っていきたいと思います。
&nbsp;
直近で取り組んだ案件で、私はこの「チームプレー」を意識しました。
ベンチャーでありがちな、今でも私自身もやってしまうのですが、個々の「マンパワー」で力技で納品に持っていくというやり方があります。当然、マンパワー＝個人能力ということもあるので、マンパワーが個々に高めるというのは当たり前です。
しかし、今回は構成するメンバーも今まではとは違う布陣で、個々人でやり切るというよりは、守備範囲を明確に決め、ボールを受け渡しあうチームプレーをとかく意識しました。
自分の担当に責任を持つのは当然ですが、何よりパスをしっかりさせ、全体を見回すために、定期的な会議を徹底的にやりました。
責任感に欠く行動については、徹底的に叱りました。
しかし、後から考えるとそのようなことを取ってしまうのは当たり前かもしれません。何故なら、今回初めて取り組んでいることですから。
皆、地頭は申し分ないので、すぐに理解し軌道修正をしてくれました。
そして結果、納品当日もスムーズに進行し、クライアント様にはお褒めの言葉を頂きました。
携わってくれたメンバーにはすごく感謝しているし、何より会社としての組織力が向上したと感じました。
<h4>補足</h6>
あとは、個人としての内容になりますが、組織を思うように動かし、結果、 クライアント様に喜んで頂き、そして対価を頂く。これほど、冥利に尽きることはありません。
それぞれが、満足を感じる、充足感を得るポイントというのは違うと思いますが、是非、仕事を通じてそういうのを見つけて頂きたいと心から思っています。何故なら、それこそが人して幸せだと思うからです。そのために、必要なことがあれば是非、私に意見を言って頂きたいと思います。
<div></div>

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧

2012/12/06

2012/12/06

2012/12/06

2012/11/29

2012/11/29

2012/11/29

2012/11/29

2012/11/29

2012/11/28

2012/11/22

2012/11/22

2012/11/22

2012/11/22

2012/11/21

2012/11/21

2012/11/15

2012/11/15

2012/11/15