非エンジニアが自力でシステムやアプリを創ろうと思ったらやるべきこと完全網羅バイブル。これ見てダメなら外注。
はじめまして。ノーコード・エヴァンジェリストの比留間です。普段は現役でフルスタックエンジニアやってます。ちなみに「ノーコード」とはコーディングせずに開発するサービス群のことです。
今回は非エンジニア向けに、自力で業務システムやPRA、webサイト、webアプリ 、iOSアプリ、Androidアプリをつくる方法を網羅的に教えていきます。知らない方が多いですが実はこういう非エンジニア向けのアプリ開発サービス、結構あるんです。これ見て理解できない、作れない、面倒臭い、対応できないなら大人しくアウトソーシングしましょう。
《自力開発の条件》
1)外注しない。
2)コードを書かない。
3)エンジニアやデザイナーに頼らない。
4)安価。(無料〜1万程度/月。)
5)簡単。(キャッチアップが少ない。2, 3日あればつくれる。)
以上の5つの条件を満たしつつ、簡単にアプリやシステムを構築できる方法を解説していきます。幅広く説明していくのでご自身のつくりたいものに合わせて飛ばして読んでください。
自力でつくれると分かれば、業務や事業の選択肢が広がります^^
一緒に頑張っていきましょう。
Webサイト・LP制作
まずは一番簡単で一番の馴染みのあるウェブサイトについて自力でノーコードで創る方法を紹介していきます。Webサイトの作成サービスは国内国外合わせて多くの選択肢があります。メジャーどころを押さえつつ見ていきましょう。
1. Wix
人気のコンテンツ管理(CMS)付きのクラウド型ホームページエディター
サイトは作ったことないがWordpressやWix聞いたことあるという方も多いと思います。Wixの特徴はとにかく簡単。最近だとテーマカラーやスタイルを選んでサイトをデザインせずに自動生成することもできる優れものです。筆者も事あるごとにお世話になっています。
そんなWixの特徴が以下の5つ。
・HTML・CSSの専門知識がなくてもページの作成ができる
・無料で気軽に始められる
・動きのあるページが簡単に作れる
・豊富な量のデザインテンプレートから選べる
・いろいろな機能が簡単に組み込める
2. STUDIO
デザイナーに人気な国産ウェブサイトエディター
3. Webflow
海外で一番人気のノーコードウェブサイトエディター
海外で人気なウェブサイトを制作できる直感的なウェブサービス。
会員制のブラウザ上で画面を制作します。
メリットとしては、下記の5点のようなものがあります。
・レスポンシブウェブデザインを対応している
・無料で使える
・クオリティの高いテンプレートが豊富
・直感的な操作感
・Webflow用のドメインを用意してくれるので、すぐに公開して確認できる
手軽で使いやすいので、非エンジニアでも5分でウェブサイトを制作できます。日本語化もできますが英語がメイン。
4. Wordpress.com
5. Wordpress.org
6. ペライチ
7. Weebly
8. Squarespace
9. Abema Ownd
10. Jimdo
11. BiNDup
12. Crayon
13. Carrd
14. Strikingly
15. Zoho Sites
16. Webnode
EC・ネットショップ立ち上げ
1. BASE
2. Shopify
3. STORES
4. Amazon
5. 楽天
6. SUZURI
業務システム・RPA
1. Airtable
2. Google SpreadSheet
3. Microsoft Excel
4. AppSheet
5. Notion
6. Zapier
7. Slack
8. Chatwork
9. Trello
10. Asana
11. Redmine
12. Backlog
13. Torio(トリオ)
14. Group Task
15. Retool
16. Microsoft Power Automate
17. Microsoft Power Apps
Web・iOS・Androidアプリ制作
1. Adalo
2. Bubble
3. Glide.
4. Sheet2site
5. Thunkable
6. Play
7. Apple Developer Program
8. Google Play Console
独自ドメイン欲しい
1. お名前.com
2. Google Domains
素材(画像、イラスト、動画)欲しい
1. pixabay
2. Pexels
3. Unsplash
4. FreePhotos.cc
5. いらすとや
6. Mixkit
7. ICOOON MONO
8. Icons8
9. Flat Icon
10. iStock
11. PIXTA
UIデザインしたい
1. Sketch
2. Figma
3. Adobe XD
4. Pinterest
5. Dribble
6. Behance
7. SANKOU
8. MUUUUU
9. Web Design Clip
10. Engage Html Template
この記事が気に入ったらサポートをしてみませんか?