やまどん

元製造業→Web制作💻 #デイトラ #cocomate 2期生 #codeups #ショップデュオ

[やまどん @yama_tten]

@cocoadepon 欲しいです！🤲

[ここあ😈😈 @cocoadepon]

最強Notionプレゼント配布!!

■クライアント管理
■案件管理
■売り上げ管理
■タスク管理
■品質チェックファイル
■メンバー管理
全てが管理できる最強Notionです！(最強かは知らん)

いいね！RT！ほしい！
で6/20まで順次配布します！

その後Noteにでもおいて有料にしちゃうので
今のうちにぜひGETしてね！

[やまどん @yama_tten]

@hachico_std はっちおめでとーー🗻🐯🍺
再生いいね🫡

[YUJI｜東南アジア式FIREが最強 @YUJI_MZTN]

🎁豪華特典の無料配布🎁

【1億人から80億人の世界へ】
2倍速で"資産"と"幸福"を最大化する
新時代の海外移住戦略の全て

🌏90分超の動画講義
🌏日本の未来 / 倍速の資産形成術
🌏業界初の海外移住の民主化
🌏感想ポストで追加特典多数

✅受取方法

フォロー&いいね&RTして

👇こちらの画像をタップ👇

[やまどん @yama_tten]

ここちゃ@cocoadepon さん
お誕生日おめでとうございます！🎉
今年もキラキラの1年になりますように🤘😎🤘

#ここちゃ生誕祭2024
#cocomate

[やまどん @yama_tten]

@Tjena_allihopa さんのShopify flowセミナー

flowとはなんぞや！の状態だったので、
今回ロッピスさんのセミナーで基礎から説明して頂き、flowの便利さを知りました👏

まずはテンプレートから少しずつ触って習得していこうかなと思います！
セミナーありがとうごさいました！

#ショップデュオ

[やまどん @yama_tten]

data-◯◯属性で文字を重ねて
色を変えることができる。めちゃ便利だ☺

#ショップデュオ

https://t.co/mlH59zw3eI

[やまどん @yama_tten]

#デイトラ
#エピソード

3年前Web制作を始めたての頃、
Twitterでお見かけして思い切って受講しました！
途中Web制作から離れたこともあったけど、今でもデイトラさんにはお世話になっています😌✨️

4周年おめでとうごさいます！😊

[やまどん @yama_tten]

Shopify

【チェックボタンで表示・非表示】
✔︎︎︎︎ if文の中に書く！
✔︎︎︎︎ schemaで設定したidを記述

{% if section.settings.check %}
//チェックした時は表示
{% endif %}

{
"type": "checkbox",
"id": "check",
"label": "タイトルを表示する"
}

#ショップデュオ
#デイトラ

[やまどん @yama_tten]

Javascript

【要素の取得】
const ✗✗ = document.querySelectorAll(".◯◯”)
→.◯◯というクラスを持つ要素全てを取得し✗✗に代入

【ループ】
for(let i = 0; i < ✗✗.length; i++)
→ iの値が✗✗の要素数より少なければループを続ける
→ i++でiの値を1ずつ増やす

#ショップデュオ
#デイトラ

[やまどん @yama_tten]

@Kyohei_On05 頻繁に起こると大変ですね😅

[やまどん @yama_tten]

Shopify

【ShopifyCLIで自動反映しない時】
✔︎︎︎︎ログアウト、再ログインする
✔︎︎︎︎Googleの履歴キャッシュをクリアする！
✔︎︎︎︎Shopify theme devで再度ブラウザと繋げる

無事、vscodeで編集しながら自動反映されました▶▶▶

#ショップデュオ
#デイトラ

[やまどん @yama_tten]

Shopify

【画像を取り込む時】

<img src="{{ section.settings.img | image_url: width:400 }}" alt="{{ section.settings.img.alt }}">

画像を呼び出す時はフィルターもセット！
✔ | image_url: width:400

altも設定する
✔ alt="{{ section.settings.img.alt }}"

#ショップデュオ
#デイトラ

[やまどん @yama_tten]

#311検索はチカラになる に参加しました。ヤフーやLINEで「3.11」と検索すると、LINEヤフーから、おひとりにつき10円が、東日本大震災および能登半島地震の復興支援のために寄付されます。#311これからもできること https://t.co/M6Q7xGTNwS

[やまどん @yama_tten]

@yko_mumumu ゆこさん、おめでとうございます🎉！

[やまどん @yama_tten]

Shopify

【使い回せるパーツが有るとき】
custom.cssを作り、共通クラスでスタイルを当てておく。
liquidファイルにcssファイルを呼び出したいとき
→ {{ 'custom.css' | asset_url | stylesheet_tag }}
liquidファイルの一番上に記述すると、cssファイルを呼び出せる。

#ショップデュオ
#デイトラ

[やまどん @yama_tten]

Shopify

【コレクションを取得したいとき】
✔ collections[“コレクションのハンドル名”]

ループ処理の前にassignで変数に格納すると書き方が楽。
✔ {% assign collection = collections[“コレクションのハンドル名”] %}

#ショップデュオ
#デイトラ

[やまどん @yama_tten]

@Kyohei_On05 何回か
あ、また消えた
ってなりました😂
気をつけて意識します笑

[やまどん @yama_tten]

【Shopify開発が終わったら】

ローカルで開発が終わったら、
✔︎︎︎︎まずdevelopment環境のデータをpullして引っ張ってくる！
pullせずにpushやdevしてしまうとデータが消えて、また管理画面で入力し直さないといけなくなる。ﾒﾓﾒﾓ

#ショップデュオ #デイトラ

[やまどん @yama_tten]

【Shopify環境準備】

・Shopify管理画面で新規ショップ作成
・GitHubでレポジトリ作る
・新規フォルダをvscodeで開く
・ターミナルにコマンドライン１つずつ入力
・GitHub にコミットプッシュ
・shopify theme devでローカル同期させる

#ショップデュオ
#デイトラ