confidential- © 2013 for nanapi All Rights Reserved 1
きょうのはなし
confidential- © 2010 for rocketstart All Rights Reserved 2
ファイラー デザイン コーディング
ファイラー/デザイン/コーディングについて、
最近使ってる便利なアレコレを...
ファイルブラウザ など
confidential- © 2010 for rocketstart All Rights Reserved 3
ファイルブラウザ など
confidential- © 2010 for rocketstart All Rights Reserved 4
XtraFinder(無料)
 高機能タブ型ファイルブラウザ
ファイルブラウザ など
confidential- © 2010 for rocketstart All Rights Reserved 5
ファイルブラウザ など
confidential- © 2010 for rocketstart All Rights Reserved 6
ファイルブラウザ など
confidential- © 2010 for rocketstart All Rights Reserved 7
Finderの強力なプレビュー機能
confidential- © 2010 for rocketstart All Rights Reserved 8
Finderの強力なプレビュー機能
confidential- © 2010 for rocketstart All Rights Reserved 9
Finderの強力なプレビュー機能
confidential- © 2010 for rocketstart All Rights Reserved 10
Finderの強力なプレビュー機能
confidential- © 2010 for rocketstart All Rights Reserved 11
Finderの強力なプレビュー機能
confidential- © 2010 for rocketstart All Rights Reserved 12
Finderの強力なプレビュー機能
confidential- © 2010 for rocketstart All Rights Reserved 13
Finderの強力なプレビュー機能
confidential- © 2010 for rocketstart All Rights Reserved 14
Finderの強力なプレビュー機能
confidential- © 2010 for rocketstart All Rights Reserved 15
デザイン
confidential- © 2010 for rocketstart All Rights Reserved 16
CSS Hat
confidential- © 2010 for rocketstart All Rights Reserved 17
CSS Hat(29$)
 Photoshop Plugin
CSS Hat
confidential- © 2010 for rocketstart All Rights Reserved 18
 LESS SASS対応
 ベンダープレフィクス対応
 グラデーション書き出し超便利
Skala Preview
confidential- © 2010 for rocketstart All Rights Reserved 19
Skala Preview
デザインプレビューapp
Skala Preview
confidential- © 2010 for rocketstart All Rights Reserved 20
こんぐらい省力化できる!地味便ナイスアプリ!
デザインデータを
クリップボードにコピー
Skit...
Little Snapper
confidential- © 2010 for rocketstart All Rights Reserved 21
Little Snapper (35$)
 デザインストックアプリ
Little Snapper
confidential- © 2010 for rocketstart All Rights Reserved 22
いままで試した方法
どの方法もイマイチ長続きしない…
 スクラップブック
 フォルダにキャ...
Little Snapper のかわいいところ
confidential- © 2010 for rocketstart All Rights Reserved 23
Little Snapper のかわいいところ
confidential- © 2010 for rocketstart All Rights Reserved 24
Little Snapper のかわいいところ
confidential- © 2010 for rocketstart All Rights Reserved 25
Little Snapper のかわいいところ
confidential- © 2010 for rocketstart All Rights Reserved 26
コーディング
confidential- © 2010 for rocketstart All Rights Reserved 27
最近のコーディング環境
confidential- © 2010 for rocketstart All Rights Reserved 28
HTML CSS(SCSS)
一時メモ スニペット 馬車待機
Dreamweaver
confidential- © 2010 for rocketstart All Rights Reserved 29
Dreamweaver
confidential- © 2010 for rocketstart All Rights Reserved 30
1.ファイラーが便利でかわいい
Dreamweaver
confidential- © 2010 for rocketstart All Rights Reserved 31
2. プロパティインスペクタで直感的操作可能
Dreamweaver
confidential- © 2010 for rocketstart All Rights Reserved 32
3.高機能な検索機能(フォルダ単位、正規表現)
Sublime Text 2
confidential- © 2010 for rocketstart All Rights Reserved 33
Mi , Evernote
confidential- © 2010 for rocketstart All Rights Reserved 34
開発環境メンテナンスの必要性
confidential- © 2010 for rocketstart All Rights Reserved 35
なぜ、開発環境をメンテナンスするべきなのか?
・道具を変えることで爆速になる(かも!)
・安い...
最後に
confidential- © 2010 for rocketstart All Rights Reserved
質疑応答
おしまい
confidential- © 2010 for rocketstart All Rights Reserved
ご清聴
ありがとうございました!
Upcoming SlideShare
Loading in …5
×

