非エンジニアが自力でシステムやアプリを創ろうと思ったらやるべきこと完全網羅バイブル。これ見てダメなら外注。

はじめまして。ノーコード・エヴァンジェリストの比留間です。普段は現役でフルスタックエンジニアやってます。ちなみに「ノーコード」とはコーディングせずに開発するサービス群のことです。

今回は非エンジニア向けに、自力で業務システムやPRA、webサイト、webアプリ 、iOSアプリ、Androidアプリをつくる方法を網羅的に教えていきます。知らない方が多いですが実はこういう非エンジニア向けのアプリ開発サービス、結構あるんです。これ見て理解できない、作れない、面倒臭い、対応できないなら大人しくアウトソーシングしましょう。

《自力開発の条件》
１）外注しない。

２）コードを書かない。

３）エンジニアやデザイナーに頼らない。

４）安価。（無料〜1万程度/月。）

５）簡単。（キャッチアップが少ない。2, 3日あればつくれる。）

以上の５つの条件を満たしつつ、簡単にアプリやシステムを構築できる方法を解説していきます。幅広く説明していくのでご自身のつくりたいものに合わせて飛ばして読んでください。

自力でつくれると分かれば、業務や事業の選択肢が広がります^^
一緒に頑張っていきましょう。

Webサイト・LP制作

まずは一番簡単で一番の馴染みのあるウェブサイトについて自力でノーコードで創る方法を紹介していきます。Webサイトの作成サービスは国内国外合わせて多くの選択肢があります。メジャーどころを押さえつつ見ていきましょう。

1. Wix

人気のコンテンツ管理(CMS)付きのクラウド型ホームページエディター

無料ホームページ作成 | ホームページの作り方 | Wix.com

サイトは作ったことないがWordpressやWix聞いたことあるという方も多いと思います。Wixの特徴はとにかく簡単。最近だとテーマカラーやスタイルを選んでサイトをデザインせずに自動生成することもできる優れものです。筆者も事あるごとにお世話になっています。

そんなWixの特徴が以下の５つ。
・HTML・CSSの専門知識がなくてもページの作成ができる
・無料で気軽に始められる
・動きのあるページが簡単に作れる
・豊富な量のデザインテンプレートから選べる
・いろいろな機能が簡単に組み込める

2. STUDIO

デザイナーに人気な国産ウェブサイトエディター

STUDIO | ノーコードWeb制作プラットフォーム

3. Webflow

海外で一番人気のノーコードウェブサイトエディター

Webflow: Create a custom website | Visual website builder

海外で人気なウェブサイトを制作できる直感的なウェブサービス。
会員制のブラウザ上で画面を制作します。

メリットとしては、下記の5点のようなものがあります。
・レスポンシブウェブデザインを対応している
・無料で使える
・クオリティの高いテンプレートが豊富
・直感的な操作感
・Webflow用のドメインを用意してくれるので、すぐに公開して確認できる

手軽で使いやすいので、非エンジニアでも5分でウェブサイトを制作できます。日本語化もできますが英語がメイン。

4. Wordpress.com

WordPress.com: 無料のサイトやブログを作成

5. Wordpress.org

ブログから大規模サイトまで作れる CMS - WordPress.org 日本語

6. ペライチ

ペライチ｜無料から使える簡単ホームページ作成ツール

7. Weebly

Weebly は、ウェブサイトやブログ、ストアを作成する最も簡単な方法です

8. Squarespace

Website Builder — Create a Website in Minutes — Squarespace

9. Abema Ownd

無料でホームページやブログを作ろう - Ameba Ownd(アメーバ オウンド)

10. Jimdo

Jimdo

11. BiNDup

ホームページ作成・制作サービスBiNDup

12. Crayon

ホームページ作成【無料】スマホで編集できるCrayon（クレヨン）

13. Carrd

Carrd - Simple, free, fully responsive one-page sites for pretty much anything

14. Strikingly

Strikinglyチェックしてください！超簡単なウェブサイト＆ストアビルダー。

15. Zoho Sites

Zoho Sites - 無料で始めるWebサイト制作ツール。誰でも簡単なホームページ構築ソフト

16. Webnode

ホームページを無料で作成

EC・ネットショップ立ち上げ

1. BASE

