こんな便利なのがあったとは！Web制作やビジネスに欠かせない無料ツール・サービス・素材 400+種類総まとめ

サイト構築 -制作

Post on:2015年11月12日

Business -ビジネス

無料でWebサイトを作成

HTML5 UP

レスポンシブ対応のHTML5/CSS3のテンプレート。
Bootswatch

Bootstrapの無料テンプレート。
Templated

845種類のCSS/HTML5のテンプレートのコレクション。
WordPress.org

WordPressの公式サイト。
Strikingly

モバイルに最適化されたWebサイトのテンプレート。
Layers

コードの知識不要で、WordPressのWebサイトを簡単に構築できます。
Bootstrap Zero

Bootstrapのオープンソースのテンプレートのコレクション。
Landing Harbor

スマホアプリなどのランディングページの無料テンプレート。

無料でロゴ・ブランディングを作成

Logaster

オンラインでロゴが作成できます。
Hipster Logo Generator

スタイリッシュなロゴを作成できます。
Squarespace Free Logo

低解像度版を無料で利用できます。
Signature Maker

手書きの書名を作成できます。

無料で請求書を作成

Invoice to me

請求書を無料で作成できます。
Free Invoice Generator

上で十分でなかったら、ここ。
Slimvoice

シンプルな請求書を作成できます。
Wave

簡単に請求書を作成できます。
Invoice.to

請求書を無料で作成できます。

無料で法律関係の文書を作成

Kiss

スタートアップなどに役立つ法律関係の文書を無料で作成。
Docracy

無料の法律関係の文書をコレクション。
Shake

法律関係の文書やサインなどを簡単に作成できます。

無料でアイデアをマネジメント

Experiment Board

スタートアップのアイデアをお金と時間をかけずにテストできます。
Germ.io

アイデアの出来映えをチェック。
Skitch

アイデアが現実的なものかチェック。

新しいビジネスの名前を考える時のお役立ちツール

The Name App

よさそうな名前を見つけることができます。
Naminum

ぴったりな会社名を発見できます。
Short Domain Search

短いドメインを見つけることができます。
Wordoid

覚えやすくキャッチーな名前をピックアップ。
Hipster Business Name

かっこいい名前を生成します。
Impossibility

ベストなドメイン名を生成します。
Lean Domain Search

あなたのサイトにあったドメイン名を見つけます。
Domainr

短いドメインを検索します。

Marketing -マーケティング

無料のライティング・ブログツール

Hemingway

書き物に集中できるアプリ。
Grammarly

書き物のミスを見つけることができます。
Medium

多くの人の書き物やアイデアが見つかります。
ZenPen

ミニマルなライティングツール。
Liberio

シンプルなeBookを作成し、GoogleDriveで発行できます。
Editorial Calendar

あなたのブログの記事をドラッグ&ドロップで管理できます。
Story Wars

一緒にストーリーを書くことができます。
WP Hide Post

ブログの記事の表示非表示をコントロールできるWordPressのプラグイン。
Social Locker

記事を読む際にツイートなどを求めるWordPressのプラグイン。
Egg Timer

URLで時間を設定するとタイマーになるオンラインサービス。
BlankPage

シンプルなページを作成できるテンプレート。
Wattpad

読者とライターのための世界最大のコミュニティ。
Known

シンプルなブログやサイトを簡単に作成できます。
Dbook

巨大なドキュメントを書く時の構造化やコラボレーションツール。
CoSchedule

ブログ記事の見出しの解析。
A5.gg

ブラウザをエディタにできるサービス。
Free Summarizer

オンラインのテキストを数秒で要約するサービス。

コンテンツのアイデアが見つかる無料サービス

Portent

コンテンツのアイデアを生成。
Google Trends

Googleで現在のトレンドをチェック。
Buzzsumo

コンテンツが競争相手やトピックにベストか解析。
Hubspot Blog Topics Generator

ブログのアイデアを生成。
Swayy

魅力的なコンテンツを見つけることができます。
Google+ What's Hot

Googleで今ホットな話題をチェック。
Twitter Trend

Twitterで今ホットな話題をチェック。
Quora

Quoraで今ホットな話題をチェック。
Reddit

誰でも書き込める掲示板Redditで今ホットな話題をチェック。
Ruzzit

