長崎のホームページ制作

プロがホームページ作成に使っているMacソフト21選

2016年3月4日
4201 views
約 13 分
プロがホームページ作成に使っているMacソフト21選

ホームページ作成に興味を持っている人って、プロ・アマ問わず増えましたよね。

これから、ホームページ作成をしてみたいなーと思っている人のためにプロってどんな作成ソフト使ってるのかを、あくまで私個人のホームページ作成ソフトをご紹介しようと思います。

しかも、私はMac使いなので「Macソフト」です^^;
ごめんね。Windowsの方。
けど、Windowsでも利用できるソフトもあるので、ぜひ確認してください!

ブラウザベースのツール系は、書いていないです。
また、別の機会に覚えていたら書こうと思います^^

あと、言葉もなるべく初心者にもわかるような付け方しています(笑)

こういうツールじゃねーよ!とか、突っ込まないでね^^;

この記事の目次

WordやExcel原稿の確認

【1】OpenOffice(Windowsあり)

クライアントから提供されたWordファイル、Excelファイルを開きます。

OpenOffice(Windowsあり)

素材を選んだり確認する画像管理ソフト

【2】Adobe Bridge CC(Windowsあり)

Adobe Bridgeは、画像管理ソフトです。ファイル名の一括変更などもバッチ処理で可能です。

Adobe Bridgh CC(Windowsあり)

全体の作業工程ソフト

【3】Mindjet MindManager(Windowsあり)

マインドマップのソフトです。私は、これを使って作業内容を洗い出し、作業が完了したらチェックしています。自分のための作業確認用です。マインドマップとしては、サイトマップを作成したりします。

Mindjet MindManager(Windowsあり)

昔、使っていたのもご紹介します。

【4】Omni Plan 3

Omni社の公式サイトです。

Omni Plan 3

日本の販売サイト act2.com
Omni Plan 3を販売している日本の販売サイトです。

Omni Plan 3【iPhoneアプリ】
iPhoneアプリの「Omni Plan 3」です。

Omni Plan 3【iPadアプリ】
iPadアプリの「Omni Plan 3」です。

ヘッダーや画像、バナー、ボタンなどの素材作りのソフト

【5】Photoshop CC 2015(Windowsあり)

まさにプロの画像編集ソフト Adobe社の Photoshop CC 2015です。Mac/Windows両方あります。

Photoshop CC 2015(Windowsあり)

【6】Illustrator CC 2015(Windowsあり)

まさにプロのドローソフト Adobe社の Illustrator CC 2015です。Mac/Windows両方あります。

Illustrator CC 2015(Windowsあり)

無料の画像編集ソフトなら

【7】GIMP(ギンプ)(Windowsあり)

無料で利用できる画像編集ソフトです。無料とは、思えない高機能です。MacとWindowsで利用できます。

GIMP(ギンプ)(Windowsあり)

インストール方法は、以下のサイトを参考にしてください。

GIMP日本語.com
MacのGIMPについて解説しているサイトです。インストールから使い方まで、親切に書いてあります。記事数が少ないのがチョットですが…

HTMLやCSS、Javascriptなどのコーディングソフト

【8】Coda 2

Macのコーディングソフトとして人気が高いCoda 2(コーダ ツー)です。WordPress、PHP、Javascript、HAMLなどもプラグインを入れることでコードの補助も出るので幅広くコーディングできます。

Coda 2

【9】Adobe Dreamweaver CC 2015(Windowsあり)

最初に、これが使えるとプロだなーと思ったソフトが、Adobe Dreamweaver(アドビ ドリームウィーバー)です。今では、PhotoshopやIllustratorとの連携も凄いです。Bootstrapを使ったレスポンシブサイトもテンプレートから作成できます。

Adobe Dreamweaver CC 2015(Windowsあり)

FTPソフト

【10】Transmit

サーバーに接続するためのFTPソフトです。Transmit(トランスミット)です。

Transmit

Photoshopから画像をスライスするアプリ
(Photoshop CC 2015内にも同様の機能があります)

【11】Slicy

Slicy(スライシー)は、Photoshopで作ったあと、Webで使うために画像をパーツごとにスライスします。指定されたレイヤー名やフォルダ名を付けることで、一括スライスしてくれるアプリです。昔のPhotoshopから使っています。これでスライスが爆速になりました。

Slicy

画像と動画のキャプチャソフト

【12】Snagit(Windowsあり)

Snagit(スナグイット)は、パソコン画面のキャプチャ(撮影)をして、文字や罫線、矢印、見せたくない箇所にボカシなどの画像処理ができます。手順を教えるのにも、便利です。社内のマニュアルなどにも利用できます。高機能な編集はできませんが、動画としても撮影できます。

Snagit(Windowsあり)