BASE (ベイス) -無料で簡単なネットショップ作成サービス

2. Shopify

ビジネスを立ち上げ、成長させ、拡大する - Shopify

3. STORES

STORES（ストアーズ）はあなたのお商売を応援します | まずはご相談ください

4. Amazon

Amazon出品サービス

5. 楽天

6. SUZURI

SUZURI | Create and sell your original products easily

業務システム・RPA

1. Airtable

Airtable | Everyone's app platform

2. Google SpreadSheet

Google Sheets: オンライン スプレッドシート エディタ | Google Workspace

3. Microsoft Excel

スプレッドシート ソフトウェア - Excel 無料試用版 - Microsoft Excel

4. AppSheet

AppSheet : mobile apps from spreadsheets :

5. Notion

Your connected workspace for wiki, docs & projects | Notion

6. Zapier

Zapier | The easiest way to automate your work

7. Slack

Slack はニーズに応えるプロダクティビティプラットフォーム

8. Chatwork

Chatwork - 中小企業向けビジネスチャット 国内利用者数No.1

9. Trello

Manage Your Team’s Projects From Anywhere | Trello

10. Asana

チームの仕事、プロジェクト、タスクをオンラインで管理

11. Redmine

Redmineとは

12. Backlog

Backlog｜チームで使うプロジェクト管理・タスク管理ツール

13. Torio（トリオ）

Torio（トリオ）｜チームで共創する新しいプロジェクト管理・タスク管理ツール

14. Group Task

チームで使えるシンプルなタスク管理ツール！

15. Retool

Retool | The fastest way to develop effective software.

16. Microsoft Power Automate

Power Automate | Microsoft Power Platform

17. Microsoft Power Apps

ビジネス アプリ | Microsoft Power Apps

Web・iOS・Androidアプリ制作

1. Adalo

Adalo - No-Code Mobile and Web App Builder

2. Bubble

You don't need to be a coder

3. Glide.

Glide 揃 Create Apps from Google Sheets

4. Sheet2site

Sheet2Site

5. Thunkable

Thunkable.com: Drag and Drop Mobile App Builder for iOS and Android

6. Play

Play: A new approach for creating better mobile apps.

7. Apple Developer Program

Apple Developer Program - Apple Developer

8. Google Play Console

Google Play Console  |  Android Developers

独自ドメイン欲しい

1. お名前.com

ドメイン取得は最安値0円～｜ドメイン取るならお名前.com

2. Google Domains

ホーム – Google Domains

素材（画像、イラスト、動画）欲しい

1. pixabay

https://pixabay.com/ja/

2. Pexels

https://www.pexels.com/ja-jp/

3. Unsplash

Beautiful Free Images & Pictures | Unsplash

4. FreePhotos.cc

FreePhotos.cc - 無料写真ストック、使用料不要の画像

5. いらすとや

かわいいフリー素材集

6. Mixkit

Mixkit - Awesome free assets for your next video project

7. ICOOON MONO

アイコン素材ダウンロードサイト「icooon-mono」 | 商用利用可能なアイコン素材が無料(フリー)ダウンロードできるサイト | 6000個以上のアイコン素材を無料でダウンロードできるサイト ICOOON MONO

8. Icons8

無料のカラーアイコン

9. Flat Icon

515,218 Free vector icons of color

10. iStock

写真素材、ロイヤリティフリーの画像、イラスト素材、ベクター素材、映像 - iStock

11. PIXTA

写真素材・ストックフォト | 日本最大級の画像素材サイト - PIXTA

UIデザインしたい

1. Sketch

Sketch

2. Figma

Figma: The Collaborative Interface Design Tool

3. Adobe XD

Adobe XD | UI/UXデザインと共同作業ツール 【アドビ公式】

4. Pinterest

Pinterest

5. Dribble

Dribbble - Discover the World’s Top Designers & Creative Professionals

6. Behance

Search Projects :: Photos, videos, logos, illustrations and branding :: Behance

7. SANKOU

SANKOU! | Webデザインギャラリー･参考サイト集

8. MUUUUU

Webデザインギャラリー・参考サイト集｜MUUUUU.ORG

9. Web Design Clip

Web Design Clip | Webデザインギャラリー・クリップ集

10. Engage Html Template

Overview | Engage Html Template