Web上で最も共有されたコンテンツを見つけることができます。

Webサイトの分析・SEOの無料サービス

Open Site Explorer

サイトのリンクを総合的に解析するツール。
Ahrefs

サイトエクスプローラーとバックリンクチェッカー。
Quick Sprout

Webサイトを徹底的に解析。
WordPress SEO by Yoast

サイトのSEOを最適化するWordPressのプラグイン。
SEO Site Checkup

サイトのSEOの問題をチェックできます。
Hubspot Marketing Grader

マーケティングを採点。
SimilarWeb

ドメイン単位でサイトを徹底解析。
Alexa Ranking

ランクを用いてサイトを解析。
SERPs Rank Checker

キーワードのランクとSERPのチェッカー。
OpenLinkProfiler

フレッシュなバックリンク。
Keywordtool.io

Googleキーワードプランナーの無料の代替ツール。
Googleが提供するサービス

Analytics, Keyword Planner, Webmaster Tools, Trends
Nibbler

サイトをテストできます。
Browseo

検索エンジンがあなたのサイトをどのように見ているか。
Broken Links

リンク切れやリダイレクトを見つけます。
Copyscape

あなたのページをコピーしているサイトを見つけます。
Google Pagespeed Insights

ページのパフォーマンスをチェック。
Pingdom

サイトのロード時間をテスト。
GTMetrics

ページのスピードのパフォーマンスを解析。
Moz Local

Google, Bingなど、ローカルのリストをチェック。
XML Sitemaps

XMLのサイトマップを生成。
Shopify E-commerce Report

Eコマースのレポートを入手できます。
W3C validator

マークアップが正しいかどうか確認できます。

画像最適化の無料サービス

TinyJPG

JPEG画像を軽量化します。
TinyPNG

PNG画像を軽量化します。
Compressor.io

画像を最適化・軽量化します。
Kraken

画像を最適化して、サイトを高速化させます。
ImageOptimizer

画像のリサイズ、圧縮、最適化。
ImageOptim

画像を最適化します。
Smush.it

画像を最適化するWordPressのプラグイン。
Dunnnk

美しいモックアップ。
InstaMockup

サイトやアプリなどの美しいスクリーンショットを撮ることができます。

画像編集・加工の無料サービス

Canva

ブログの画像を作成できます。
Pixlr

写真画像を編集。
Skitch

矢印や図形を使い、メッセージをより的確にします。
Easel.ly

印象的なビジュアルを作成して、共有できます。
Social Image Resizer Tool

ソーシャルメディアに最適化された画像を作成。
Placeit

無料のプロダクトのモックアップとテンプレート。
Recite

引用をビジュアル化。
Meme Generator

ネット発の情報を生成。
Pablo

ソーシャルメディアの記事用の魅力的な画像を作成。

メールに役立つ無料サービス

Contact form 7

WordPressで最も利用されているコンタクトフォーム。
Mailchimp

メールニュース配信サービス。
ManyContactsBar

コンタクトフォームを利用できる無料サービス。
Hello Bar

メールニュースの購読者を増やすサービス。
Sumome List Builder

メールニュースの購読を促すポップアップを表示。
Scroll Triggered Box

スクロールをトリガーにボックスを表示するWordPressのプラグイン。
Sumome Scroll Box

スクロールすると購読を促すボックスを表示。
Mandrill

12,000通/月まで無料なメール配信サービス。
Mailgun

10,000通/月まで無料なメール配信サービス。
Sendgrid

12,000通/月まで無料なメール配信サービス。
Sendinblue

9,000通/月まで無料なメール配信サービス。
Mailtrack

Gmailのトラッキングを調査。
Beefree

レスポンシブ対応のHTMLメールを作成。
Canned Emails

よく使う英文メールの定型文を利用できます。

無料のガイド・コース

Primer

専門用語無しでマーケティングを学べるサービス。
KeppYourFriendsClose

顧客生涯価値を最大にすることについて学べる無料のeBook。
Pricing Course

価値観について学べるオンラインサービス。
Email Course for Sponsorships

助成金を手に入れる方法。
Startup Sales Course

良いマーケッターになるのを手助けする無料のコース。
Build an online course

無料でオンラインのコースを作れるサービス。
MailCharts

良いマーケッターになるのを手助けする無料のメールコース。
FirstSiteGuide

