『Shopify x JavaScript を学ぶ』 Vol.2 JavaScriptを使って使って使う UI実装編　#ShopifyJS [テキストのみ講座]

デイトラポケット Verified independent store

→

構成としてはこのようになっています。 - ShopifyJS 第2弾 のUI実装 制作物- JavaScript 超重要なところ基礎 5個だけ！ [第二弾版]- JavaScript でUI実装 [自分で実装]- JavaScript でUI実装 [ライブラリ使用で実装]- JavaScript でUI実装 [ライブラリ+自分で実装] の雰囲気 実際にどのよ うな実装をしていくんだろう？あまりイメージ湧かないですよね。こんなの作るよ！というのがあった方が分かりやすいと思うので、早速今回の講座で作る UI一覧をみていきましょう💪 Shopify UI実装① トップへ戻るボタン Shopify UI実装② ファーストビューに時差式で順番に画像を表示していく Shopify UI実装③ 画像フェード切り替えセクション Shopify UI実装④ スライダーセクション Shopify UI実装⑤ スライダーセクション（自動再生&ふわっと） Shopify UI実装⑥ ドラッグで流れるスライダーセクション Shopify UI実装⑦ スクロールでふわっと表示 Shopify UI実装⑧ タイピングしている風にテキスト表示 Shopify UI実装⑨ スライダーやタイピング風、ふわっと表示を使ったFVセクション どうだったでしょうか？？こんなの作れるのか！とワクワクしてくれましたか？ ちなみに全て Shopify用のセクションコードとして書いていくので、コピペで実務で使っていただいて問題ございません！ ※1 ちなみに、この記事では AI を使ったアイデアの壁打ちはしましたが、全て自分の知識で 一語一句 自分でキーボードを叩いて書いていますのでご安心を。 ※2 今回は実務で使えるセクションが9つあるため、1セクション1,500円(税抜) を想定した金額とさせていただいています。 Show more