無料で使える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/


コメントを読む

新着ピック  






















新着ニュース

cdkを使ったStepFunctionsでのループ込実装手続きを振り返りつつ書いてみた | Developers.IO

EC2 Windowsのストレージ(EBSボリューム)の容量を拡張する手順 | Developers.IO

【MediaPipe】Multi Hand Trackingで3つ以上の手を骨格検出する(解決編2) | Developers.IO

【MediaPipe】Multi Hand Track...

DevelopersIO / 1時間前


いつの日か、あなたがSSHキーを吹っ飛ばしても落ち着いて対応できる道しるべ 〜SSMの手順を添えて〜 | Developers.IO

Cloudflareのスピードテストサイト「Speed」で東京リージョンのEC2を測定してみた | Developers.IO

boto3を使用してEC2立ち上げに必要な環境構築を行う | Developers.IO

「Just Do It」のNikeが「Don't Do It」 「人種差別から目をそらすな」

AppStream2.0 マイクが使えないときの対処法 | Developers.IO

「税込み1万円以上のパソコン用キーボード」おすすめ3選 タイピングがとっても快適に!【2020年最新版】

【MediaPipe】Multi Hand Trackingで3つ以上の手を骨格検出する(解決編1) | Developers.IO

【MediaPipe】Multi Hand Track...

DevelopersIO / 6時間前


[小ネタ] Sumo LogicでCloudTrailのログからAWSアカウントIDを取得する #sumologic | Developers.IO

ソフトバンクがリードするラウンドでDiDiの自動運転開発子会社が540億円調達 | TechCrunch Japan

TikTokの未来を知る、TikTokが米国市場でも伸びている理由(その3) | TechCrunch Japan

優れたUIとオンボーディングで成功、TikTokが米国市場でも伸びている理由(その2) | TechCrunch Japan

成功の原点はToutia、TikTokが米国市場でも伸びている理由(その1) | TechCrunch Japan

[レポート] オンラインイベント Prometheus Meetup Tokyo #4 #prometheustokyo | Developers.IO

東工大発バイオインフォマティクススタートアップのdigzymeが3000万円を調達 | TechCrunch Japan

[小ネタ] CloudFrontでクエリ文字列を転送しているときのInvalidationにはクエリ文字列を忘れないように注意しよう | Developers.IO

【MediaPipe】v0.7.4 → v0.7.5 の変更点を調べてみた | Developers.IO

【MediaPipe】v0.7.4 → v0.7.5 ...

DevelopersIO / 11時間前


リモートワーク環境整備(液タブを使ってトリプルディスプレイ環境を作った) | Developers.IO

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

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