Asairo Design

デザイン制作チーム 浅色デザインオフィシャルサイト。web関連やメモの置き場所。熊本県出身のweb制作者。たまに小説。

WEB

制作環境を構築する

投稿日:2013年10月21日 更新日:

自宅、会社、持ち運び用ノート。。。
複数パソコンがある場合に「家にはアレあるけど会社になかった!」とかよくあります。
年々使うソフトは増えてるものの、だいたい決まってきてる感じなので、
自分で使うメジャーな環境を自分用にメモ。

ブラウザ

IE
Google Chrome
Firefox
safari

chromeのエクステンション

webページショット – Webpage Screenshot
Facebook
ato-ichinen
Chrome リモート デスクトップ
Evernote Web Clipper
Facebook for Chrome
Facebook Like Button
Feedly
FireMobileSimulator for Google Chrome
PageRank Display
Wappalyzer
Window Resizer

Firefoxのアドオン

F6
Firebug
Firebug用Adobe BrowserLab
Firefox OS Simulator
FireShot
Print Edit
User Agent Switcher
User-Agent JS Fixer
Wappalyzer
Web Debeloper
はてなスクリーンショット拡張(当時エラー頻発したのでFireShotに移行…)
Flashblock

※フラッシュ系の非表示プラグインは色々試しましたがなんかいまいち感。
IEのアドオンからフラッシュのプラグインをオフにすることで擬似iOS環境を見てます。

メーラー

フリーアドレス

Gmail
yahooメール
Outlook(ドメインは古くから使ってるhotmail)

クライアントソフト

thunderbird

FTPソフト

FFFTP
WinSCP

エディタ

Emeditor
Dreamweaver
sublime text2

sublime text2の設定

package consollでインストールしたもの

HTML5
HTML5 のタグなどを補完してくれるもの

CSS Snippets
CSS3にも対応しているスニペット

jquery
jQuery の関数などを補完

jquery mobile snippets
jQuery Mobile での自動補完

PHP Unit
PHPUnitを利用するためのパッケージ

IMESupport
日本語でのインライン入力をサポート

Emmet
SublimeText用のZen-coding版のようなもの

SublimeCodeIntel
HP、JS、HTMLなど様々な言語での自動補完や、定義先の関数へジャンプしたり、シンタックスハイライトしてくれたり。CTags入れてるならいらないかも。

CTags
呼び出し先にコードジャンプする

AndyPHP
PHPの関数群をコードアシストをサポート

SideBarEnhancements
デフォルトでちょっと貧弱なサイドバーをリッチにしてくれる

ConvertToUTF8
Shift-jisでも開けるようになる

動画系

Freemake Video Converter
ティラノスクリプト (いずれノベゲー作りたい)

音声系

CeVIO Creative Studio FREE
Rip!AudiCO FREE Ver 4.03

画像系

Photoshop
Illustrator
Fireworks
ペイント(なんだかんだで地味に使う)
PsQREdit(QRコード作成用 イラレにドラッグ&ドロップで行けるメリット)
Pixie
ToYcon(ico画像作成用)

デバック系

Website Explorer
IETester

共有フォルダ

Dropbox

デスクトップ拡張

orchis (自分が一番使いやすかったアプリランチャー)
clibor (ctrl 2回押しでコピー履歴が表示)

フォント系

フォントマスター2
NexusFont

リモート

TeamViewer(入力切り替えがもっとスムーズになればと思う)

仮想環境

Virtual CloneDrive
Daemon Tools

ダウンロード系

Irvine

コミュニケーションツール

skype(msnが統合されて。。。)
LINE()
サイボウズLive(仕事のTodo系としてあえて別途管理)

その他

winmail.dat用

Winmail Opener

-WEB
-, , ,

執筆者:


  1. […] Resizerあたりのエクステンションかな? →筆者の制作環境 […]

comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

パンくずリストについて

パンくずリストについてちょっと違和感というか思ったことを書いてみようと思う。 例えば上のグローバルメニューがあるページ。 そして右か左にメニューがついているページ。 どうだろう。 それ+パンくずリスト …

VIDEO・音楽編集の決定版

本業はWEB制作なはずなのですが、何でも屋的なことをしています。 フリーソフトですごく便利な編集ソフトに出会ったのでシェア!シェア!

no image

コメントで遊ぼう。

スパムが7件もなってたので、WPプラグインのDisqus Comment Systemを導入しました。

no image

IEテスターなんていらない!

今までブラウザチェックのツールを色々探したりしておりました。 だってテスターってjavascriptうごかないんだもん。 このjQuery全盛期の時代に。 スクリーンショットを回数限定で見れるものとか …

no image

Flash代替画像をjavascriptで表示させる方法と、非iOS環境での確認方法

SyntaxHighlighter が適応されないので追加修正しました。 ついでに補足も足しています。 新しい記事はこちら 「自社サイトさぁ、iPadでフラッシュみれないじゃん!」 って言われて、帰り …

名古屋AC

※虐待防止講演会2017 記事一覧

おススメ書籍(AD)

(AD)