BLOG

現役webデザイナーおすすめ◎ホームページ制作に役立つ便利ツール

kanri
本記事はこんな方にオススメです
  • ホームページ(Web)制作に役立つツールについて知りたい方
  • ビジネス全般で役立つツールについて知りたい方
  • 仕事を効率化したいと考えている方
  • Webデザイナーを目指している方

「ツール=道具」という英単語ですが、プログラムのことをツールと呼ぶこともあります。

この記事では、主に、ソフト(アプリ)に加えてサブで使うと良いプログラムのことをツールと定義します。

今回は、ホームページ(Web)制作や、ビジネス全般で役立つおすすめの便利ツールをご紹介したいと思います!

ホームページ(Web)制作に役立つおすすめ便利ツール

【コーディング・デザインツール】ChatGPT

ChatGPTは、OpenAIが2022年11月に公開した人工知能チャットボットであり、生成AIの一種です。

ここ最近、ChatGPTはホームページ(Web)制作にかかせないツールになりました!

特に、コーディング(プログラミング)に使うのがオススメです。

配色などのデザイン面で悩んだ時も、相談するとアイデアを出してもらえます。

「こういったサイトを作りたいのですが、色は何色が良いですか?カラーコードで提案してください。」などと指示してみましょう。

えりー
えりー

ただし、ChatGPTに丸投げは難しいので、ChatGPTを使いこなすためにもコーディングやデザインの知識は必須です。

私の場合、ChatGPTはホームページ(Web)制作に活用するシーンが多いため、こちらでご紹介しましたが、文章作成ツールとしても使えるのでビジネス全般に役立ちます。

あわせて読みたい
ChatGPTのEnter送信をCtrl+Enterに変える方法(誤送信防止)
ChatGPTのEnter送信をCtrl+Enterに変える方法(誤送信防止)

【アクセス解析・分析ツール】GoogleAnalytics

アクセス解析・分析をしたい場合は、Google社の提供する無料ツール「GoogleAnalytics(グーグルアナリティクス)」を導入することをオススメします。

詳しくは下記記事で解説していますので、ぜひあわせてご覧ください!

あわせて読みたい
【図解】Googleアナリティクス登録・設置方法(アクセス解析ツール)
【図解】Googleアナリティクス登録・設置方法(アクセス解析ツール)
あわせて読みたい
GoogleAnalytics4 でページビューを確認する2つの方法
GoogleAnalytics4 でページビューを確認する2つの方法

【ダミー・モック用画像作成ツール】placehold.jp

ホームページ(Web)制作をしていると、写真等の画像が入る場所を一時的にダミー画像にしておきたいこともあります。

そういう時は、このダミー画像生成ツールを使うと便利です!

どんなサイズの画像も生成することができます。

えりー
えりー

時短になります!

Webデザイナーを目指している方の場合は、上記ツールの他、デザイン・コーディングソフトも必要です。詳しくは下記記事で解説しています。

あわせて読みたい
Webデザイナーに転職・就職するために必要なソフトは3つのみ
Webデザイナーに転職・就職するために必要なソフトは3つのみ

ビジネス全般に役立つおすすめ便利ツール

【ビジネス全般で使えるツール】Google系サービス

Googleのツールはどれも優秀です!

特にオススメのツールは以下のとおりです。

  • Gmail…メールソフト
  • Googleカレンダー…カレンダー、スケジュール管理
  • Googleドライブ…オンラインストレージ
  • Googleドキュメント…Google版のWord、文書作成ツール
  • Googleスプレッドシート…Google版のExcel、表計算ツール
  • Googleスライド…Google版のPowerPoint、スライド作成ツール
  • Googleフォーム…フォーム
  • Google Chrome…ブラウザ(インターネットを見るためのソフト)

上記はすべて無料です。

Googleドキュメント・スプレッドシート・スライドは、ファイルの共有も簡単にできるので、複数人での作業でも役立ちます!

えりー
えりー

スマホアプリもあるので、スマホで使うことも可能です!

Office365に契約しているなら、オンラインストレージはOneDriveもオススメです。

【チャットツール】Chatwork

チャットツールは「Chatwork(チャットワーク)」がおすすめです。

チャットなのでメールよりも気軽にやり取りでき、グループを作って複数人でやり取りすることも可能です。

Chatworkのアカウントの作り方や使い方については、下記記事で詳しく解説しています。

あわせて読みたい
【図解】Chatwork(チャットワーク)アカウントの作り方・初期設定・使い方まとめ
【図解】Chatwork(チャットワーク)アカウントの作り方・初期設定・使い方まとめ

その他のビジネスチャットツールでは「Slack(スラック)」がオススメですが、ちょっと玄人向けです。

【大容量ファイル送信ツール】ギガファイル便

大きなファイルや、複数枚のファイルを送信したい時には、「ギガファイル便」を使ってみましょう。

ギガファイル便にファイルをUPするとURLが発行されるので、あとはそのURLをメールなどに貼り付けて送るだけでOK!

ギガファイル便の使い方については、下記記事で詳しく解説していますので、ぜひあわせてご覧ください!

あわせて読みたい
【ギガファイル便の使い方4STEP】重いデータや大量の画像送信に便利
【ギガファイル便の使い方4STEP】重いデータや大量の画像送信に便利

