javascript

javascript

javascriptで無限ループスライダーをつくりました【javascript/jQuery】

javascriptで横に流れるスライダーを作成しました。jQueryのプラグインを使えば比較的簡単に作れます。スライダープラグインで有名な「slick」を使って実装しました。 今回、クリックした画像をモーダルウィンドウで大きくする...
2020.02.18
javascript

なんちゃってまるばつゲームをつくりました【Javascript】

ウェブページで遊べる「なんちゃって○×ゲーム」をつくりました。HTMLとCSSで表示部分を作成し、動きはjavascriptで実装しました。マス目をクリックしたら〇か×が表示されるだけのシンプルなものです。機会があれば勝敗の判定をつけたい...
css

CSSとJavascriptでカードスタイルのリストをつくる【javascript/CSS】

ブログの記事一覧でよくみかけるカードスタイルのリストを作成したく、今更ながらFlexboxでレイアウトを組んだのでメモ。
2020.02.03
javascript

レスポンシブデザイン javascriptでウィンドウのリサイズを検知する【javascript/jQuery】

レスポンシブページを作成するとき、javascriptで動的に切り替えるときによく使うコードなのでメモ。最近はCSSでもいろいろできるみたいですが。 $(function() { let timer = false; let ini...
2020.02.20
javascript

ブックマークレットで楽天のPC版とスマホ版を切り替える【javascript】

楽天RMSで商品を登録して、スマホ版のページをチェックしたい!って時に使えるブックマークレット
2020.02.10
javascript

ブックマークレットで本番環境とテスト環境のURLを切り替える【javascript】

今回はWEB制作でよくあるテスト環境と本番環境のURL切り替えを、ブックマークレットで実装したのでメモしときます。※動作確認はChromeのみです。 ブックマークレットとは 気に入ったウェブサイトをブラウザのお気に入りに登録すると、通常そ...
2020.02.20
javascript

ブックマークレットでテスト環境のタグが入っていないか確認する【javascript】

がんばって制作したウェブページをついに本番公開!なのにうっかりテスト環境の測定タグを入れちゃってた!!ってことないですか? 私はあります。。 最近ではGoogleタグマネージャーをはじめとするタグ管理サービスがあるので、そういった事故は...
2020.02.05