Web制作を効率よくすすめるためPivotal Trackerを導入したら気持ちよかった♪

20140516 0

最近Pivotal Trackerを本格導入し始めたwEVAです(^^v
個人ではちょこちょこ使ってきたり、Fullcrumにしてみたりといろいろと迷ってもいましたが、最近思うこともあって本格的にPivotal Trackerを導入!!

これが結構気持ちいいので、快適に仕事が動き出しています

20140516 1

通知が社内チャットに流れるようにしてあるので、少し変えただけでもメンバーに状況を共有できるのもいいですね♪

とにかく使ってみるっす!!

20140516 2

メニューが英語なので「とっつきにくい」って感じもありますが、とにかくその案件で発生するタスクをガンガンとIceboxに登録していきます。項目はいろいろあるけど、とにかく登録!登録!登録!!

20140516 3

登録できたところで各タスクにポイントを振っていきます。うちではフィボナッチの値を利用して0〜8までの値で、作業にかかるだいたいの速度を入れています。この配分がなかなか難しいのですが、やっているうちになんとなく…「インストールから設定までは3ポイントだな」という感じでを振っていくことができます。

で・・・実際の作業の項目はBacklogにドラッグして移動させ、ここで更に各タスクを並び替えてどんな順番でこなしていくかを決めていきます。

そして、毎朝「Start」ボタンを押してタスクのスタート!!終了したら「Finish」を押して、他のメンバーに確認してもらったりしてそのタスクを終わらせていきます。

20140516 4

どんどんタスクが片付いていきます!!

これが楽しい!気持ちいい!!

「今日はいくつ終わらせるぞ〜〜〜」と、朝目標をたてて、それが片付いていくと気持よくてついつい、細かいタスクを片っ端からいれていってしまいます。

まだ社内で本格的に使い始めたところなのでノウハウの蓄積は不十分ですが、これからも積極的に使っていくことになりそうですね。

Pivotal Tracker

Adobe Edge Inspectでスマフォサイト制作時の画面確認を効率的に

20140514 0

スマフォサイトの制作時にいちいちスマフォを取り出して画面確認…面倒ですよね?そんな時に役立っているのが「Adobe Edge Inspect」です。レスポンシブサイトの制作時もブラウザの幅を狭めたり広くしたり…繰り返しこんなことばかりですがAdobe Edge Inspectを入れておくと手元のスマフォに、今作業中のブラウザの画面を表示させることができます。

便利!!

Adobe Edge Inspect

ATOMを使う機会が増えてきました

20140513 0

最近GitHubのATOMを使う機会が増えてきました

別の記事「RubyMineいいよね」で書いたように、開発で使うエディタをRubyMineに移行してみたらメモ用のエディタが無意識のうちにSublimeTextからATOMに移行してしまったという…

GitHubの各種言語対応コーディング用テキストエディタAtomが完全にオープンソース化
GitHub、開発者向けテキストエディター「Atom」をリリース
米GitHub、テキストエディタ「Atom」をオープンソース化

ATOM

Bootstrapでスピーディにサイトを制作する Bootstrapを覚えるには?

20140422 0

案件によってはBootstrapをCSSフレームワークとして利用することで短時間でサイトを制作することもあります。今回「Bootstrapを覚えたい」という声があったので、参考になるサイトを紹介します。

ドットインストール

まずは、定番のドットインストール様♪

全18回の動画レッスンでBootstrap3.0の入門講座が開催されています。

Bootstrap 3.0入門 (全18回)

参考サイト

参考書籍

はじめてのBootstrap (I・O BOOKS)
槙 俊明
工学社
売り上げランキング: 63,193
Bootstrap
Bootstrap
posted with amazlet at 14.04.22
Jake Spurlock
Oreilly & Associates Inc
売り上げランキング: 49,331
実践Webデザイン jQuery+CSSフレームワークでサクサクつくる「動き」と「仕掛け」
ワークス アルディート
エムディエヌコーポレーション
売り上げランキング: 150,065

TrelloでWeb制作プロジェクトを管理

Trello

wEVAは新しいサービス好きのメンバーも揃っているので、いいツールがあればすぐに試しています。このTrelloについても昨年のインターンシップ受け入れ時に試験的に導入し使ってきていました(グループでのタスク管理にはTrelloがオススメ!)が、その後「壁に貼りだすのが好き」なアナログ思考に傾いてしばらくは離れてしまいましたが…最近の案件急増に伴い「アナログじゃ整理が追いつかない!!」という事でTrelloに戻ってきました。

アカウント作成も簡単!!

20140408 1

Trelloのアカウントをつくるにはトップページ上の「SIGN UP – IT’S FREE!」を押してアカウント作成の画面に進んでいくだけ!!Googleのアカウントがあればそのままでも進んでいくことができるので更に便利です!!

Web制作の現場での利用方法

さて、ここからは弊社内での使い方です

リストは初期のままにしています

  • To Do
  • Doing
  • Done

メモという別のリストをつくり制作に必要な内容をメモしておくこともありますが、ここは個人の好みで(^^;

で…「サーバー契約」「ワイヤーフレームの制作」「配色の決定」などなど思いつくことを片っ端からToDoに入れていきます。

20140408 2

タスクを全部入れたらDue Dateでスケジュールを組んでいきます。当然担当者をここで決定!!

あとは状況に応じてラベルをつけていきます。ここは好みで(^^v

社内ではGithubを使うことも多いので

  • Bug
  • duplicate
  • enhancement
  • invalid
  • question
  • wontfix

にあわせてみたり、bitbucket風に

  • Bug
  • enhancement
  • proposal
  • task

としたこともありますが…今のところは

  • 要対応&修正

を赤で置いておくだけにして、他は自由に使うようにしています。

全てのプロジェクトを俯瞰してみることができるように

20140408 3

プロジェクトのリーダーの色を背景に設定しています。これでダッシュボードを見た時に案件が誰に偏っているかなども見ることができます。

wEVA社内ではTrelloをこんな感じで使っています。使いこなしていけばもっともっと役に立ちそうなので、これからも使い方を試行錯誤していきますよーーーーー