ブログを成功させるためのビギナーズガイド。

ソーシャルメディアに役立つ無料サービス

Spruce

ツイート用の画像を簡単作成。
Click To Tweet

シェアを促すコンテンツを提供。
MyTweetLinks

ツイッターのトラフィックを増やします。
Latergram

インスタグラムへの投稿を予約できます。
WordPress Pin it Button for Images

画像に「Pin It」ボタンをつけるWordPressのプラグイン。
SharedCount

各ソーシャルサービスのカウントを表示します。
How Many Shares

そのURLがどのくらいシェアされたかカウントを表示します。
Justunfollow

Twitterやインスタグラムのフォロワーと未フォロワーを調べます。
SocialRank

Twitterのフォロワーを分析し、組織化し、管理します。
Klout

ソーシャルメディアのスコアを表示するブラウザの機能拡張。
Ritetag

ハッシュタグの分析をします。
Social Analytics

そのURLのソーシャルメディア上でのインタラクションを解析します。
Buffer Free Plan

Twitter, Facebook, Linkdin, Google+などの投稿を予約できます。
Bitly

短縮URLを作成できます。
Filament

カスタマイズが可能なシェア用のバー。
Addthis

フォロワーとコンバージョンを得ることができます。
Sumome Share

シェアボタンを自動的に最適化します。
Digg Digg

オールインワンのシェアボタンが設置できるWordPressのプラグイン。
Disqus

アクティブなビジターとコミュニティを築くことができます。
App Review Monitor

アプリのレビューをメールで届けます。
Presskit Generator

iOSのプレスキットを作成できます。

カスタマーサービスに役立つ無料サービス

Typeform

美しいフォームを作成できます。
Free Survey Creator

ユーザーからのフィードバックを得られるアンケートを作成できます。
Batch

カスタマーサービスを管理できるスマホ用アプリ。
Helprace

顧客サービス用のツール。

A/Bテストに役立つ無料サービス

Petit Hacks

グロースハックのアイデア集。
Optimizely

WebサイトとスマホアプリをA/Bテストで最適化します。
Hello Bar

異なるデザイン・テキストでどちらがよいかA/Bテストが行えます。
GrowthHackers

グロースハックのコミュニティ。

Design & Code -デザイン・コード

デザインの無料素材

Freebbble

Dribbbleの無料で利用できるデザイン素材のコレクション。
Dribbble

Dribbbleでも「freebie」で検索すると、かなりの数の無料素材が見つかります。
Graphic Burger

センスのよいデザイン素材がダウンロードできます。
Pixel Buddha

プロ仕様の無料素材と有料素材が揃っています。
Premium Pixels

クリエイティブな素材が揃っています。
Fribbble

Dribbbleの無料のPSD素材がダウンロードできます。
Freebiesbug

デザイナーのための最新のPSD素材がダウンロードできます。
365 PSD

日々、高品質なPSD素材がアップロードされています。
Dbf

DribbbleとBehanceの無料素材をコレクション。
Marvel

デザイナーのための無料素材が揃っています。
UI Space

手作りの高品質な素材がダウンロードできます。
Free Section of Pixeden

無料のデザイン素材。
Free Section of Creative Market

Creative Marketにも無料素材があります。
Teehan+Lax

iOS 8 GUI PSD
Teehan+Lax

iPad GUI PSD
Freepik

誰でも利用できるグラフィック素材がダウンロードできます。
Tech&All

PSD素材やデザインニュースを入手できます。
Tethr

最も美しいiOS用デザインキット。
Web3Canvas

PSD素材やHTMLのスニペットなど、インスレーションやチュートリアルも。
SketchAppResources

無料のグラフィック素材。
Placeit Freebies

無料素材がダウンロードできます（Dropbox対応）。

カラー・配色に役立つ無料サービス

Material Palette

Materila Designのカラーパレットを生成、エクスポートできます。
New Flat UI Color Picker

UIデザイン向けのフラットカラーのコレクション。
Flat UI Colors

フラットの美しいカラーのまとめ。
Coolors

かっこいいデザインのためのカラースキームを簡単に作成。
Skala Color

OS X用の便利なカラーピッカー。
Material UI Colors

Material UIのカラーパレット。
Colorful Gradients

