• Save
ぼくの考えた最速の開発環境┃Techlunch 2013/06/14
Upcoming SlideShare
Loading in...5
×
 

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

on

  • 299 views

 

Statistics

Views

Total Views
299
Views on SlideShare
296
Embed Views
3

Actions

Likes
0
Downloads
0
Comments
0

1 Embed 3

http://www.slideee.com 3

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 「ぼくの考えた最速の開発環境」 2013年6月ver
  • きょうは3本立て
  • ファイルブラウザについて
  • 複数タブ
  • ラベルのカラー表示に対応!(X-Finderにはない機能)
  • ラベルのカラー表示に対応!(X-Finderにはない機能)
  • 上部エリアにアプリのショートカット設定可
  • ■強力なプレビュー機能 <br /> gif,jpeggはもちろん
  • ■強力なプレビュー機能 <br /> スペースキー押下でさらに別窓で表示
  • ■強力なプレビュー機能 <br /> psd,ai
  • ■強力なプレビュー機能 <br /> psd,ai
  • ■強力なプレビュー機能 <br /> html,css
  • ■強力なプレビュー機能 <br /> html,css
  • ■強力なプレビュー機能 <br /> html,css
  • ■強力なプレビュー機能 <br /> 設定に寄っては scssなどのファイルもばっちりプレビュー可能! <br /> <br /> すごいぞえらいぞFinder!
  • デザイン
  • Photoshopの有料プラグイン
  • Photoshopの有料プラグイン <br /> 作成したレイヤーから情報を取得して、CSSを吐き出してくれる! <br /> LESS SASS対応! ベンダープレフィクスにも対応!
  • WiFiを利用して、Photoshopで作成したデザインデータをiphoneに瞬時にプレビューできるアプリ
  • WiFiを利用して、Photoshopで作成したデザインデータをiphoneに瞬時にプレビューできるアプリ <br />
  • Photoshopの有料プラグイン <br /> 作成したレイヤーから情報を取得して、CSSを吐き出してくれる! <br /> LESS SASS対応! ベンダープレフィクスにも対応!
  • Finderによく似たビューで、直感的で分かりやすい
  • App内に独自でブラウザを持っているので
  • App内で独自でブラウザをもっているので
  • キャプチャと同時にURLを取得できるのでサクサク登録できる!
  • MX〜8あたりのバージョンアップでだいぶマシに進化 ざっくり、かわいいところを紹介します!
  • FTP設定することで、自動・手動アップロード可能!さくさく確認できる!!
  • 画像選択してサイズ取得したり、レイアウトコンテナ選択してclass振ったりできる
  • とにかくヌルさく!1ラインで書きだされた STYLE.CSS も平気で読み込む(Dwはほぼ落ち、Coda2はすこしでも機嫌が悪いと落ち) <br /> プラグインが豊富 <br /> カスタマイズ楽しい <br /> <br /> →逆に調教する手間はある
  • Mi:コーディングに必要なテキストデータやちょっとしたメモの一時退避 <br /> Evernote:スニペットやよく使ううけど、覚えきれないUnixコマンドとかをメモってる スニペットの管理方法もいくつか検討したんですが、複数端末、複数環境で横断的に利用できるツールのなかではEvernoteが今の所一番ベター
  • 個人の成長は時間がかかるが、道具を変えることで爆速になる(こともある) <br /> 安い速いウマいツールがどんどんリリースされる

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

  • 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 こんぐらい省力化できる!地味便ナイスアプリ! デザインデータを クリップボードにコピー Skitchに データをペースト nyazoに貼り付け URLをチャットボードに ペースト iPhoneでアクセス デザインデータを クリップボードにコピー iPhoneでアクセス
  • Little Snapper confidential- © 2010 for rocketstart All Rights Reserved 21 Little Snapper (35$)  デザインストックアプリ
  • Little Snapper confidential- © 2010 for rocketstart All Rights Reserved 22 いままで試した方法 どの方法もイマイチ長続きしない…  スクラップブック  フォルダにキャプチャぶっ込み  はてブ  Thumblr.  Pinterest  Zootool  Evernote
  • 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 ご清聴 ありがとうございました!