【HTML/CSS・XD/Figma】飲食店向けWebデザイン・コーディング：プラン3（フルセット）
- ダウンロード商品¥ 3,480
# 【はじめに】 Webテンプレートをご検討いただきありがとうございます。 本データは、Webサイト制作の参考としてご利用いただけるデザインテンプレートです。 収録内容や使い方、注意事項について記載しておりますので、ご購入前にご確認ください。 🎁【プラン3：デザイン＋構築データ（フルセット）】 通常価格4,480円のところ、今だけ3,480円（1,000円引き・約22%OFF）でご提供中です。 デザインデータ（Adobe XD / Figma）からレスポンシブ対応のコーディングデータまで揃ったフルセットプラン！ ※丁寧な制作を心がけておりますが、万が一ファイル等に不備があった場合は、 お手数ですがメッセージにてご一報いただけますと幸いです。（※個別のデザイン編集方法や操作方法のサポートは行っておりませんのでご了承ください） ・Adobe XD用デザインデータおよびFigma用SVGデータ（PC版・スマホ版）を収録しています。 ・HTML/CSS/JavaScriptなどのコーディングデータ一式も含まれており、デザインから実装まで効率よくWebサイト制作を進められます。 ・CSSには分かりやすいよう多めにコメントを記載しているほか、無限ループスライドやサムネイル画像切り替えなどの実用的なjQuery実装も含まれています。 ・ご自身のWebサイト制作はもちろん、デザインから実装までトータルで効率化したいクライアント案件にもご活用いただけます。
① こんな方にオススメです
・デザインデータ（Adobe XD / Figma）とコーディングデータの両方をまとめて手に入れたい方 ・デザインの調整からコーディング・実装までを効率よく進めたい方 ・実装済みのコードやデザインの土台を参考にしながら、Webサイトを制作したい方
② フォルダの中身について
・01_Adobe-XD/：Adobe XD用のデザインデータです。 ・02_Figma-SVG/：FigmaへインポートするためのSVGデータです（PC版・スマホ版の各ページを収録しています）。 ・web/：HTML、CSS、JavaScriptなどのコーディングデータ一式が入っております。 ※本プランは、デザインデータとコーディングデータの両方が揃った「フルセット」のプランとなります。
③ 実装されている機能・参考ポイント
・完成デモサイト（トップページ） https://shu-naka-blog.com/web/template-shu/index.html ・無限ループスライドの解説記事 https://shu-naka-blog.com/website/infiniteslidev2/ ・サムネイル画像切り替えの解説記事 https://shu-naka-blog.com/website/jquery-thumbnail-change/ ・Adobe XDをお持ちの方は、01_Adobe-XD内のデータをそのままご活用いただけます。 ・Figmaでデザインを進めたい方は、02_Figma-SVG内のSVGデータをFigmaへインポートしてご利用ください。 Figmaへのインポート手順や移行時の注意点については、以下のブログ記事をあわせてご参照ください。 参考記事：【Adobe XD】XDデータをFigmaに移行・変換する方法（SVG書き出し手順） https://shu-naka-blog.com/point/xd-to-figma-svg/ ※インポート用のSVGデータは本パック内にあらかじめ含まれております。
④ 実装されていないもの・注意事項について
・本データに含まれる画像やテキストは、レイアウトや構成を確認するためのラフ画像・ダミーテキストです。 実際のWebサイト制作に使用する際は、必要に応じて画像やテキストを差し替え・調整してください。 ・簡易的なフォームのHTML/CSSレイアウトは作成しておりますが、送受信を行うPHPファイルは同梱しておりません。 実際にフォーム機能をご利用の際は、Googleフォームの埋め込みや、別途PHPプログラムなどをご自身でご用意・導入ください。 ・「個人情報保護方針に同意する」の「個人情報保護方針」ページは、別途作成いただく必要があります。 ・実際にコーディングを行う際は、ブラウザの仕様やテキスト量などの影響により、デザインデータと実際の表示に差異が生じる場合があります。 必要に応じて微調整の上、ご利用ください。
⑤ 動作環境・対応ソフトについて
・Adobe XD・Figma、およびHTML/CSSデータは、それぞれ対応するソフトウェア・ブラウザ環境でご利用ください。 ソフトウェアのバージョンやご利用の環境によっては、一部の表示や挙動が異なる場合があります。 ・本テンプレートは、すべてのブラウザ・端末での完全な表示や動作を保証するものではありません。 【使用Webフォントについて】 本テンプレートでは、以下のGoogle Fontsを採用しています。 ・日本語フォント：Noto Sans Japanese ・英字フォント：Lato ※コーディングデータに適用済みのほか、ご自身の環境に合わせて自由に変更してご利用いただけます。
⑥ データの取り扱い・免責事項
・本データは、購入者ご自身の責任においてご利用ください。ご利用環境や編集内容によって生じる表示の違い、データの破損、その他の不具合に備え、編集前のデータをバックアップしておくことをおすすめします。 ・本テンプレートのカスタマイズ方法に関する個別のお問い合わせや、サポート対応は行っておりません。あらかじめご了承ください。
⑦ 禁止事項について
本データの全部または一部を、第三者への再配布・譲渡・転売することは禁止しております。 また、本データをそのまま、または一部改変して、テンプレート・素材集などとして再販売・再配布する行為も禁止しております。 なお、本データを使用したWebサイトの制作・公開など、商用利用およびクライアント案件での利用は可能です。