ぼくの考えた最速の開発環境┃Techlunch 2013/06/14

1,327 views

Published on

Published in: Design
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,327
On SlideShare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide
  • 「ぼくの考えた最速の開発環境」 2013年6月ver
  • きょうは3本立て
  • ファイルブラウザについて
  • 複数タブ
  • ラベルのカラー表示に対応!(X-Finderにはない機能)
  • ラベルのカラー表示に対応!(X-Finderにはない機能)
  • 上部エリアにアプリのショートカット設定可
  • ■強力なプレビュー機能
    gif,jpeggはもちろん
  • ■強力なプレビュー機能
    スペースキー押下でさらに別窓で表示
  • ■強力なプレビュー機能
    psd,ai
  • ■強力なプレビュー機能
    psd,ai
  • ■強力なプレビュー機能
    html,css
  • ■強力なプレビュー機能
    html,css
  • ■強力なプレビュー機能
    html,css
  • ■強力なプレビュー機能
    設定に寄っては scssなどのファイルもばっちりプレビュー可能!

    すごいぞえらいぞFinder!
  • デザイン
  • Photoshopの有料プラグイン
  • Photoshopの有料プラグイン
    作成したレイヤーから情報を取得して、CSSを吐き出してくれる!
    LESS SASS対応! ベンダープレフィクスにも対応!
  • WiFiを利用して、Photoshopで作成したデザインデータをiphoneに瞬時にプレビューできるアプリ
  • WiFiを利用して、Photoshopで作成したデザインデータをiphoneに瞬時にプレビューできるアプリ
  • Photoshopの有料プラグイン
    作成したレイヤーから情報を取得して、CSSを吐き出してくれる!
    LESS SASS対応! ベンダープレフィクスにも対応!
  • Finderによく似たビューで、直感的で分かりやすい
  • App内に独自でブラウザを持っているので
  • App内で独自でブラウザをもっているので
  • キャプチャと同時にURLを取得できるのでサクサク登録できる!
  • MX〜8あたりのバージョンアップでだいぶマシに進化 ざっくり、かわいいところを紹介します!
  • FTP設定することで、自動・手動アップロード可能!さくさく確認できる!!
  • 画像選択してサイズ取得したり、レイアウトコンテナ選択してclass振ったりできる
  • とにかくヌルさく!1ラインで書きだされた STYLE.CSS も平気で読み込む(Dwはほぼ落ち、Coda2はすこしでも機嫌が悪いと落ち)
    プラグインが豊富
    カスタマイズ楽しい

    →逆に調教する手間はある
  • Mi:コーディングに必要なテキストデータやちょっとしたメモの一時退避
    Evernote:スニペットやよく使ううけど、覚えきれないUnixコマンドとかをメモってる スニペットの管理方法もいくつか検討したんですが、複数端末、複数環境で横断的に利用できるツールのなかではEvernoteが今の所一番ベター
  • 個人の成長は時間がかかるが、道具を変えることで爆速になる(こともある)
    安い速いウマいツールがどんどんリリースされる
  • ぼくの考えた最速の開発環境┃Techlunch 2013/06/14

    1. 1. confidential- © 2013 for nanapi All Rights Reserved 1
    2. 2. きょうのはなし confidential- © 2010 for rocketstart All Rights Reserved 2 ファイラー デザイン コーディング ファイラー/デザイン/コーディングについて、 最近使ってる便利なアレコレを共有します
    3. 3. ファイルブラウザ など confidential- © 2010 for rocketstart All Rights Reserved 3
    4. 4. ファイルブラウザ など confidential- © 2010 for rocketstart All Rights Reserved 4 XtraFinder(無料)  高機能タブ型ファイルブラウザ
    5. 5. ファイルブラウザ など confidential- © 2010 for rocketstart All Rights Reserved 5
    6. 6. ファイルブラウザ など confidential- © 2010 for rocketstart All Rights Reserved 6
    7. 7. ファイルブラウザ など confidential- © 2010 for rocketstart All Rights Reserved 7
    8. 8. Finderの強力なプレビュー機能 confidential- © 2010 for rocketstart All Rights Reserved 8
    9. 9. Finderの強力なプレビュー機能 confidential- © 2010 for rocketstart All Rights Reserved 9
    10. 10. Finderの強力なプレビュー機能 confidential- © 2010 for rocketstart All Rights Reserved 10
    11. 11. Finderの強力なプレビュー機能 confidential- © 2010 for rocketstart All Rights Reserved 11
    12. 12. Finderの強力なプレビュー機能 confidential- © 2010 for rocketstart All Rights Reserved 12
    13. 13. Finderの強力なプレビュー機能 confidential- © 2010 for rocketstart All Rights Reserved 13
    14. 14. Finderの強力なプレビュー機能 confidential- © 2010 for rocketstart All Rights Reserved 14
    15. 15. Finderの強力なプレビュー機能 confidential- © 2010 for rocketstart All Rights Reserved 15
    16. 16. デザイン confidential- © 2010 for rocketstart All Rights Reserved 16
    17. 17. CSS Hat confidential- © 2010 for rocketstart All Rights Reserved 17 CSS Hat(29$)  Photoshop Plugin
    18. 18. CSS Hat confidential- © 2010 for rocketstart All Rights Reserved 18  LESS SASS対応  ベンダープレフィクス対応  グラデーション書き出し超便利
    19. 19. Skala Preview confidential- © 2010 for rocketstart All Rights Reserved 19 Skala Preview デザインプレビューapp
    20. 20. Skala Preview confidential- © 2010 for rocketstart All Rights Reserved 20 こんぐらい省力化できる!地味便ナイスアプリ! デザインデータを クリップボードにコピー Skitchに データをペースト nyazoに貼り付け URLをチャットボードに ペースト iPhoneでアクセス デザインデータを クリップボードにコピー iPhoneでアクセス
    21. 21. Little Snapper confidential- © 2010 for rocketstart All Rights Reserved 21 Little Snapper (35$)  デザインストックアプリ
    22. 22. Little Snapper confidential- © 2010 for rocketstart All Rights Reserved 22 いままで試した方法 どの方法もイマイチ長続きしない…  スクラップブック  フォルダにキャプチャぶっ込み  はてブ  Thumblr.  Pinterest  Zootool  Evernote
    23. 23. Little Snapper のかわいいところ confidential- © 2010 for rocketstart All Rights Reserved 23
    24. 24. Little Snapper のかわいいところ confidential- © 2010 for rocketstart All Rights Reserved 24
    25. 25. Little Snapper のかわいいところ confidential- © 2010 for rocketstart All Rights Reserved 25
    26. 26. Little Snapper のかわいいところ confidential- © 2010 for rocketstart All Rights Reserved 26
    27. 27. コーディング confidential- © 2010 for rocketstart All Rights Reserved 27
    28. 28. 最近のコーディング環境 confidential- © 2010 for rocketstart All Rights Reserved 28 HTML CSS(SCSS) 一時メモ スニペット 馬車待機
    29. 29. Dreamweaver confidential- © 2010 for rocketstart All Rights Reserved 29
    30. 30. Dreamweaver confidential- © 2010 for rocketstart All Rights Reserved 30 1.ファイラーが便利でかわいい
    31. 31. Dreamweaver confidential- © 2010 for rocketstart All Rights Reserved 31 2. プロパティインスペクタで直感的操作可能
    32. 32. Dreamweaver confidential- © 2010 for rocketstart All Rights Reserved 32 3.高機能な検索機能(フォルダ単位、正規表現)
    33. 33. Sublime Text 2 confidential- © 2010 for rocketstart All Rights Reserved 33
    34. 34. Mi , Evernote confidential- © 2010 for rocketstart All Rights Reserved 34
    35. 35. 開発環境メンテナンスの必要性 confidential- © 2010 for rocketstart All Rights Reserved 35 なぜ、開発環境をメンテナンスするべきなのか? ・道具を変えることで爆速になる(かも!) ・安い・速い・ウマいツールがどんどんリリース
    36. 36. 最後に confidential- © 2010 for rocketstart All Rights Reserved 質疑応答
    37. 37. おしまい confidential- © 2010 for rocketstart All Rights Reserved ご清聴 ありがとうございました!

    ×