ドキュメントを調べるのにDashが便利

20130920 0

この仕事しているとよく「あれ、なんだっけ…」を調べるのに、いつもいつもブックマークに入れてあるオンラインドキュメントのサイトを見ては調べるって事があるわけですが…

Dashがこういう場合便利です(^^v

http://kapeli.com/dash

CandyCane使ってみた

20130829 1

メンバー同士の情報共有にCandyCaneもいいんじゃないか?と思い、使ってみました♪

CandyCaneとはバグトラッキングシステムの中でも有名なRedmineライクに使えるシステムでRedmineと比較しても段違いに導入が楽なので「バグトラッキングシステムを使いたい」という時には非常にオススメできるソフトウェアです。

FTPでファイルを転送後、パーミッションの設定をしてデータベースの設定をすればすぐに使えるようになります。

簡単ですよね?

まずはメンバーを招待してサンプルのプロジェクトで遊んでみることにします。今回はバグトラッキング以上にノウハウ共有のためにwikiを使いたかったので、wikiも使えるようにして…

しかし…今回は何故かプラグインを導入した途端動かなくなってしまったのでこの先の今回は断念…

入門Redmine 第3版
入門Redmine 第3版
posted with amazlet at 13.08.29
前田 剛
秀和システム
売り上げランキング: 27,571
Redmineによるタスクマネジメント実践技法
小川 明彦 阪井 誠
翔泳社
売り上げランキング: 52,702
Redmine -もっと手軽にプロジェクト管理!
倉貫 義人 栗栖 義臣 並河 祐貴 前田 直樹
インプレスジャパン
売り上げランキング: 167,669

Emberでサイトのデザインをスクラップ

Your digital scrapbook Ember

Webサイト制作時に、今までに見ていて気に入ったデザインのサイトを見返すこともよくあるわけですが…いつもいつもその整理に困っていました。

スクリーンショットを撮ってはEvernoteに保存してばかりだったのですが、最近知った「Ember (¥4,300)」というアプリがまさにこの整理に向いたソフトということで、記事を見たり動画を見たらもう欲しくて欲しくてたまりません。

こういうのすごく欲しかったんですよね…

買っちゃおうかなぁ…

迷うっす

Ember App
カテゴリ: グラフィック&デザイン
価格: ¥4,300

Evernote App
カテゴリ: 仕事効率化
価格: 無料

Webデザイナーに必須のSublime Text 2パッケージを紹介

20130821 1

Webデザイナーに必須のSublime Text 2パッケージを紹介

周囲を見渡すとWeb制作時のエディタとして Sublime Text 2 を使っている人ばかりになってしまったので、今回もSublime Text 2の紹介としてWebデザイナーに必須のパッケージをいくつか紹介します。

Emmet

以前は Zen Coding を入れていましたが、最新版のEmmetを入れてコーディング時には利用しています。HTMLを短くショートコードで記述することができるので便利!!

Sublime Text 2の場合は [Ctrl]+[e] でコードを展開してhtmlにしてくれます。

覚えると非常に便利なのでゆっくりでもいいので覚えていきましょう

Zen-Coding(Emmet) については、後日また記事にして紹介する機会をもうけようと考えています。

BracketHighliter

開始タグと終了タグをハイライト表示

HTML/HTML5

入力にhtmlが補完入力されるので便利

CSS/CSS Snippets

CSSの自動補完

jQuery

jQueryの自動補完

SideBarEnhancements

サイドバーに右クリックでプルダウンメニューが表示されるようになります。

実際にはもっといろいろなパッケージを入れていますが、その中でも「これは必須じゃないか」と思うものだけをピックアップしてみました。

Zen CodingでらくらくHTMLコーディング
なかのようすけ (2013-03-12)
売り上げランキング: 8,131
HTML+CSSコーディングが10倍速くなるZen Coding
こもり まさあき 岡部 和昌
インプレスジャパン
売り上げランキング: 613,034
HTML+CSSコーディング ベストプラクティス 高速かつ堅牢なコードを効率よく書くために
こもりまさあき 西畑一馬 浜俊太朗
MdN
売り上げランキング: 26,425

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

Sublime Text 2はWebクリエイターを目指すならオススメです!!

20130818 0

SublimeText2はWebクリエイターを目指すならオススメです!!

普段授業ではDreamweaver等のAdobeのツールでも授業してきていますが、HTMLやCSSのコードを書いていく中でも私達が一番使っている時間の長いのはエディタでもあります。

Dreamweaverのエディタ画面でもいいけれども、専用のエディタを入れておいて立ち上げっぱなしにするくらいエディタの活躍する時間が多いのがこの仕事…個人的には今までWindowsでは秀丸からTeraPad…Peggyに移行しemacs(meadow)、vimと移ってきて、本格的にMacに切り替えてからはTextmate…vim…SublimeText2と移行して来ました。

普段一番使うツールだからこそエディタは身体に馴染みやすいものにしましょう

エディタはいろいろあるけれど、今はSublime Text 2がオススメですよ!!

まずはPackageを導入しよう

初期状態でもいいけれど、Sublime Text 2ではPackageを導入することで格段に使いやすくなります。 View -Show Console を表示させて以下のコードを入力して「ENTER」、そしてSublimeText2を再起動してください。

以上でPackageを導入できるようになりました。 Command + Shift + p を押してみましょう。画面上にプルダウンが表示されるので「install」または「package」と入力するとプルダウンの中に「Package Controll:Install Package」という項目が表示されているはずなので、これを選択して「Enter」を押してください。

今度は様々なPackageが表示されているはずです。

機会をみつけてこれからもSublime Textについて紹介していくことになるかと思います。Packageについてもどんどんと紹介していこうと考えているのでお楽しみに!!

Sublime Text 2

Sublime Text リファレンス
Sublime Text リファレンス
posted with amazlet at 13.08.18
shvva (2013-03-10)
売り上げランキング: 28,092
Sublime Text Starter
Sublime Text Starter
posted with amazlet at 13.08.18
Eric Haughee
Packt Publishing