【13】Camtasia(WIndowsあり)

Camtasia(カムタジア)は、Snagitと違いは、動画としてパソコン画面をキャプチャ(録画)できます。マニュアルや操作説明、画面と自分を撮影しながらWebセミナーとしても使えます。テロップを入れることはもちろん、モザイクなども可能です。

Camtasia(WIndowsあり)

画像の容量圧縮アプリ

【14】JPEGmini Lite

スライスした画像のサイズ容量をさらに小さくしたい場合に利用します。ホームページでは、スマホユーザーが多いので徹底的にサイズ圧縮を行い表示スピードを上げます。

JPEGmini Lite

画像の一括サイズ変更

【15】Th-MakerX(ウォーターマークも付けられる)

一括で50枚の画像サイズを横幅200pxに変更しなければいけに時に利用します。実に簡単にできるので、重宝します。

Th-MakerX(ウォーターマークも付けられる)

視覚障がい者や色覚障がい者のアクセシビリティを高めるためのアシスタントツール

【16】Fujitsu ColorSelector(2013年8月20日で提供終了)

背景色とテキスト色を指定して、視覚障がい者や色覚障がい者の方でも見やすいかを判定してくれるソフトです。
残念ながら2013年8月20日に提供が終了してしまいましたが、今でも現役で動いています。

Fujitsu ColorSelector(2013年8月20日で提供終了)

Gitソフト

【17】SourceTree(Windowsあり)

デザイナーなので、Gitを使うための真っ黒画面でのコマンド打ちは、拒否反応が出てしまうため、GUIベースでわかりやすいGitソフトとしてSourceTree(ソースツリー)を使っています。
それでもGItで競合が出ておかしくなることもあり、その時は凄腕プログラマーさんに助けを求めます(笑)

SourceTree(Windowsあり)

テキスト差分比較ソフト

【18】TextWrangler

indexファイルで、前に作った「Aファイル」とこれから触ろうとしている「Bファイル」でどこを変えたのかを調べたいときに使います。
他にも、WordPressのテーマで「デフォルトテーマ」と「購入したテーマ」のfuction.phpなんかでどこを追記しているのかを見つけて勉強するために利用したりもします。

TextWrangler

テキストエディタ

【19】mi

Macの定番テキストエディタと言えば mi(ミミカキエディット)です。シンプルだけど、パワフルな機能が満載です。ずっと使っています。

mi

Windowsの方に送る場合の圧縮ソフト

【20】WInArchiver Lite

Macの機能で圧縮すると、Windowsで開いた際に不要なファイルが入ってしまいます。このソフトで圧縮すると、不要なファイルが含まれないので相手もわかりやすくなり、変に不安な気持ちにさせません。

WInArchiver Lite

Macをローカルサーバーにするソフト

【21】MAMP(Windowsは、XAMPP)

主にWordPressをインストールして「テーマのカスタマイズ」「プラグインの追加またはアップグレード」の動作確認をします。

MAMP(Windowsは、XAMPP)

プロがホームページ作成に使っているMacソフト21選のまとめ

今回は、プロと言っても元プロがホームページ作成で使っているMacソフトを21個ご紹介させて頂きました。

これ使っている!これ知らない!なんてソフトもありましたか?

他にも同じような機能を持ったアプリやソフトは、山程あるので自分にあったホームページ作成ソフトに出会えるといいですね^^

この記事が気に入ったら
いいね!しよう

私が書いています

株式会社イーシークリエイトホームページ運営コンサルタント吉田 穣
これまで広告代理店のグラフィックデザイナー、個人としてWebプロデュース&デザイナー、ネットビジネスでの経験を活かして、経営者、自営業者、一人Web担当者の悩みに「元ホームページ制作会社が教えるホームページ&ブログ運営術」を日々アドバイスしています。

【得意なこと】
・ビジネス内容を聞いて、ネットでどのようなテストや展開ができるかを考えながら話します
・初速を付けること
・WordPressを使ったホームページを一気に起ち上げる
・相談相手の背中を押すこと(自己責任がない方は、押さないですw)
・WordPressの一人運営方法
・ビジネスターゲット(ペルソナ)の選定方法を教えます
・ペルソナに合わせた、キーワードの選定方法を教えます
・他社で制作されたドメインを取り戻す
(制作会社との契約上、取り戻せないこともあります)
・他社制作会社の管理下から、自社で契約したレンタルサーバーへ移行します
(制作会社との契約上、移行できないこともあります)
・Facebookの投稿で、何を投稿すればいいのかをアドバイスします
・アイデアだけは、使えないようなアホなアイデアから、使えそうなアイデアまで幅広く会話から出します
・ネガティブ要素を、ポジティブ要素に変換できないか。を考えることもあります
などなど
Follow :