# 自社サイトを制作してまして、苦戦しております。 STUDIOを使ってレシポンシブサイトを作りたいので...... **URL:** \ **Category:** STUDIO\ **Created:** [2021 年 2 月 2 日午前 8:56 UTC](https://www.nocode-faq.com/t/topic/598 "2021-02-02T08:56:24Z")\ **Posts on this page:** 2\ **Page:** 1
**Author:** ![Question\_user](https://avatars.discourse-cdn.com/v4/letter/q/53a042/32.png) [@Question\_user](https://www.nocode-faq.com/u/Question_user)\ **Post date:** [2021 年 2 月 2 日午前 8:56 UTC](https://www.nocode-faq.com/t/topic/598/1 "2021-02-02T08:56:24Z")
自社サイトを制作してまして、苦戦しております。 STUDIOを使ってレシポンシブサイトを作りたいのですが、どこから手をつけていいのやら、といった感じです。 サンプルサイト（トンマナ）は・・・ リムレット株式会社（limret Inc.）\< [http://limret.com/](http://limret.com/) \>さんなどがいいな〜と思っています。（あくまでもサンプルサイトとして。もちろんパクるわけではありません） STUDIOに関して、以下のサイトは参考にしました。 ・chot.design\< [https://chot.design/](https://chot.design/) \> ・STUDIO note\< [かっこいいWebサイトが作れる「STUDIO]｜tsubasatwi(ツバサ）｜note](https://note.com/tsubasatwi/n/n3211ffa3aab7) \> ・タダデザ！\< [https://tada-design.com/](https://tada-design.com/) \> ご教授頂けると幸いです。 どうぞ、よろしくお願いいたします。 ---
**Author:** ![Answer\_user](https://avatars.discourse-cdn.com/v4/letter/a/eb8c5e/32.png) [@Answer\_user](https://www.nocode-faq.com/u/Answer_user)\ **Post date:** [2021 年 2 月 2 日午前 8:56 UTC](https://www.nocode-faq.com/t/topic/598/2 "2021-02-02T08:56:25Z")
リムレット株式会社（limret Inc.） みましたが、アニメーションすごいですね。 これ見た感じ jQueryのeasingでアニメーションさせている感じです。 結論からいうと、これと同じモーションが、STUDIOに存在してない為 同じような動作は難しいかと思われます。 > **[STUDIOモーション機能一覧](https://smartcamp-toybox.studio.site/studio)** STUDIOでアニメーション無しのサイトは作れるかと思います。 背景を、白/黒/灰色の同じデザインの画像をあらかじめ用意して、 「背景」設定します。 > **[Gyazo](https://gyazo.com/5fdc95660eb3937a99cc7c1c273328d4)** > > スクリーンショットや動画、ウェブサイトを簡単に共有できます。あらゆる情報を素早く簡単に、そして分かりやすく共有することで皆が幸せに。 もしSTUDIOを触られたことが無ければ、過去のイベントであれば、以下がおすすめです。 まずは触ってみよう！NoCodeツール「STUDIO」 [![](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/1X/4d3fbe9147168e33159207c2ccc7c9b36edb57a0.jpeg "【NoCodeCamp杯】まずは触ってみよう！NoCodeツール「STUDIO」") ](https://www.youtube.com/watch?v=clhE_iV_eP4) また、アニメーションもさせたいということであれば、CSS系の知識が 多少必要になりますが、Webflowになります。ただちょっと覚えるのに時間がかかるかもしれません。 Webflow [![](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/1X/37cdeadf2dfe3a3a5b257af99494c4fc26286413.jpeg "Webflow　Motoyajiさん説明会") ](https://www.youtube.com/watch?v=04pZgFLUdzQ) 他の動画まとめなどは以下で参考にどうぞ。 こちらで他、不明点あれば、お気軽にご質問くださいー 動画まとめ > **[The AI workspace that works for you. | Notion](https://www.notion.so/nocodecamp/NoCodeCamp-INDEX-b9b2eb4e38dd4ed68826156855f2146a#295b442787544bfcbcfa10713d8db74a)** > > A tool that connects everyday work into one space. It gives you and your teams AI tools—search, writing, note-taking—inside an all-in-one, flexible workspace. Notionまとめ > **[The AI workspace that works for you. | Notion](https://www.notion.so/nocodecamp/NoCodeCamp-INDEX-b9b2eb4e38dd4ed68826156855f2146a)** > > A tool that connects everyday work into one space. It gives you and your teams AI tools—search, writing, note-taking—inside an all-in-one, flexible workspace. ## 参考URL > **[STUDIOモーション機能一覧](https://smartcamp-toybox.studio.site/studio)** [![](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/1X/4d3fbe9147168e33159207c2ccc7c9b36edb57a0.jpeg "【NoCodeCamp杯】まずは触ってみよう！NoCodeツール「STUDIO」") ](https://www.youtube.com/watch?v=clhE_iV_eP4) [![](https://us1.discourse-cdn.com/flex020/uploads/ncc_forum/original/1X/37cdeadf2dfe3a3a5b257af99494c4fc26286413.jpeg "Webflow　Motoyajiさん説明会") ](https://www.youtube.com/watch?v=04pZgFLUdzQ) > **[The AI workspace that works for you. | Notion](https://www.notion.so/nocodecamp/NoCodeCamp-INDEX-b9b2eb4e38dd4ed68826156855f2146a#295b442787544bfcbcfa10713d8db74a)** > > A tool that connects everyday work into one space. It gives you and your teams AI tools—search, writing, note-taking—inside an all-in-one, flexible workspace. > **[The AI workspace that works for you. | Notion](https://www.notion.so/nocodecamp/NoCodeCamp-INDEX-b9b2eb4e38dd4ed68826156855f2146a)** > > A tool that connects everyday work into one space. It gives you and your teams AI tools—search, writing, note-taking—inside an all-in-one, flexible workspace.