美しいグラデショーンを見つけることができます。
Adaptive Backgrounds

画像からカラーを取得して背景に適用するjQueryのプラグイン。
Brand Colors

有名ブランドで使われているカラーのまとめ
Paletton

デザイナーのためのカラースキーム。
0 to 255

シンプルながら効果抜群のカラーツール。
Color Lovers

カラーパレットを生成し、シェアできます。
Adobe Color CC

カラーの組み合わせ方が分かるAdobe純正のツール。
Bootflat

フラットなデザインにあうカラーのサンプル。
Hex Colorrrs

カラーのHex値をRGB値に変換します。
Get UI Colors

UIに使われているカラーのまとめ。
Coleure

カラーをピックアップしたり、比較したりできます。
Colllor

カラーパレットを生成します。
Palette for Chrome

画像からカラーパレットを生成するChromeの機能拡張。
PLTTS

インスピレーションを与えるカラーパレットのまとめ。

インスピレーションに役立つ無料サービス

MaterialUp

Material Designの新鮮なインスピレーションが得られます。
FLTDSGN

フラットなUIデザインを採用したWebサイトやアプリのショーケース。
Site Inspire

Webサイトのインスピレーション。
UI Cloud

UIデザインのデータベース。
Moodboard

ムードボードを作成・シェアできます。
Crayon

マーケティングデザインの総合的なコレクション。
Land-Book

プロダクトのランディングページのギャラリー。
Ocean

デザイナーのコミュニティ。
Dribbble

多くのデザイナーが利用しているサイト。
Behance

クリエイティブな作品をたくさん楽しめます。
Pttrns

スマホ向けUIのパターン。
Flat UI Design

FlatなUIデザインをコレクションしているPinterestのボード。
Awwwards

クリエイティブで革新的な作品が楽しめます。
The Starter Kit

デザイナー・制作者向けのスターターキット。
One Page Love

1ページで構成されたサイトのまとめ。
UI Parade

UIデザインに役立つツールやインスピレーションがたくさんあります。
The Best Designs

かっこいいWebサイトのまとめ。
Agile Designers

デザイナー・制作者向けのリソース集。
Niice

テイストからデザインを探せる検索エンジン。

無料の写真素材

各サイトのライセンスやどんな写真があるかは、下記ページが参考になります。

全部完全無料で商用可！使い勝手のよい高解像度のフリーの写真素材がダウンロードできるサイトのまとめ

ほとんどがCC0の無料写真素材なので、説明は省略します。

無料フォント

TypeGenius

指定したフォントに適したフォントを教えてくれるサービス。
Font Squirrel

商用利用も無料のフォントがダウンロードできます。
FontFaceNinja

サイトで使われているWebフォントを見つけることができるブラウザの機能拡張。
Google Fonts

Web用に最適化されたオープンソースのフォント。
Beautiful Web Type

Googleフォントを使った美しいタイポグラフィ。
DaFont

無料で利用できるフォントがダウンロードできます。
1001 Free Fonts

1000種類以上のフリーフォントのまとめ。
FontPark

フリーフォントの世界最大のアーカイブ。
Font-to-width

テキストの幅をどんな場所にでもフィットさせます。
Adobe Edge Fonts

Adobeの無料で利用できるWebフォントのスターター。
Typekit

Webサイトやアプリで使われているフォントのコレクション。

無料アイコン

Fontello

アイコンフォントのジェネレーター。
Flat Icon

16,000種類以上のベクターのアイコン素材。
Material Design Icons

750種類のオープンソースのアイコン素材。
Font Awesome

Bootstrap 3にも採用されているアイコンフォント。
Glyphsearch

さまざまなリソースからアイコンを検索できます。
MakeAppIcon

アプリ用の全サイズのアイコンを1クリックで作成できます。
Endless Icons

フラットな無料アイコン。
Ico Moon

4000+種類のベクターの無料アイコン。
The Noun Project

さまざまな制作者によるアイコン素材。
Perfect Icons

ソーシャル用のアイコンを作成するツール。
Icon Finder

さまざまな無料アイコンのまとめ。
Round Icons

Doodle Set, Flat Set, Vector Line Set
Icon Sweets

60種類のベクターのアイコン。
App Icon Template

iOS, OS Xのアプリ用アイコンのテンプレート。
SmartIcons

