はにわまん

JavaScriptでイベント(クリックやスクロール等)を登録する方法と主要イベントまとめ

JavaScriptでイベントを登録する方法です。jQuery時代は登録している意識があまりなかったかもしれませんが、JavaScriptの場合は意識的に登録しないとイベントとして動かすことができませ…

JavaScriptで親要素・子要素・兄弟要素の取得と追加や削除する方法まとめ

JavaScriptで相対的な要素を取得する方法をまとめます。具体的には親要素、子要素、兄弟要素の取得方法となります。 整理しておかないと忘れがちなので、もし忘れたらこの記事に戻ってきてもらえたらと思…

ホームページでありがちなアニメーションをWebflowで実現してみる

Webflowはホームページをコーディングなしで作成できるNoCodeツールです。一般的にホームページは、HTMLとCSS、JavaScriptの3つの技術によって構成されていますが、Webflowを…

【コーダーから見たWebflow】実務レベルのホームページも実現可能なNoCodeツール

コーディングせずにホームページが作成できるNoCodeツールであるWebflowを触った感想です。わたしはフリーランスのWebコーダーとして約2年ほどHTMLやCSSのコーディング業務をしているのです…

【初心者向け】BASEから商品データをShopifyに移行(引っ越し)する手順

BASEからShopifyへ商品データを移すときの流れを紹介します。ざっくりした流れとしては、BASEは商品データをCSV形式でダウンロードできるので、それをShopify用のCSVデータに直してSh…

Shopifyで商品を並び替える仕組みとJavaScriptで動的にソートする方法まとめ

Shpifyでは商品一覧はURLのパラメーターで並び替えができるようになっています。この記事では どういった並び替えの方法があるのか ドロップダウンリスト等から動的に変更する方法 タグで絞り込む方法 …

【どちらを選ぶ?】ShopifyとBASEを比較して選ぶ基準をまとめました

国内でネットショップを開設しようと検討したときにまず出てくるのはBASEかと思います。一方の海外ではShopifyが選択肢に上がりやすいです。 Shopifyは2018年に日本に参入して以来、どんどん…

Shopifyテーマのカスタマイズ項目を作成する方法

Shopifyテーマには、ユーザー自身がサイトのテキストやデザイン、配置等を自由に設定できる「カスタマイズ」と呼ばれる機能が備わっています。大きく分けると2つのカスタマイズがタブで分かれていることが分…

Shopifyカスタマイズには欠かせないLiquid言語の基本構文のまとめ

Shpifyのテンプレートを編集際に馴染みのないliquidという言語に出会うかと思います。他のプログラミング言語をかじった方でしたらすぐ理解できるかと思いますが、liquidなりの書き方のルールが決…

Shopifyスターターテーマの導入と各テンプレートの役割を理解する

この記事では自作テーマの方法について紹介していきます。自作のテーマを使う機会はShopidyだとあまりないかもしれませんが、例えば以下のようなケースで疲れることも考えられます。 他のネットショップから…