javascript javascript・jQueryでの実行タイミング
javascript・jQueryでの実行タイミング。既存javascriptをコピーして使い回すと、引っかかりがち。不具合があるとついつい、内側の処理を疑ってしまって、ここに気付くのが最後になったりして崩れ落ちるやつです。JavaScri...
inukai
javascript javascript リロードされてもjavascript変数を保持したい
ショッピングカートなどで、URLパラメータで情報を渡した先のページでリロードがかかっちゃって、パラメータ消え失せてしまう。そんな時に使えるのがこの仕組み。ページがリロードされてもJavaScriptの変数の値を保持しておくには、ブラウザのW...
javascript 要素の読み込みを待っての処理
動的要素に対する処理をしたい事が増えているけど、他の動的要素のタイミングだったりの条件で左右されたりと動的要素の出てくるタイミングってなかなか難しく。だからといって、サイトが重くなるような方法はなるべく避けたい。状況によって、適した方法を選...
Liquid {%-と{%の違い
久々にLiquidを使うと割と忘れているこの違い。大した話でもないのになぜ忘れるのかといつも思うのですが、忘れちゃうんだから仕方ない。メモ書きです。{%- と {% の違いは、「空白（改行やスペース）を削除するかどうか」です。一言で言うと、...
Google Google Colab、pythonでしたか
今まで、Google Apps Scriptはワシワシと使っておりましたが、Google Colabなる物には今日初めて触りました。株価情報の取得できるJ-Quants APIのクイックスタートで紹介されてて。うっすら横目に見たことはある気...
Google Site Kitの日本語化
非常に分かりやすくまとめてくれているサイトがありましたので、今後ドコを見れば良いのかの備忘録。umana様、分かりやすくまとめてくださって、ありがとうございます✨【サイトキット】プラグイン Site Kitを日本語に戻す方法 いつも「どうす...
javascript URLパラメータに+が含まれる場合
サイトのページ遷移の際に、URLパラメータで変数渡しを行ったところ、変数内に含まれていた+の文字がブランクになってしまった話。JavaScript// URLから 'product_id' パラメータを取得const urlParams =...
Liquid Liquid
昔（2020年頃かな？）、取引先に勧められてShopifyの『ShopifyPartnerBoot Camp』なるものを受講したことがありました。今は多分Shopify Academyというのだと思いますが、shopifyというECサイトの...
CSS clamp() を使ったレスポンシブなフォントサイズ指定
なんだかんだで使用頻度高いです。デバイスやブラウザのサイズが様々なので、表示崩れ防止にmax-widthを付ける事が多いです。そういう場合、最近はフォントサイズをCSSでレスポンシブにしています。以下の感じです。CSSfont-size: ...
javascript カウントダウン(本日終了まで)
なんだかんだ使う割にケースによっていろいろ気を遣うカウントダウン。本日終了まで（明日になるまで）のカウントダウン、っていうのもよく使うケース。 See the Pen カウントダウン(明日まで) by Chiaki Inukai (@ter...