1,450種類の無料アイコン。
Ego Icons

100種類のベクターのアイコン。
FlatIcons

フラットな無料アイコンをカスタマイズして、ダウンロードできます。
To(icon)

無料アイコン。

その他の便利な無料サービス

UI Names

かっこいい名前をランダムに生成します。
UI Faces

アバターを生成します。
Copy Paste Character

絵文字や記号文字をコピペで利用できます。
Window Resizer

ブラウザの表示サイズを数値で指定できるChromeの機能拡張。
Sonics

登録すると、UI用のサウンドとサウンドエフェクトを無料で配信してくれます。

コードやマークアップに役立つ無料サービス

GitHub

ソフトウェア開発のための共有サービス。
BitBucket

チーム内のコードをマネジメント。
Chisel

FOSSILの無料ホスティングサービス。
Visual Studio

あらゆる開発者とあらゆるアプリのためのツールとサービス。
Landscape

Pythonのコードベースのホスティングサービス。
Swiftype

制限はあるけど無料で利用できる全文検索サービス。
Keen.io

データを解析し、ビジュアル化します。
Coveralls

Travisと連携して、テストカバレッジを解析・検証します。
LingoHub

スマホやWebアプリを各国向けに翻訳するサービス。
Codacy

コードを解析して、レビューします。
Searchcode

GitHub, Google Codeなどに登録されている200億行のコードを対象にしたソースコード検索エンジン。
TinyCert

無料でSSL証明を利用できます。
StartSSL

無料でSSL証明を利用できます。
Opbeat

プロジェクト運用支援サービス。
Pingdom

Webサイトやアプリをモニタリングするサービス。
Rollbar

あらゆる言語の全てのアプリでエラーのトラッキングを行います。
Loggly

シンプルなログ管理サービス。1ユーザーは無料。
Devport

デベロッパ用のポートフォリオを作成。
Getting Real

37signalsのGetting Realが無料で読めます。
Peek

サイトやアプリのユーザビリティテストを実際の人間を使って行える無料サービス。
Creator

アプリ用のアイコンを作成。
DevFreeCasts

開発者・制作者向けのスクリーンキャストのまとめ。
Cody

かっこいいUIを実装するHTML, CSS, JavaScriptのコード集。

Productivity -生産

環境音など、作業に集中できる無料のBGM

Noisli

雨音・風音・暖炉・電車・カフェなど、自然音・環境音・雑音など。
Noizio

リラックスできる環境音、OS X, iOSアプリも有り。
Defonic

さまざまな自然音・環境音・雑音を組み合わせることができます。
Designers.mx

デザイナーのためのデザイナーがつくったプレイリスト。
Coffitivity

カフェにいるかのような環境音。
Octave

UIサウンドのフリーのライブラリ。
Free Sound

フリーのオーディオンのスニペットやサンプルのデータベース。
Sonics

フリーのUIサウンドとサウンドエフェクト。

Webサイトの注意をそらすのを避ける無料サービス

Self Control

OS X用、あなたのWebサイトの注意をそらすのを避ける無料サービス。
Cold Turkey

Windows用、気を散らせるWebサイトをブロック。

共有・コラボレートの無料サービス

Trello

タスク管理をリアルタイムで共有できます。
Evernote

仕事や趣味に大切なデータを整理・管理できるワークスペース。
Dropbox

ファイルをどのデバイスからでもアクセスでき、共有できます。
Yanado

Gmailのタスク管理マネージャー。
Wetransfer

メール添付では大きすぎる大容量ファイル転送サービス。
Drp.io

簡単で早い画像やファイルのホスティングサービス。
Pocket

気になったWebページをPocketに貯めて、あとで見るサービス。
Raindrop

OS X用、あとで読むためのブックマークライブラリ。
Flowdock

デスクトップ・モバイル対応、チーム向けのグループチャットやメール。
Typetalk

チームメンバーでチャットでディスカッション。
Slack

チームメンバー用のコミュニケーションツール。
HipChat

チームメンバー用のコミュニケーションツール。
Google Hangouts

友達にメッセージを送信したり、グループで会話ができます。
Voveet

グループ用のコミュニケーションツール。
FreeBusy

カレンダーや予定などをメンバー内で共有。
RealTimeBoard

