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の特徴

medium_blogtop.jpg

small_blogtop.jpg

thumbnail_blogtop.jpg

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>

チームプレーと組織力

コンシューマ向けの3Dプリンタがかなり話題になってきた。 
扱える素材も増え、安価で高性能なプリンタが増えてきたことがきっかけで 
ビジネスとして比較的障壁が低く参入できるようになってきた。
日本のものづくりは今後中小企業が主役になる。 
その価値を決めるのは個人の技術と創造力だ。 
これまではデザインやプログラム、情報などPCさえあれば納品できる商材において、個人や企業が多数容易に参入してきていた。 
3Dプリンタの高性能化と低価格化により、今後はこのようなデジタルデータにとどまらずあらゆる”もの”をつくることができるようになる。 
とても素晴らしい変化だ。
ちょっとしたグラスやアクセサリーを作ってみたり、3Dスキャナーで壊れた水道管のパッキンを複製して自分で直すこともできるようになる。 
第三次産業革命や新産業革命という人も出てきている。
やりようによっては個人も企業も大きなビジネスチャンスだ。
ただ、1つだけ気をつけないといけないのは、3Dプリンタは今まであったものが簡単に作れるという範囲でのイノベーションということだ。 
生産効率の向上と手軽さが最大の魅力であり、大事なのは個人レベルでの取り扱いが可能となることで、新しい価値が生まれることに期待したい。 
紙やwebのデザイナーが新たな販促品を生み出したり、リフォーム会社がオリジナルの装飾部品を開発したりなど、今まで取り扱えなかった分野へチャレンジできるようになる。
今は普及が十分でなくこのような新たな価値はこれからという状況だが、今後はどんなものが生まれてくるかを注目したい

Company

Our Solutions

Support

News

Blog

Blogブログ

カテゴリーから探す

年別から見る

記事一覧 - 2012年

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

2012/11/15

2012/11/14