--- title: 【前編】インターン生が1ヶ月でLP制作をマスター？コツは◯◯の攻略だった description: 「HTML・CSS・JavaScriptの知識がなくても、LP制作ができる方法があれば便利だな」と思ったことはありませんか？フリーチャットでWidget修正方法を質問することはできるけれど、営業時間外には手詰まりで作業が進まない…そんなお悩みを持つユーザーに朗報です！コーディングの知識がほぼゼロのインターン生が、自力でWidget修正できた方法をご紹介します。 image: https://23251619.hs-sites.com/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-09-04%2012.31.41.png --- 活用方法 # 【前編】インターン生が1ヶ月でLP制作をマスター？コツは◯◯の攻略だった 「HTML・CSS・JavaScriptの知識がなくても、LP制作ができる方法があれば便利だな」と思ったことはありませんか？フリーチャットでWidget修正方法を質問することはできるけれど、営業時間外には手詰まりで作業が進まない…そんなお悩みを持つユーザーに朗報です！コーディングの知識がほぼゼロのインターン生が、自力でWidget修正できた方法をご紹介します。 [ yuiko ](https://23251619.hs-sites.com/author/yuiko) 8 15, 2023 --- ### 目次 | 01 | [Widget 使いこなしてる？](https://23251619.hs-sites.com/widget_pro_intern_1#headline1) | | --- | --- | | 02 | [html・cssを知らなくても、LP制作のプロに](https://23251619.hs-sites.com/widget_pro_intern_1#headline2) | | 03 | [【実績紹介】ChatGPTで解決できたWidget修正](https://23251619.hs-sites.com/widget_pro_intern_1#headline3) | | 04 | [アカウント作成はわずか30秒で完了！](https://23251619.hs-sites.com/widget_pro_intern_1#headline4) | | 05 | [Widgetについて質問をする時のポイント](https://23251619.hs-sites.com/widget_pro_intern_1#headline5) | ## 01｜Widget 使いこなしてる？ --- Squad beyondでは、800種類以上の「Widget」というLP制作パーツを提供しており、これらを組み合わせることで簡単にLPを作成することができます。Widgetの作成リクエストは随時受付しており、無料で無制限に作成をしています。   ### ｜Widgetの使い方   | 1 | Squad beyondの管理画面にログインし beyondページを作成 | | --- | --- | | 2 | Widget管理をクリックし カテゴリーや検索でお好きなWidgetを追加 | ![image-1](https://23251619.hs-sites.com/hs-fs/hubfs/image-1.gif?width=750&height=378&name=image-1.gif) ### ｜Widgetを使いたいのに、使えない 「HTML・CSS・JavaScript...コーディングのこと全然分からないけど、LPを作りたい」と思ったことはありませんか？筆者も同じ経験をしています。Widgetを使って時短でLP制作をしたいのに、部分的な修正や動きの調整に手間取っています。 ▼ 筆者、ここで毎度タイムロスをしている... ![e165a83b46c3c1519996825e0c658568](https://23251619.hs-sites.com/hs-fs/hubfs/e165a83b46c3c1519996825e0c658568.gif?width=700&height=346&name=e165a83b46c3c1519996825e0c658568.gif) フリーチャットを利用すれば、CXが手順を教えてくれるので助かるのですが、営業時間（平日10時〜17時）以外はLPを制作することができません。 ▼ 参考記事 - [Widgetを余白を無くしたり、増やしたりしたい](https://knowledge.squadbeyond.com/edit-page/put-on-widget/margin) - [Widget内の文章の行間を変更したい](https://knowledge.squadbeyond.com/edit-page/put-on-widget/edit-letter) *![スクリーンショット 2023-08-08 19.24.53](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-08%2019.24.53.png?width=700&height=289&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-08%2019.24.53.png)*   ![b5c20e822d15388a6a97761d737e7495](https://23251619.hs-sites.com/hs-fs/hubfs/b5c20e822d15388a6a97761d737e7495.gif?width=334&height=148&name=b5c20e822d15388a6a97761d737e7495.gif) ### ｜速報：インターン生が1ヶ月でLP制作をマスター  そんな風に思っていた筆者に朗報が！なんと入社1ヶ月目・Web広告業界未経験の弊社インターン生が、自力でWidget修正を成功しているらしいんです。 ![スクリーンショット 2023-08-04 14.10.53](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-04%2014.10.53.png?width=750&height=142&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-04%2014.10.53.png) ![スクリーンショット 2023-08-04 14.01.00](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-04%2014.01.00.png?width=750&height=216&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-04%2014.01.00.png)   早速、どのようにプロに成長したのか聞いてみました。 ## 02｜html・cssを知らなくても、LP制作プロに ---   教えてくれた人 ### Mei. Ogura 交換留学先のアメリカのテキサスから帰国後、SIVAでインターンとして働いている大学3年生。コーディングの経験はほぼないが、わずか1ヶ月でLPの制作スキルを習得した期待の新人。SIVAの雰囲気を言語化するのが得意で、インターンブログは社内でも大人気。SIVAの雰囲気を的確に言語化した、インターンブログは社内で定評を得ている。 - **[帰国したくない、でもSIVAでインターンはしてみたい](https://note.com/mei_ogura/n/nc70b39429889)** - **[なぜSIVAでの「おしゃべり」はハイレベルなのか](https://note.com/mei_ogura/n/nb5a10e95f11d)**     ![スクリーンショット 2023-08-10 13.51.05](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2013.51.05.png?width=700&height=120&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2013.51.05.png) ![スクリーンショット 2023-08-10 16.28.40](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2016.28.40.png?width=900&height=182&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2016.28.40.png)   ![スクリーンショット 2023-08-10 13.52.09](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2013.52.09.png?width=700&height=120&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2013.52.09.png) ![スクリーンショット 2023-08-09 14.25.58](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-09%2014.25.58.png?width=900&height=177&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-09%2014.25.58.png) 　![スクリーンショット 2023-08-10 13.53.12](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2013.53.12.png?width=700&height=124&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2013.53.12.png) ![スクリーンショット 2023-08-09 14.27.17](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-09%2014.27.17.png?width=900&height=177&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-09%2014.27.17.png)   ![スクリーンショット 2023-08-10 13.53.48](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2013.53.48.png?width=700&height=124&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2013.53.48.png) ![スクリーンショット 2023-08-09 14.28.56](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-09%2014.28.56.png?width=900&height=173&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-09%2014.28.56.png)   ![スクリーンショット 2023-08-10 13.54.35](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2013.54.35.png?width=700&height=125&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2013.54.35.png) ![スクリーンショット 2023-08-09 14.30.09](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-09%2014.30.09.png?width=900&height=183&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-09%2014.30.09.png) ## 03｜【実績紹介】ChatGPTで解決できたWidget修正 ---   ### 文字間を狭めたい - **Before** ![スクリーンショット 2023-08-14 12.03.25](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-14%2012.03.25.png?width=300&height=98&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-14%2012.03.25.png) - **After** ![スクリーンショット 2023-08-10 17.22.13](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2017.22.13.png?width=300&height=98&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2017.22.13.png) --- - **Widget名** - フリガナを振る(文字) - **解決策** - [https://chat.openai.com/share/bef5d1ac-5bfc-4d1f-8ed0-8ee065cdb641](https://chat.openai.com/share/bef5d1ac-5bfc-4d1f-8ed0-8ee065cdb641) ### ページの横幅修正の方法を知りたい - Before ![スクリーンショット 2023-08-10 17.24.19](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2017.24.19.png?width=500&height=198&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2017.24.19.png) - After ![スクリーンショット 2023-08-10 17.24.32](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2017.24.32.png?width=500&height=219&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2017.24.32.png) --- - 該当Widget名 - よくある質問コンテンツ（アコーディオン）※要Javascript - 解決策 - [https://chat.openai.com/share/0e9dabdd-acd7-49eb-9058-93256a6474ed](https://chat.openai.com/share/0e9dabdd-acd7-49eb-9058-93256a6474ed) ### チャットの表示スピードを早めたい - Before ![78374c6080d235a8b17ef764cc9078fb](https://23251619.hs-sites.com/hs-fs/hubfs/78374c6080d235a8b17ef764cc9078fb.gif?width=300&height=239&name=78374c6080d235a8b17ef764cc9078fb.gif) - After ![7f85fc5cf3b28de45911bdc7c4a581f7](https://23251619.hs-sites.com/hs-fs/hubfs/7f85fc5cf3b28de45911bdc7c4a581f7.gif?width=300&height=239&name=7f85fc5cf3b28de45911bdc7c4a581f7.gif) --- - Widget名 - - 自動応答チャット形式アンケート（選択肢による回答・単一/複数選択・繰り返しの質問コンテンツ付き）※要javascript - 解決策 - [https://chat.openai.com/share/126b61ca-b50a-4cf7-8f3f-200bb6556726](https://chat.openai.com/share/126b61ca-b50a-4cf7-8f3f-200bb6556726) ### 数値の調整箇所を知りたい - Before ![スクリーンショット 2023-08-10 17.30.54](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2017.30.54.png?width=600&height=334&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2017.30.54.png) - After ![3e1a0ee5469f90810ff5e588543d4057](https://23251619.hs-sites.com/hs-fs/hubfs/3e1a0ee5469f90810ff5e588543d4057.png?width=600&height=336&name=3e1a0ee5469f90810ff5e588543d4057.png) --- - Widget名 - 入力すると計算結果が表示（計算結果を固定値にする）※要javascript(自動表示) - 解決策 - [https://chat.openai.com/share/349852ec-0bd7-4d4b-b047-804d8db96930](https://chat.openai.com/share/349852ec-0bd7-4d4b-b047-804d8db96930) ### カルーセルの下に表示されるドットをカードの下まで下げたい - Before ![87f9738fc99e99a395ae86b738efffa4](https://23251619.hs-sites.com/hs-fs/hubfs/87f9738fc99e99a395ae86b738efffa4.png?width=300&height=304&name=87f9738fc99e99a395ae86b738efffa4.png) - After ![2ff6d8752f0840f20c60e7fe2cf11264](https://23251619.hs-sites.com/hs-fs/hubfs/2ff6d8752f0840f20c60e7fe2cf11264.jpg?width=300&height=300&name=2ff6d8752f0840f20c60e7fe2cf11264.jpg) --- - Widget名 - カルーセル（クリエイティブエフェクト）※要javascript - 解決策 - [https://chat.openai.com/share/5c3a100f-b004-4579-9cc6-463baf902a52](https://chat.openai.com/share/5c3a100f-b004-4579-9cc6-463baf902a52)   ### カルーセルWidgetのスライドスピードを早めたい - Before ![b495947348bbd784f367f6e92eaee6de](https://23251619.hs-sites.com/hs-fs/hubfs/b495947348bbd784f367f6e92eaee6de.gif?width=300&height=295&name=b495947348bbd784f367f6e92eaee6de.gif) - After ![ba8dc07d06482cde7fdf4e96dc4f0fcb](https://23251619.hs-sites.com/hs-fs/hubfs/ba8dc07d06482cde7fdf4e96dc4f0fcb.gif?width=300&height=297&name=ba8dc07d06482cde7fdf4e96dc4f0fcb.gif) --- - 該当Widget名 - カルーセル※要javascript - 解決策 - [https://chat.openai.com/share/1767e526-875a-4524-8246-8c319314cd82](https://chat.openai.com/share/1767e526-875a-4524-8246-8c319314cd82) ### アンケートWidgetの文字色を変更したい - Before ![d2537abf6dd90e4905bf81a6aa29119e](https://23251619.hs-sites.com/hs-fs/hubfs/d2537abf6dd90e4905bf81a6aa29119e.png?width=300&height=340&name=d2537abf6dd90e4905bf81a6aa29119e.png) - After ![2a8c6a2aa62daa394253ef839c9eb543](https://23251619.hs-sites.com/hs-fs/hubfs/2a8c6a2aa62daa394253ef839c9eb543.png?width=300&height=341&name=2a8c6a2aa62daa394253ef839c9eb543.png)   --- - 該当Widget名 - 自動応答チャット形式アンケート（選択肢による回答・単一/複数選択・繰り返しの質問コンテンツ付き）※要javascript - 解決策 - [https://chat.openai.com/share/3af3d29c-74ab-4b5a-8966-2e69864d76e1](https://chat.openai.com/share/3af3d29c-74ab-4b5a-8966-2e69864d76e1) ### 矢印Widgetのサイズと色を変更したい Before ![b5c20e822d15388a6a97761d737e7495](https://23251619.hs-sites.com/hs-fs/hubfs/b5c20e822d15388a6a97761d737e7495.gif?width=300&height=133&name=b5c20e822d15388a6a97761d737e7495.gif) After ![9ef0dddd6965f5260ae1e3c822fcfeea](https://23251619.hs-sites.com/hs-fs/hubfs/9ef0dddd6965f5260ae1e3c822fcfeea.gif?width=300&height=197&name=9ef0dddd6965f5260ae1e3c822fcfeea.gif) ---   - Widget名 - 矢印2（上下に動く） - 解決策 - [https://chat.openai.com/share/575c558e-3d39-43fb-976e-e14edf7c6129](https://chat.openai.com/share/575c558e-3d39-43fb-976e-e14edf7c6129) ### 紙吹雪Widgetの使い方を知りたい ![c454d4c435fa50b9d91201fb51000f56](https://23251619.hs-sites.com/hs-fs/hubfs/c454d4c435fa50b9d91201fb51000f56.webp?width=300&height=165&name=c454d4c435fa50b9d91201fb51000f56.webp) --- - Widget名 - 紙吹雪-爆発・スクロール量で出現※要javascript(アクション) - 解決策 - [https://chat.openai.com/share/1478319e-c200-4354-b707-ebc889b267d3](https://chat.openai.com/share/1478319e-c200-4354-b707-ebc889b267d3)   ![スクリーンショット 2023-08-09 14.30.59](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-09%2014.30.59.png?width=900&height=176&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-09%2014.30.59.png) ▼ 参考記事 - [Widgetを余白を無くしたり、増やしたりしたい](https://knowledge.squadbeyond.com/edit-page/put-on-widget/margin) - [Widget内の文章の行間を変更したい](https://knowledge.squadbeyond.com/edit-page/put-on-widget/edit-letter) ## 04｜アカウント作成はわずか30秒で完了！ --- ![スクリーンショット 2023-08-10 13.55.13](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2013.55.13.png?width=700&height=126&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2013.55.13.png) ![スクリーンショット 2023-08-09 14.33.05](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-09%2014.33.05.png?width=900&height=179&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-09%2014.33.05.png)   ![スクリーンショット 2023-08-10 13.55.39](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2013.55.39.png?width=700&height=122&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2013.55.39.png) ![スクリーンショット 2023-08-09 14.34.02](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-09%2014.34.02.png?width=900&height=184&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-09%2014.34.02.png) ### ｜ChatGPTの利用方法 | 1 | [https://openai.com/blog/chatgpt](https://openai.com/blog/chatgpt) にアクセス | | --- | --- | | 2 | アカウントがない場合は「Sign up」を、ある場合は「Log in」をクリック | | 3 | 質問したい内容を入力し、送信してスタート | ## 05｜Widgetについて質問をする時のポイント --- ![スクリーンショット 2023-08-10 13.56.27](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2013.56.27.png?width=700&height=120&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-10%2013.56.27.png) ![スクリーンショット 2023-08-04 16.45.20](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-04%2016.45.20.png?width=750&height=227&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-04%2016.45.20.png) ![スクリーンショット 2023-08-09 14.35.00](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-09%2014.35.00.png?width=900&height=183&name=%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-08-09%2014.35.00.png) ### ![b5c20e822d15388a6a97761d737e7495](https://23251619.hs-sites.com/hs-fs/hubfs/b5c20e822d15388a6a97761d737e7495.gif?width=334&height=148&name=b5c20e822d15388a6a97761d737e7495.gif) ### **To be continued...** ▼関連記事 - [**【まずはコレ読んで】Squad beyondってどんなツール？**](https://23251619.hs-sites.com/what_is_squadbeyond) - [【ユーザーインタビュー】WordPressの4倍速で記事制作](https://23251619.hs-sites.com/mobilemovement) [![ブログCTA案](https://23251619.hs-sites.com/hs-fs/hubfs/%E3%83%96%E3%83%AD%E3%82%B0CTA%E6%A1%88.png?width=1500&height=500&name=%E3%83%96%E3%83%AD%E3%82%B0CTA%E6%A1%88.png)](https://lp.squadbeyond.com/download/vtzolnmytctnya) [![2](https://23251619.hs-sites.com/hs-fs/hubfs/2.png?width=1500&height=500&name=2.png)](https://lp.squadbeyond.com/download/creative-heatmap)   *Squad beyondのご利用には、アカウント開設が必要です。* *[![デモを依頼する](https://no-cache.hubspot.com/cta/default/23251619/0b35c6a6-3d16-4951-83e9-42a4fb2edaf8.png)](https://cta-redirect.hubspot.com/cta/redirect/23251619/0b35c6a6-3d16-4951-83e9-42a4fb2edaf8)* *お好きな時間を選んで、どんなことでもお気軽にご相談ください。* *（商談の設定、お見積もり依頼、サービスの簡単な説明 など）* [活用方法](https://23251619.hs-sites.com/tag/活用方法) [LP改善](https://23251619.hs-sites.com/tag/lp改善) [LP制作](https://23251619.hs-sites.com/tag/lp制作) ## Similar posts 活用方法 ### [【後編】インターン生が1ヶ月でLP制作をマスター？コツは◯◯の攻略だった](https://23251619.hs-sites.com/widget_pro_intern_2) ... yuiko 9 5, 2023 活用方法 ### [Widgetマスターへの第一歩｜修正相談・新規作成依頼の手順まとめ](https://23251619.hs-sites.com/squadvoice_widget) Squad beyondの機能の中でも、特に人気なWidget。今回はWidget修正（HTML・CSS・JavaScript）の方法・欲しいWidgetがある時の作成依頼の方法をまとめました。Widgetをマスターし、従来より倍速でLP制作ができるようになりましょう。 yuiko 9 13, 2023 活用方法 ### [デザイン紹介 - 矢印｜存在感は期待度と比例する](https://23251619.hs-sites.com/widget_introduction_12) Squad beyondの機能の中でも、特に人気なWidget。ブロックやパーツ単位のデザインパーツで、少しの調整で誰でも同じクオリティでLPを作成できます。今回は修正なしで誰でもすぐに使える「矢印Widget」を紹介します。 yuiko 9 13, 2023 ```json { "@context" : "https://schema.org", "@type" : "BlogPosting", "author" : { "@type" : "Person", "name" : "yuiko", "url" : "https://23251619.hs-sites.com/author/yuiko" }, "dateModified" : "2023-09-04T03:33:00.679Z", "datePublished" : "2023-08-15T10:06:15.000Z", "headline" : "【前編】インターン生が1ヶ月でLP制作をマスター？コツは◯◯の攻略だった", "image" : [ "https://23251619.hs-sites.com/hubfs/%E3%82%B9%E3%82%AF%E3%83%AA%E3%83%BC%E3%83%B3%E3%82%B7%E3%83%A7%E3%83%83%E3%83%88%202023-09-04%2012.31.41.png" ], "mainEntityOfPage" : { "@id" : "https://23251619.hs-sites.com/widget_pro_intern_1", "@type" : "WebPage" }, "publisher" : { "@type" : "Organization", "logo" : { "@type" : "ImageObject", "url" : "https://23251619.hs-sites.com/hubfs/SB_Logo_RGB_Symbol_Primary-4-1.png" }, "name" : "株式会社Squad" } } ```