ブラウザでホワイトボードを共有。
Witkit

50GBまで無料、データをセキュアなプラットフォームで共有。
Any.do

GoogleのToDoリストと同期できるタスク管理ツール。
Asana

メール無しで、タスクやプロジェクトを管理できます。
GoToMeeting

簡単便利なオンライン会議。

ノマド・リモートワーキングに役立つ無料サービス

Founded X Startup Stats

あなたのスタートアップにベストな国を見つけます。
Teleport: Startup Cities

スタートアップにあった都市を比較できます。
Nomad House

世界中のノマドハウスを紹介。
Workfrom

Wifiの繋がりやすさ、コーヒーの旨さ、ノマドに適した場所を検索。
What's It Like

その旅先にいつ行くのがよいかを教えてくれます。

Learn -学び

スタートアップに役立つ無料サービス

Product Hunt

毎日、新しいプロダクトを紹介。
Angellist

スタートアップの仕事の募集。
Beta List

ネット発の新しいスタートアップを紹介。
StartupLi.st

お気に入りのスタートアップが見つかります。
Startups List

世界中のスタートアップのリスト。
Erli Bird

アプリやサイトやガジェットなどの検証・ユーザーテスト。

スタートアップの情報交換ができる無料サービス

Assembly

新しいアイデアを作り出すためのコミュニティ。
CoFoundersLab

世界のあらゆる都市・業種の共同創設者を見つけます。
Founder2be

スタートアップの共同創設者を見つけます。

無料で学べるオンラインサービス

Coursera

80以上の大学・組織からオンラインで受けられる無料授業。
Khan Academy

数学・科学・プログラミング・歴史・芸術・経済学など無料のオンライン授業。
Skillshare

クリエイティブなスキルを磨くための無料のオンライン授業。
Codecademy

HTML&CSS&JavaScriptをはじめ、PHP, Python, Rubyなどコードに特化したオンライン授業。
Startup Notes

スタートアップの創設者たちから学べます。
The How

企業家・事業家たちから学べます。
Launch This Year

オンラインビジネスを起こすのを手伝うためのガイド。
Closed Club

スタートアップがなぜ閉鎖したかから学びます。
Startup Talks

スタートアップに関連した動画のコレクション。
Rocketship.fm

毎週、成功した企業家から学べます。
reSRC.io

すべて無料のプログラミング学習リソース。
The Lean LaunchPad

スタートアップを築く方法。
TalentBuddy

コードについて学べます。
Mixergy

実力が証明された企業家から学べます。
Hackdesign

毎週、デザインのレッスンをメールで配信。

チェックしておきたい情報を配信するニュースレター

Email1K

効果がでるメールマーケティングについて。
Design for Hackers

12週にわたるデザインのレッスン。
Startup Digest

あなたの地域のスタートアップのためのニュースレター。
Mattermark Daily

投資家や創設者からのニュースレター。
ChargeWhatYou'reWorth

フリーランスのためのお金やクライアントに関するニュースレター。
Product Psychology

心理学的な面からみたユーザー行動についてのレッスン。
UX Newsletter

UXにおけるリサーチ・デザイン・制作について。
UX Design Weekly

すばらしいUXデザインを毎週紹介。

その他、便利な無料サービス

Foundrs

共同創設者の役割から株の持ち分をどうすればよいかが分かる電卓。
Ad Spend Calculator

スタートアップが広告にどのくらい支払うべきかの電卓。
HowMuchToMakeAnApp

スマホアプリのコストの計算機。
App vs. Website

アプリとサイト、どちらでまたは両方でつくるか迷った時に。
Pitcherific

サービスやプロダクトの宣伝文句を作成・改善できます。
Startup Equity Calculator

スタートアップ企業で新人社員にどれぐらいの持ち株を認めるべきかの計算機。

記事について

この記事は、寄稿者による記事に当方で翻訳・編集を加えたものです。

寄稿者: Vasil Holiney（ヴァジル・ホリネイ）

Vasil Holineyはデジタルマーケティングの専門家でLogasterのコンテンツマーケティング担当者。2013年からソーシャルメディア上で主にデザインサービスやユーザーインターフェース企画立案、ブランディング、その他グラフィックデザイン分野にフォーカスして活動している。
Twitterでも情報発信中（@v_holiney）