code

code

【Shopify】新規登録画面から購入画面へリダイレクトする方法!【コピペ】

こんにちは、grandstreamです。 先日Shopifyの開発を行う中で、以下のような問題が生じました。 (※なお、Shopify buybutton.jsで、外部サイトと連携して開発しています。) カートに商品を追加 ↓ 購入ボタンを...
code

【Shopify】Storefront APIの使い方!【GraphQL】

こんにちは、grandstreamです。 今回は、Storefront APIを用いて、Shopifyストアのデータを取得する方法を解説します! なお本記事は、Storefront APIを初めて使用する方を対象にしています。 Storef...
code

【Shopify】BuyButton.jsの使い方をご紹介【シンプル】

こんにちは、grandstreamです。 今回は、Shopify BuyButton.jsの導入の仕方について簡単に解説いたします! Shopify BuyButton.jsを使うと何ができるのか? 簡単に言えば、自分のブログなどにShop...
code

【Shopify】StorefrontAPIでmetafieldを取得する方法!

こんにちは、grandstreamです。 今回は、ShopifyのStorefront APIを用いて、metafieldを取得する方法について簡単に解説したいと思います。 なお本記事は以下の公式ドキュメントを参考に作成しています。 デフォ...
code

vue-awesome-swiperでサムネイル付きスライダーを作成する【Vue.js】

こんにちはgrandstreamです。 今回は、vue.jsと併用できる「vue-awesome-swiper」を使用して、サムネイル付きのスライダーを作ってみたいと思います。 サムネイル付きスライダーのデモ動画 今回は下の動画のような、サ...
code

【JavaScript】ゲーム制作をしてみた⑤背景を描画【スーパーマ◯オ】

こんにちはgrandstreamです。 今回もJavaScript初心者である僕が、YouTube動画を見ながら「スーパーマ◯オ」を作成してみるシリーズをお届けします。 第五弾の今回は、背景(地面ブロック)を描画していきます。 なお、前回の...
code

【JavaScript】ゲーム制作をしてみた④クラス作成【スーパーマ◯オ】

こんにちはgrandstreamです。 今回もJavaScript初心者である僕が、YouTube動画を見ながら「スーパーマ◯オ」を作成してみるシリーズをお届けします。 第四弾の今回は、「おじさんクラス」を作成していきます。 なお、前回の記...
code

【JavaScript】ゲーム制作をしてみた③ジャンプ【スーパーマ◯オ】

こんにちはgrandstreamです。 今回もJavaScript初心者である僕が、YouTube動画を見ながら「スーパーマ◯オ」を作成してみるシリーズをお届けします。 第三弾の今回は、「おじさんをジャンプさせる」部分を実装していきます。 ...