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

NITROUS.IOでの開発

20140418 1

先日紹介したNITROUS.IOの紹介続編です。今回のリンクは…このリンク先から利用申し込みがあると紹介者に+10 N2Oというポイントのプレゼントがあるので、自分の紹介URLにしてしまっていますが…ご容赦ください。

20140418 0

さて、登録すると出てくるこの画面…NITROUS.IOでは BOXという仮想マシンの上での開発をおこなうようになるので、まずはBOXをつくるところから始めます。Create Boxのボタンを押すとNew Boxと、Boxを制作する画面に切り替わるので、ここで次はどの言語を使っての開発をおこなうのかを選択し、Box名などを入力します。

メモリなどを増やすころもできますが、初期状態で使えるN2Oでは最小単位でのBoxをつくるだけでいっぱいいっぱいです

Create Boxを押すとBoxが完成します

20140418 2

これがNITROUS.IOでの開発画面、別アプリケーションを使えば自分のパソコン上に制作したファイルとのSyncも可能ですが、それについては後日紹介するとして…

20140418 3

中央の画面がエディタになっているので、ここにRubyのコードを書いて、下のコンソールで実行してみると…

はい「Hello World」が動きました!!

NITROUS.IOへの登録はこちらから(^^v

Ruby on Rails 4 アプリケーションプログラミング
山田 祥寛
技術評論社
売り上げランキング: 1,560
Pythonスタートブック
Pythonスタートブック
posted with amazlet at 14.04.18
辻 真吾
技術評論社
売り上げランキング: 4,639
現場で通用する力を身につける Node.jsの教科書
掌田 津耶乃
マイナビ
売り上げランキング: 18,358
開発のプロが教える標準Django完全解説―Webアプリケーションフレームワーク (デベロッパー・ツール・シリーズ)
増田 泰 中居 良介 露木 誠 松原 豊
アスキー・メディアワークス
売り上げランキング: 215,383
基礎からわかる Go言語
基礎からわかる Go言語
posted with amazlet at 14.04.18
古川 昇
シーアンドアール研究所
売り上げランキング: 137,592
いきなりはじめるPHP~ワクワク・ドキドキの入門教室~
谷藤賢一
リックテレコム
売り上げランキング: 4,367

Sublime Text 2でファイルの比較をおこなうプラグイン「sublimerge」

20130820 0

社内で「二つのファイルを比較したい」という話があり、 「diffを使えばいいさ〜」 と言いそうになった訳ですが、今回はSublime Text 2ではどうやったらいいかを紹介します。

SideBarEnhancements を入れておけば、サイドバーで二つのファイルを選択して右クリックで「Diff Files」を選択することで二つのファイルを比較することができます。

そして、今回紹介する sublimerge もdiff系のプラグインでは秀逸なもので、ファイルを開いておいてコンソールから「View Diff」と打つことで上記の画面のように二つのソースコードを比較しての表示をすることができます。

これはわかりやすい!!

sublimerge

インストールはSublime Text 2の他のパッケージのインストールと同様にPackage Controll:Install Packageを選択して、そこから「sublimerge」を入力してEnterを押すだけです。

[ctrl]+[alt]+[d]

現在開かれてるファイルとの比較をおこなう

[ctrl]+[alt]+[,]

右側のファイルの変更点だけを左側のファイルにマージする

[ctrl]+[alt]+[.]

左側のファイルの変更点だけを右側のファイルにマージする

[ctrl]+[alt]+[/] + [ctrl]+[alt]+[,]

右側のファイルを左側のファイルにマージする

[ctrl]+[alt]+[/] + [ctrl]+[alt]+[.]

左側のファイルの変更点だけを右側のファイルにマージする

[ctrl]+[alt]+[=] or [ctrl]+[alt]+[pagedown]

両ファイルを比較して次の違う部分に進む

[ctrl]+[alt]+[-] or [ctrl]+[alt]+[pageup]

前に戻る

新・ワードを捨ててエディタを使おう (SCC books)
鐸木 能光
エスシーシー
売り上げランキング: 309,362
ハッカーのたのしみ―本物のプログラマはいかにして問題を解くか
ジュニア,ヘンリー・S. ウォーレン
エスアイビーアクセス
売り上げランキング: 85,079

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

チーム開発実践入門が届きました

2014 05 02 12 05 18

ずっと気になっていた「チーム開発実践入門 ~共同作業を円滑に行うツール・メソッド (WEB+DB PRESS plus)」が届きました。サイトを制作するという作業でも、一人でやることはなく、チームでやることがほとんどのwEVAですので、チームで何かをつくりあげる効率のいい方法というのはどんどん積極的に模索していきたいですね。

チーム開発実践入門 ~共同作業を円滑に行うツール・メソッド (WEB+DB PRESS plus)
池田 尚史 藤倉 和明 井上 史彰
技術評論社
売り上げランキング: 582
GitHub実践入門 ~Pull Requestによる開発の変革 (WEB+DB PRESS plus)
大塚 弘記
技術評論社
売り上げランキング: 861
開発効率をUPする Git逆引き入門
松下 雅和 船ヶ山 慶 平木 聡 土橋 林太郎 三上 丈晴
シーアンドアール研究所
売り上げランキング: 7,486

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

NITROUS.IO、Rails等の勉強にもオススメです

20140416 0

Ruby on Railsの勉強会とかで「Rails環境作るの大変!!」「環境作るだけで勉強会の時間が終わってしまった」なんてこと…よくあります(^^;

そんな時にはオススメです「NITROUS.IO

無料でBOXがひとつ作れます。このBOXの中に仮想の開発環境をつくって、そこで開発するという流れになるのですが…

便利!!

20140416 1

もう、すぐにここまでできちゃいます(^^v

20140416 2

scaffoldでガガガッと書いてみたのも、一瞬で(^^v

20140416 3

IDEも揃っているので、ブラウザ上でコーディングして動きを確認するのも簡単にできてしまいます

あ!!そうか!!今までクライアントに見せなきゃならないサイトも他使っていたけれどNITOROUS.IO上で見せるっていう手もあったなぁ・・・と、今ごろ気がつく自分でした。

琉球.rb
NITROUS.IO