TOPプロジェクト管理【Webデザインワークフロー】iKnow!の作り方> 第1回:開発者と近づくWebデザイナー (1/3)




【Webデザインワークフロー】iKnow!の作り方

【Webデザインワークフロー】iKnow!の作り方

第1回:開発者と近づくWebデザイナー

著者:セレゴ・ジャパン株式会社 Simon Dennett

公開日:2008/8/4(月)

はてなブックマークの登録数



この記事を英語で読んでみませんか?>>英語版はこちらから

iKnow!ってなに?
 本連載では、成長を続けているソーシャルWebサイトのデザイナーやデベロッパーがどのように開発に取り組んでいるのか、そのノウハウについて紹介します。

 それでは、Webアプリケーションを作るためのいくつかのテクノロジーやプロセス、さらに、開発者とデザイナーの仕事、いわばユーザーが使う部分とシステムで動かす部分がクロスオーバーする部分、つまりプレゼンテーション層について考えていきましょう。

 突然ですが、読者の皆さんはiKnow!をご存じでしょうか。2007年10月に開設され、現在では22万人以上のユーザーが登録をしている、語学学習に特化した無料で使えるソーシャル・ラーニング・Webサイトです。

 iKnow!のコアにあるのは、Webアプリケーションとリッチでインタラクティブな学習アプリケーションです。ユーザーが学習を通じて、ソーシャルアクティビティを行うことで、今まで1人では長続きしなかった学習から、より早く学んで、より長く覚えるための学習が可能になりました。

 Webアプリケーションは、Ruby on Railsで開発され、学習アプリケーションは、Adobe Flashを使って開発をされています。

 今回は、Webアプリケーションに焦点をあてて紹介していきます。特に最新のプログラミング言語、インターフェース開発技術、さらに組織化されたワークフロー・プロセスを取り入れた、Webアプリケーションのインターフェースデザインと開発に注目します。
図1:Ruby on Railsでのモデル・ビュー・コントローラ

Ruby on Railsでの開発
 iKnow!のWebアプリケーションとデータサービスは、Ruby on Railsで開発されています。Ruby on Railsは、最小限のコードで、短時間でバックからフロントまでのシンプルなWebアプリケーション開発を容易にする、比較的新しいWebプログラミングのフレームワークです。

 フレームワークベース開発の1つの利点は、時として複数人で流動的な開発チームの管理を効率化します。つまり、その開発に限られた知識の習得にかかる時間を減らすのです。

 Ruby on Railsのフレームワークは、mvc(model view controller)パターンに基づいています。すべてに当てはまるとはいえませんが、インターフェースのコードファイルは、app/viewフォルダにあります。そして、インターフェースのデベロッパーが、アプリケーションをデザインする時に、よく使うフォルダです。ファイルシステムのフレームワークと並んで、Ruby on Railsは、洗練されたWeb開発のためのコンセプトに基づいたフレームワークを提供します。

 そのフレームワークは命名規約とコード文法に関連するベストプラクティスを提供します。Ruby on RailsはOSに依存しないので、筆者は、Aptana Studioを自分のIDE(統合開発環境)として使っており、多くの開発をWindows XP上で行っていますが、デザイナーの中には、Mac OSX環境を好む人いるでしょう。iKnow!は現在、Ruby on Rails 2.0で開発されています。 次のページ



セレゴ・ジャパン株式会社 Simon Dennett
著者プロフィール
セレゴ・ジャパン株式会社 Simon Dennett
クリエイティブ・ディレクター。
WebデザイナーとしてTAC企画に1998年に入社、シニアウェブデザイナーとしてLeo Burnett Sydneyに2005年に入社、シニアFlashデザイナーとしてAvenue A Razorfishに2006年に入社、2007年7月より現職。
オーストラリア人の38歳。
http://www.iknow.co.jp/
記事をスラスラ読むためのツールはこちら

この記事の評価をお聞かせください
ボタンをクリックしますとウインドウが開きます。
ご意見、ご要望にお応えします! インプレスIT INSIDE



INDEX
第1回:開発者と近づくWebデザイナー
-> iKnow!ってなに?
  アジャイルソフトウエア開発
  UX/UIデザインワークフロー
【Webデザインワークフロー】iKnow!の作り方
第1回 開発者と近づくWebデザイナー
第2回 ユーザーのためのWebデザイン
第3回 ソーシャルサイトのWebデザイン
第4回 Webソフトウエアのデザイン
関連記事
Webデザインワークフロー
使える!Webデザインアプリ
現場で使える!Flash
これならわかる!JavaScript/Ajax
即実践!HTML+CSS
Webデザイナは知っていた

Think IT 過去人気記事

注目おすすめ情報

Think IT人気ライター BEST 5







【PR情報】

転職ならen転職ならエン派遣ならenアルバイトならen求人ならen