【note風サイト】XDデザインカンプ 無料プレゼント

XDデザインカンプとその他のデータを下記にまとめていますので、ダウンロードしてご利用ください。

目次

XDデザインカンプ

XDデザインカンプは下記からダウンロードしてください。

ダウンロード

完成イメージ

完成イメージです。

▼PC表示

▼スマホ表示(※繰り返し部分は一部省略しています。)

素材

素材は下記からダウンロードしてください。
※デザインイメージで使用しているフリー素材は再配布できない為、同じサイズのグレー画像に置き換えています。

素材をダウンロード

ソースコード

完成版のソースコードは下記からダウンロードしてください。

ソースコードをダウンロード

解説

レイアウト構成とコーディングの解説は、こちらのnoteの記事を参考にしてください。

コーディング解説

終わりに

コーディング学習中の方は、進捗を #codejump でシェアしてくださいね!

毎日、いいね!で応援します!