GOLDEN KITTY AWARDS 2020
こちらにノミネートされているNo CodeのツールAmazon HoneycodeとSoftrしか聞いたことがなかったのでどんなツールなのか調べてみました。
Block 4.0
Blocsは、コードを書かずにレスポンシブなWebサイトを作成できる、高速で直感的な強力なビジュアルWebデザインソフトウェアですとのことです。
Mac用のアプリケーションで、フリートライアルがあるので試してみました。
ダウンロードして、セットアップすると設定画面がでるので、基本的にはそのままで進めます。
(見た目がかっちょいい)
![GOLDEN KITTY AWARDS 2020にノミネートされているNo Codeツールを調べてみた - Block 4.0編](https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1613079506/ab02fa4683721ef7ea128c429fd09c81/ab02fa4683721ef7ea128c429fd09c81.jpg?_i=AA 1000w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_189,c_scale/f_auto,q_auto/v1613079506/ab02fa4683721ef7ea128c429fd09c81/ab02fa4683721ef7ea128c429fd09c81.jpg?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_483,c_scale/f_auto,q_auto/v1613079506/ab02fa4683721ef7ea128c429fd09c81/ab02fa4683721ef7ea128c429fd09c81.jpg?_i=AA 768w)
![GOLDEN KITTY AWARDS 2020にノミネートされているNo Codeツールを調べてみた - Block 4.0編](https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1613079502/4524cda9df856c355d950c038f988bf9/4524cda9df856c355d950c038f988bf9.jpg?_i=AA 1000w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_191,c_scale/f_auto,q_auto/v1613079502/4524cda9df856c355d950c038f988bf9/4524cda9df856c355d950c038f988bf9.jpg?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_490,c_scale/f_auto,q_auto/v1613079502/4524cda9df856c355d950c038f988bf9/4524cda9df856c355d950c038f988bf9.jpg?_i=AA 768w)
![GOLDEN KITTY AWARDS 2020にノミネートされているNo Codeツールを調べてみた - Block 4.0編](https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1613079498/744f717ec8643d4eb709b47b0d4760e6/744f717ec8643d4eb709b47b0d4760e6.jpg?_i=AA 1000w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_154,c_scale/f_auto,q_auto/v1613079498/744f717ec8643d4eb709b47b0d4760e6/744f717ec8643d4eb709b47b0d4760e6.jpg?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_394,c_scale/f_auto,q_auto/v1613079498/744f717ec8643d4eb709b47b0d4760e6/744f717ec8643d4eb709b47b0d4760e6.jpg?_i=AA 768w)
![GOLDEN KITTY AWARDS 2020にノミネートされているNo Codeツールを調べてみた - Block 4.0編](https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1613079493/5059d36d40e192a1e06e9c7c402fc5c7/5059d36d40e192a1e06e9c7c402fc5c7.jpg?_i=AA 1000w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_180,c_scale/f_auto,q_auto/v1613079493/5059d36d40e192a1e06e9c7c402fc5c7/5059d36d40e192a1e06e9c7c402fc5c7.jpg?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_461,c_scale/f_auto,q_auto/v1613079493/5059d36d40e192a1e06e9c7c402fc5c7/5059d36d40e192a1e06e9c7c402fc5c7.jpg?_i=AA 768w)
Newから作成をしてみます。
こんな感じで、ブロックの組み合わせでページを作って行く感じです。
STUDIOとかと同じ感じですね。
![GOLDEN KITTY AWARDS 2020にノミネートされているNo Codeツールを調べてみた - Block 4.0編](https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1613079489/eb16831dd3575f26eae9a9d24a492799/eb16831dd3575f26eae9a9d24a492799.jpg?_i=AA 1000w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_155,c_scale/f_auto,q_auto/v1613079489/eb16831dd3575f26eae9a9d24a492799/eb16831dd3575f26eae9a9d24a492799.jpg?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_396,c_scale/f_auto,q_auto/v1613079489/eb16831dd3575f26eae9a9d24a492799/eb16831dd3575f26eae9a9d24a492799.jpg?_i=AA 768w)
プレビューすると、以下の様なURLで実際にページを見ることができます。
生成されるhtmlを確認すると、最初の選択で、Bootstrapベースにしているので
Bootstrapを使った時によくあるhtmlになっています。
![GOLDEN KITTY AWARDS 2020にノミネートされているNo Codeツールを調べてみた - Block 4.0編](https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1613079485/2c87cbc6b88b2fa2a3c22deeba7e5d11/2c87cbc6b88b2fa2a3c22deeba7e5d11.jpg?_i=AA 1000w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_80,c_scale/f_auto,q_auto/v1613079485/2c87cbc6b88b2fa2a3c22deeba7e5d11/2c87cbc6b88b2fa2a3c22deeba7e5d11.jpg?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_205,c_scale/f_auto,q_auto/v1613079485/2c87cbc6b88b2fa2a3c22deeba7e5d11/2c87cbc6b88b2fa2a3c22deeba7e5d11.jpg?_i=AA 768w)
アプリなので、非力なマシンだと重いかもしれません。
LP等は、このツールである程度土台を作って、実際のhtmlを編集して反映するとかでもいいですね。
htmlの吐き出しは、有料版でしかできませんが、↑のhtmlが見れるので、、、、
メニューのFile => Export からできるようです。
![GOLDEN KITTY AWARDS 2020にノミネートされているNo Codeツールを調べてみた - Block 4.0編](https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1613079480/194ff39c35f0d96b93516c2e5eeb3f1c/194ff39c35f0d96b93516c2e5eeb3f1c.jpg?_i=AA 1000w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_193,c_scale/f_auto,q_auto/v1613079480/194ff39c35f0d96b93516c2e5eeb3f1c/194ff39c35f0d96b93516c2e5eeb3f1c.jpg?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_493,c_scale/f_auto,q_auto/v1613079480/194ff39c35f0d96b93516c2e5eeb3f1c/194ff39c35f0d96b93516c2e5eeb3f1c.jpg?_i=AA 768w)
ちなみに、料金プランは、アプリなのでサブスクとかではなく、1回だけの支払いのようです。
US$99.99で、追加でUS$49.99払うとさらに便利なツールがついてくるみたいです。
なかなか素敵なツールかと思います。