無料で使えるReactベースのコードジェネレーター「Divjoy」

「Divjoy」は、UIKit/Framework/認証方式など、Webページのコンポーネントを自由に選んでコードジェネレートできるツールです。

◆ Divjoy
https://divjoy.com/

紹介

UIも洗練されたReactベースのコードジェネレーターです。

使ってみる

UIKitやFrameworkなどコンポーネントを自由に組み合わせます。

続いてWebサイトのテンプレートを選択

エディタ画面で要素を自由にカスタマイズできます。

例えば、プロパティのtitleを変更すると、右のプレビューも連動して更新されます。

もちろん画像も変更可能。

カスタマイズしたWebサイトは、そのままダウンロードしたり、CodeSandboxで実際に動かすこともできます。

https://codesandbox.io/s/mholu

ちなみに、こちらで確認できます。

ダウンロードしたファイルの中から

READMEを参考にしながら、ローカルで起動することができます。

今後は、UIKitにBootstrapが追加されるなど選択肢が増えていくので、Webサイトの初期構築として非常に重宝しそうなツールになりそうです。

◆ Divjoy
https://divjoy.com/


コメントを読む

新着ピック  






















新着ニュース

労働力不足対策やテレワークなど ドコモが提案する、5G時代の新しい働き方

AWS Organizationsから新規AWSアカウントを作成してスイッチロールしてみた | Developers.IO

池袋に「ロボット酒場」--養老乃瀧ら、深刻化する人手不足解消に向け実証実験

渋谷駅の混雑状況が電車内から分かる 東京メトロ「銀座線」で実証実験スタート

「モバイルバッテリー」の選び方 薄型や小型などコンパクトタイプおすすめ3選【2020年最新版】

[随時更新]個人的に開発作業でよく使うgitコマンドの組み合わせ | Developers.IO

現場・経営陣らと共に製造業の課題解決へ--オムロン、東京・品川にATCの旗艦施設を開設

日本マイクロソフト、「Azure」普及に新たな一手 企業のデータ活用・DXを支援する専門部隊を結成

アットホーム、不動産情報流通プラットフォーム「ATBB」にAIチャットボットを導入

Amazon Lightsail に Laravel環境を作ってみた | Developers.IO

Amazon Lightsail に Laravel環...

DevelopersIO / 6時間前


【Tableau】パラメータを使用してグラフの色分け項目を切り替える | Developers.IO

モノに触れずにつかめるロボ用超音波グリッパー | TechCrunch Japan

AI・IoTで日本のものづくりを革新——オムロンが品川にFA技術の新拠点 関東・アジア圏を開拓へ

AWS IoT CoreのルールでDynamoDBのデータを取得してみる | Developers.IO

サーバーレスワークロードの保護とトラブルシューティングを支援するThundra | TechCrunch Japan

政府、「ソードアート・オンライン」と再びコラボ サイバーセキュリティ月間で

人材サービス業界の「休日の満足度が高い企業ランキング」 3位マイナビ、2位パーソルテンプスタッフ……1位は?

楽天モバイルの無料サポータープログラム、初回に落選した人がすべきこと

[AWS Community Day 2020 세션 레포트] 스푼라디오 일본에서 한국으로 이전하기 – 최상기님 (마이쿤) | Developers.IO

[AWS Community Day 2020 세션 ...

DevelopersIO / 8時間前


マスコミ業界の「休日の満足度が高い企業ランキング」 3位リクルート、2位「アマゾンジャパン」……1位は?

もっと見る
記事をPICKする
会員登録
Register
記事をPICKする

会員登録すると、もっと便利に利用できます。