JavaScriptで自分だけのWeb製作エディタを構築できる「GrapesJS」を使ってみた！ - paiza開発日誌

テクノロジーカテゴリーの変更を依頼記事元:

paiza.hatenablog.com

77 usersがブックマークコメント

記事へのコメント5件

注目コメント
新着コメント

korin このサイトの過去の記事の中でいちばん参考になった。スゴいことがわかりやすい

2018/10/24 リンク

hitsujiniku-sugita しゅごい

2018/02/17 リンク

kithzmky エディタ GrapeJS web

javascript

2017/11/24 リンク

komz JavaScriptで自分だけのWeb製作エディタを構築できる「GrapesJS」を使ってみた！

unclassified

2017/11/19 リンク

yatta47 Webサービス

2017/11/17 リンク

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

リンクを埋め込む

以下のコードをコピーしてサイトに埋め込むことができます

<iframe marginwidth="0" marginheight="0" src="https://b.hatena.ne.jp/entry.parts?url=https%3A%2F%2Fpaiza.hatenablog.com%2Fentry%2F2017%2F11%2F16%2FJavaScript%25E3%2581%25A7%25E8%2587%25AA%25E5%2588%2586%25E3%2581%25A0%25E3%2581%2591%25E3%2581%25AEWeb%25E8%25A3%25BD%25E4%25BD%259C%25E3%2582%25A8%25E3%2583%2587%25E3%2582%25A3%25E3%2582%25BF%25E3%2582%2592%25E6%25A7%258B%25E7%25AF%2589%25E3%2581%25A7%25E3%2581%258D%25E3%2582%258B%25E3%2580%258CGrapesJS%25E3%2580%258D" scrolling="no" frameborder="0" height="230" width="500"><div class="hatena-bookmark-detail-info"><a href="https://paiza.hatenablog.com/entry/2017/11/16/JavaScript%E3%81%A7%E8%87%AA%E5%88%86%E3%81%A0%E3%81%91%E3%81%AEWeb%E8%A3%BD%E4%BD%9C%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E3%82%92%E6%A7%8B%E7%AF%89%E3%81%A7%E3%81%8D%E3%82%8B%E3%80%8CGrapesJS%E3%80%8D">JavaScriptで自分だけのWeb製作エディタを構築できる「GrapesJS」を使ってみた！ - paiza開発日誌</a><a href="https://b.hatena.ne.jp/entry/s/paiza.hatenablog.com/entry/2017/11/16/JavaScript%E3%81%A7%E8%87%AA%E5%88%86%E3%81%A0%E3%81%91%E3%81%AEWeb%E8%A3%BD%E4%BD%9C%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF%E3%82%92%E6%A7%8B%E7%AF%89%E3%81%A7%E3%81%8D%E3%82%8B%E3%80%8CGrapesJS%E3%80%8D">はてなブックマーク - JavaScriptで自分だけのWeb製作エディタを構築できる「GrapesJS」を使ってみた！ - paiza開発日誌</a></div></iframe>

プレビュー

規約違反を報告

JavaScriptで自分だけのWeb製作エディタを構築できる「GrapesJS」を使ってみた！ - paiza開発日誌

どうも、まさとらん（@0310lan）です！今回は、ドラッグ＆ドロップで誰でも簡単にWebサイトを製作でき... どうも、まさとらん（@0310lan）です！今回は、ドラッグ＆ドロップで誰でも簡単にWebサイトを製作できるサービスのご紹介です！そのままでもWebオーサリングツールとして大変便利なのですが、JavaScriptで好きなようにカスタマイズしてオリジナルのエディタを開発＆公開できるという面白い特徴があります。現在、オープンソースとして活発に開発が進められているので、ぜひこの機会にみなさんも試してみてください！【 GrapesJS 】 ■「GrapesJS」の使い方！それでは「GrapesJS」を使ったWeb製作エディタがどのようなツールなのかを見ていきましょう！トップページにある「Webpage Demo」というボタンからアクセスすることができます。登録なども不要で、すぐにブラウザ上で「エディタ」が表示されます。この画面上で、自分の好きなようにWebサイトを製作することができ