無料でノーコードで Web サイトを作れるサービス -- Studio.design, MS Sway など
# ノーコードツールまとめ
why
よく静的サイトとCMSをノーコードで制作できるツールを見るからまとめとこうかなって思ったから
NoCode
- Google Docs (Word Generic)から作成
- Google DriveのDocs複数で管理
- CMSのブログ作成ツール
総称か? https://marketing-wizard.biz/blog/no-code/nocode-website-1/
ペライチ, Studio,, Wix, か強そう
NoCodeのSTUDIOを使ってみました。
— てっぺい|Web・DTPフリーランス(てつごろう) (@Te256g) August 11, 2020
1時間半ほどで、こんなサイトが作れちゃいます😂https://t.co/IhZDpCCoc8
いかに簡単に作れるか、特徴などをまとめたら記事にします!
こんなに融通が効くとは思っていなかったので、「え〜こんなことできちゃうのかよ!」などと一人で驚いてばかりでしたw
Studio
公式サイト
解説きじ
最初に大枠となるデザインを選択します。「白紙から作成」という選択肢もありますが、難しいことを考えずに手っ取り早く作りたい時は、スマホやタブレットなどにも対応したレスポンシブデザインで既に作られている「テンプレートから作成」を選ぶと良いでしょう。
- パワーポイント と 同じ UI で変更できる
- 逆にテキストとUIが分離してないから手間
- 右上の公開ボタン押せば
https://hogehoge.studio.design
で 即座に公開可能 - 逆にhtmlでは出せずにここでしか公開できない?
超かっこいいライセンスフリーの写真が組み込みで探せる
Google Map 読み込める
- 画像の角を丸めたり、直感的になんでもできる
テンプレートは位置調整ができない
html Export はできない (ノーコードツールはみんなそう)
- og img , favicon も設定できる
- チュートリアルが丁寧に出る
- 実際に架空の電気屋のサイトを作成してみました
- 確かに内容がすでに固まってれば 2h でできる
sheetui
https://sheetui.comsheetui.com
https://gigazine.net/amp/20200710-sheetui
各データは「掲載日」「タイトル」「URL」「トップ画像」に分類しており、「トップ画像」の列には画像のURLを挿入しています。
- spreadsheet からブログを生成できるサービス
- ブログみたいになる。レイアウトが一切変更はできない
- ブログには適しているが、LPには適さない
画像を自分で探してリンクを貼り付ける必要がある
SpreadSheetからGUIで作成する
- カードデザインが基本
- width height 変更出来る
- SpreadSheetと簡単なボタンフォーム操作さえできれば管理者はコンテンツ更新できる
- 公開も可能?
Sheet2Site
- spreadsheet からブログ作るやつ
WP
素人がやるとセキュリティが死ぬ?
Figma
Google Site
- よくいくインドカレー屋がこれで作ってた
Wix
綺麗な HP をこれで作っているのをよく見かける
MS Sway
- Microsoft 製。公開サーバーも同時提供。
- コンテンツを流し込めばいい感じで綺麗にしてくれる。
- 動画や画像がCSS Animationで綺麗に浮き上がる
- デフォルトでレスポンシブ。
- 細かい調整は不可。
なんか
作成したスプシのリンクを貼るだけで整ったUIのwebサイトが作れるSpreadSimple、想像以上に一瞬で作れて驚いた。
— 平田 智基 (@t_10_a) July 7, 2020
せっかく作ったリストもスプシの山に埋もれて見なくなることが多かったのですが、大事なものはこちらで保存しておくのもありかも。
月額$8で決済機能も搭載可能で、こちらが本命。 pic.twitter.com/s7fVXin2a4