javascript

javascript

チェックした要素の数をそれぞれカウントする動きを実装しました【javascript/Observer】

Observer(オブザーバー)の勉強として、チェックした要素の数だけカウントする動きを実装したのでメモ。例としてイン●タグラム風のページを用意しました(笑)。「いいね」や「ブックマーク」のアイコンをチェックすると、実行結果のアイコン...
2021.04.29
javascript

分割代入について調べました【javascript】

javascriptの分割代入について調べたのでメモ。 配列の分割代入 例えばこんな配列があるとします。 const user = ['user1234','tanaka','28']; この配列を分割代入...
javascript

ブラウザの「戻るボタン」を押した時、ポップアップを表示させる※離脱防止【javascript】

ブラウザの「戻る」ボタンをクリックした時にポップアップが表示されるようにしました。主に入力フォームでの離脱防止対策です。 完成したポップアップを確認する(デモ) 動作デモ 実際の動作はこちらで確認できます。遷移先...
2021.04.08
javascript

ブックマークレットでOGPタグを確認する【javascript】

OGPタグはページに表示されない裏側のタグです。そのためチェックがめんどくさいし、確認漏れも起こりやすいので『OGPタグ確認』ブックマークレットを作りました。 登録すればボタン一つでタグが確認できるので便利です! ブックマーク...
2021.04.05
javascript

FlexSliderの画像をjsonで読み込む【javascript/Fetch】

スライダー表示にjQueryプラグインのFlexSliderを使っているのですが、カスタマイズしたのでメモ。 作業した内容は次の通りです! を表示させる 画面が全て読み込まれるまでローディングアイコンを表示させる json...
2021.04.14
javascript

FlexSliderでローディングアイコンを表示させる【javascript】

スライダー表示にjQueryプラグインのFlexSliderを使っているのですが、カスタマイズしたのでメモ。 作業した内容は次の通りです! を表示させる 画面が全て読み込まれるまでローディングアイコンを表示させる(←今ここ...
2021.04.14
javascript

FlexSliderでカウントアップ(現在数/総数)を表示させる【javascript】

スライダー表示にjQueryプラグインのFlexSliderを使っているのですが、カスタマイズしたのでメモ。 作業した内容は次の通りです! を表示させる(←今ここ)(←今ここ) 画面が全て読み込まれるまでローディングアイコ...
2021.05.07
javascript

楽天の検索結果を取得してGoogleスプレッドシートに取り込む(スクレイピング)【GAS/JavaScript】

以前、VBAで楽天の検索結果を取得してエクセルに取り込みました。 今回、Googleが提供しているプログラミング言語であるGoogle Apps Script(GAS)での取得に挑戦しました。GASならinternet ...
javascript

getRangeメソッドでセルの範囲を取得する【GAS/JavaScript】

Google Apps Script(GAS)は、Googleが提供しているプログラミング言語です。自分は主にGoogleスプレッドシートを操作する為に使いますが、GmailやGoogleカレンダー、Googleフォームなど、Google...
javascript

live-serverをグローバルインストールする【javascript/npm】

live-serverとは簡易ローカルサーバーを起動できるnpmのパッケージです。開発環境を立ち上げるほどでもないときに、手軽に使えるので便利。 今回、live-serverをグローバルインストールしたのでメモ。 グローバルイ...