Design | Web制作の無料アプリ | BLUEBERRY CHEESECAKE

the DESIGN ROCKs | visual guild BLUEBERRY CHEESECAKE web site SOLID MEAL

Design | Web制作の無料アプリ

Web deveropment & Design

某案件や何やらで必要だったり、要望があったりしますので、初心者の方に向けてWeb制作に使える無料アプリケーションをまとめてみます。制作ツールだけじゃなく、サブ的なものも諸々。

Webオーサリングツール

基本的にどれもAdobe Dreamweaverなどの有料版ほどの機能はありません。無料なりの、という所です。それでも、最小限の機能だけで作られているので、はじめは十分かもしれません。どちらにしろ、HTMLとCSSが分からなければ使いこなせませんしね。

KomporZer(初心者向け)(Win/Mac)

KomporZer
無料オーサリングツールではスタンダードかも知れません。
※ページのちょっとしたに「Japanese 日本語」とあります。お使いのOSに合わせてダウンロードしてください。
KomporZerのダウンロードはこちら

BlueGriffon(英語が大丈夫なら初心者向け)(Win/Mac)

BlueGriffon
BlueGriffonのダウンロードはこちら
英語のインターフェイスに問題がないならこっちのほうがおすすめです。日本語化も出来ますが、機能制限が激しいのでおすすめできません。

Aptana Studio(上級者向け)(Win/Mac)

Aptana Studioのダウンロードはこちら
プレビュー画面がいらないならこれが一番いいですが、上級者向けです。日本語化はTechnolog.jp – ICTウェブマガジンさんで解説があります。

FTPツール

無料オーサリングツールのFTP機能はちょっと怖いので(アプリケーション自体が固まる事が多いw)、多量のファイル転送などには向かないので、FTPツールは必須です。

FFFTP(Win)

Windowsでは定番のFTPツール。
FFFTPのダウンロードはこちら

Cyberduck(Win/Mac)

Cyberduck
mac専用ツールでしたが、最近はWin版もリリースされています。アヒル隊長のニックネームで有名(?)です。
Cyberduckのダウンロードはこちら

テキストエディタ

かなりのツールがリリースされていますが、個人的に気に入ってるものだけを紹介します。

Mery(Win)

Windows用のアプリケーションはどれも野暮ったい印象を持っていますが、こちらはすっきりしていてOLさんにもお勧めです(笑)半年くらいこれだけでやってます。
Meryのダウンロードはこちら

Fraise(Mac)

Fraise
Mac用の定番エディタまmiが有名ですが、個人的には「野いちご」の愛称で親しまれているSmultron改めFraiseがお勧めです。MacらしいUIがすばらしいです。(アイコンもかわいい)(Smultronは有料になったようです。MacAppストアに購入できます
Fraiseのダウンロードはこちら

圧縮、解凍ツール

圧縮解凍は仕事のやり取りだけでなく結構使うもの。
OSの標準機能だけでも何とかなりますが、あれば便利です。

Laplus(Win)

使い勝手が良いツールです。コンテクストメニュー(右クリック)のカスタムが出来てすばらしいです。
Laplusのダウンロードはこちら

CleanArchiver(Mac)

CleanArchiver
MacでWebやってて困るのが「._」が先頭についたいらないファイルの存在。CleanArchiverは圧縮フォルダの中に余計なファイルを作らずに圧縮してくれます。これでWinユーザーに鬱陶しがられなくてすみます。
CleanArchiverのダウンロードはこちら

オフィスツール

OpenOffice(Win/Mac)

本当に素晴らしい人達が居たものだと感心させられるようなツールです。MicrosoftOfficeとの互換性は微妙なところがありますが、自分の書類整理くらいなら十分。(MicrosoftOfficeで作ったマクロとかが見れないことが多いです。)
OpenOfficeのダウンロードはこちら

画像作成ツール

出来ればやっぱりAdobe製品がほしいです。無料ツールで作成したファイルでは、安心して仕事で外部とやり取りできないというのが実際のところ。あくまで個人的にWeb製作するなら、と言う感じです。

Gimp2(Win/Mac)


Adobe Photoshopばりの高機能です。画像を業務でやりとりするのではなく、個人的に製作するのならこれでいい加減がんばれます。
Web用の画像ならこれで十分。
※ページをちょっと下がったところの「Japanese (20.9 MB)」からダウンロードです。
Gimp2のダウンロードはこちら

Inkscape(Win/Mac)

Adobe Illustratorと同じベクター画像作成ツールです。こちらもやはり、業務で外部とやりとりするためでなければこれで十分。
Inkscapeのダウンロードはこちら

Webブラウザ

実際にはブラウザもツールとして外せません。
扱い方に慣れれば制作の知識も付きます。

Internet Explorer

言わずと知れた悪夢のブラウザです。
私はただでさえ嫌いなのに9がXPに対応しないあたりがさらに嫌いなので、本当に悔しくて悔しくて仕方ありませんが、世界的なシェアと、対応しようとする他の人は無視できません。

IE9(Vista以降)

IE9のダウンロードはこちら

IE8(XP以前)

IE8のダウンロードはこちら

IEはバージョンごとに表示が全く違うという悪夢を生み出し続けているのに、過去バージョンのシェアはまだまだ消えません。また、アップロードしてくれないユーザーも多いので、製作者はそこに対応するために過去バージョンでも確認出来る方法が必要です。
IEはOSに一つしかインストール出来ないので、複数バージョンで確認するには既存のIE以外のアプリケーションを使う必要があります。

Adobe BrowserLab(Win/Mac(Webサービス))

利用にはAdobeのIDが必要です。
https://browserlab.adobe.com/ja-jp/

IE Tester(Win)

既存のIEとの衝突も無いようで、安心して使えます。
IE Testerのダウンロードはこちら

Fire fox(Win/Mac)

開発者御用達のブラウザです。
様々なアドオンも開発には欠かせません。
Fire foxのダウンロードはこちら

Fire foxアドオン

デバッグ、モニタが出来るスタンダードなものを紹介します。

Firebug

https://addons.mozilla.org/ja/firefox/addon/firebug/

Web Developer

https://addons.mozilla.org/ja/firefox/addon/web-developer/

Google Chrome

ご存知GoogleがリリースしているWebブラウザ
Google Chromeのダウンロードはこちら

Safari

Appleがリリースしているmacには標準装備のブラウザ
Safariのダウンロードはこちら

他にも便利なWebサービスなども色々ありますが、今日はこのくらいで。なんだかこの記事は、必要になるたびに自分でいちいち検索しなくて済みそうなので、ゆくゆく頑張って詳しくまとめていきます。

コメントを残す

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

*

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Spam Protection by WP-SpamFree