【パスワード生成(パスワード作成)ツール】

このツールは、ランダムのパスワードを生成してくれます。

例えばGoogleアカウント作成時など、色々なシーンでパスワードを作成しなければいけないことがあると思います。

毎回違うパスワードを考えるのって、結構面倒ですよね…。(ちなみに、同じパスワードを使い回すのはセキュリティ的にNGです!)

そんな時は、このツールを使ってパスワードを生成するのがおすすめです!

えりー
えりー

間違っても、パスワードを「password」や誕生日などにするのはやめましょう…!危険なので…!

作成したパスワードは、パソコンのメモ帳などに保存して管理しましょう。

【QRコード作成ツール】QRのススメ

QRコードを作成したい時には、QRコード作成ツールを使いましょう。

「QRのススメ」が使いやすいです。

「QRのススメ」の使い方については、下記記事で詳しく解説しています。

あわせて読みたい
【簡単】QRコードを作ってホームページ・Googleマップ等に誘導しよう!
【簡単】QRコードを作ってホームページ・Googleマップ等に誘導しよう!

【スクリーンショットツール】AUN[あうん]

スクリーンショットを撮影して、メモ付きで共有できるツールです。

ホームページ(Web)制作を外注する時の修正依頼時などにも役立ちます。

ホームページのスクリーンショットを撮る方法については、下記記事も参考になると思います。

あわせて読みたい
【簡単】ホームページ全体or一部のスクリーンショットを撮る方法
【簡単】ホームページ全体or一部のスクリーンショットを撮る方法

【HEICからJPGに変換ツール】

iPhoneの設定によっては、撮影した写真が「.heic」という拡張子になってしまうことがあります。

この「.heic」のままだと編集しづらいため、「.heic(HEIC)」から「.jpg(JPEG)」に変換しましょう。

画像を選択(またはドラッグアンドドロップ)するだけで、HEICからJPGに簡単に変換できます。

【文字数カウントツール】

ブログなどの文章執筆時に役立つ、コピペで文字数をチェックできるツールです。

【テキスト比較ツール】difff《デュフフ》

2つの文章の違いを比較できるツールです。

以前の文章とどこが変わったのかを確認したい時などにこのツールを使うと便利です。

えりー
えりー

「difff《デュフフ》」というサイト名が印象的ですね!

【日数計算ツール】

異なる日付間の日数、週数、年月数を計算できます。

(例:1月1日から2月15日までは何日間?)

【全角半角 変換ツール】

全角から半角、半角から全角に変換できます。

【画像から文字を抽出】

画像から文字を抽出して、テキスト化できるツールです。

えりー
えりー

結構精度高いです!

(おまけ1)Webデザイナーおすすめのスマホ・タブレットアプリ

スマホ・タブレットのおすすめアプリについては、下記記事で紹介していますので、ぜひあわせてご覧ください!

あわせて読みたい
現役Webデザイナーが使っているおすすめスマホ・タブレットアプリ
現役Webデザイナーが使っているおすすめスマホ・タブレットアプリ

(おまけ2)パソコンを買い替えたら入れておきたいソフト

下記記事でパソコンを買い替えたら入れておきたいソフトをご紹介しています。ぜひ、今回の便利ツールとあわせてご活用ください!

あわせて読みたい
Webデザイナーオススメ!パソコンを買い替えたら入れたいソフト6選
Webデザイナーオススメ!パソコンを買い替えたら入れたいソフト6選

まとめ:おすすめ便利ツール一覧

ホームページ(Web)制作に役立つおすすめ便利ツールは、以下のとおりです。

  • 【コーディング・デザインツール】ChatGPT
  • 【アクセス解析・分析ツール】GoogleAnalytics
  • 【ダミー・モック用画像作成ツール】placehold.jp

ビジネス全般に役立つおすすめ便利ツールは、以下のとおりです。

  • 【ビジネス全般で使えるツール】Google系サービス
  • 【チャットツール】Chatwork
  • 【大容量ファイル送信ツール】ギガファイル便
  • パスワード生成(パスワード作成)ツール
  • 【QRコード作成ツール】QRのススメ
  • 【スクリーンショットツール】AUN[あうん]
  • HEICからJPGに変換ツール
  • 文字数カウントツール
  • 【テキスト比較ツール】difff《デュフフ》
  • 日数計算ツール
  • 全角半角 変換ツール
  • 画像から文字を抽出
えりー
えりー

気になったツールがあれば、ぜひ使ってみてくださいね!

空創デザインオフィスでは、ホームページ制作やサポート、仕事の効率化等のビジネス全般のサポート等も承っております。なにかお困りのことがありましたら、下記よりお気軽にお問い合わせください!

ABOUT ME
えりー
えりー
Web・グラフィックデザイナー / ブロガー
2018年よりフリーランスWeb・グラフィックデザイナー 兼 ブロガーとして活動しています。
都内IT系企業にて研鑽を積んだ後、起業しました。
IT・デザイン業界歴は10年以上。
今までに関わらせていただいたクライアント様は300社以上となります。
ブログでは、自身の経験を元に、Web・グラフィックデザイン制作のことや、就職・転職のこと等の情報を発信しています。
少しでも読者の皆様のお役に立てれば幸いです!
error: Content is protected !!
記事URLをコピーしました