jQueryについての記事

Vue.jsとjQueryの違い

Vue.jsとjQueryの違いについて見ていきます。 手続的か宣言的か jQueryは手続的であるのに対して、Vue.jsは宣言的です。 シンプルな例 例えば、入力した文字がすぐ下に追加されるというシンプルな例を見ていきましょう。 以下のデモでは、aと入力して追加ボタンを押すと、すぐ下にaと表示されるのが...

Vue.jsとjQueryの違いについて見ていきます。 手続的か宣言的か jQueryは手続的であるのに対して、Vue.jsは宣言的です...

途中でヘッダーの高さが変化して固定される動き

ローカル環境で、スクロールすると途中でヘッダーの高さが変化して固定される動きを作成しました。 作成したヘッダーの動き PCで、スクロール量がヘッダーの高さを超えるとヘッダーがゆっくりと下がって、固定される動きを作成しました。 スクロール前 スクロール量がヘッダーの高さを超えた後 ヘッダーの動きの作成方法 ...

ローカル環境で、スクロールすると途中でヘッダーの高さが変化して固定される動きを作成しました。 作成したヘッダーの動き PCで、スクロール...

スクロールを促すアニメーション

こちらのサイトを参考にスクロールを促すアニメーションをトップページに実装したので、それについて書いていきます。 追加した後のイメージ このように下スクロールを促すマークが追加されました。 トップページで確認できます。 追加する前のHTML 下スクロールを追加する前のHTMLは以下のようになっていまし...

こちらのサイトを参考にスクロールを促すアニメーションをトップページに実装したので、それについて書いていきます。 追加した後のイメージ こ...

YouTubeのポップアップモーダルを作成する方法

現在取り組んでいるLPコーディングで、YouTubeをポップアップモーダルで表示するという仕様を実現したので、それについて書いていきます。 「modaal」というモーダルウインドウのプラグインを使用しました。 デモサイト デモサイトはこちらです。 デモサイトにある画像をクリックすると、以下のような、YouTube...

現在取り組んでいるLPコーディングで、YouTubeをポップアップモーダルで表示するという仕様を実現したので、それについて書いていきます。 「...

LPコーディングで使用した「jQuery」

先日、クラウドワークスの「XDデータからのLPコーディング案件」に応募したところ、ありがたいことに、ご依頼いただけました。 納品完了したので、今回使用した技術について書いていきます。長くなりそうなので、今回は、jQueryに絞って書いていきます。 ページスクロール ナビゲーションをクリックしたときに、特...

先日、クラウドワークスの「XDデータからのLPコーディング案件」に応募したところ、ありがたいことに、ご依頼いただけました。 納...

ランダムに表示される記事

単身引越しのおすすめ業者を紹介します

私は29歳男性で現在(2022年10月30日)一人暮らしをしていますが、11月18日までに引っ越しをする予定があります。 なので、実体験を踏まえた記事を書けると思いました。 この記事では、3つの引越し業者に見積もりを取ってみて分かったことを書いていきます。 荷物の量 ざっと家の...

私は29歳男性で現在(2022年10月30日)一人暮らしをしていますが、11月18日までに引っ越しをする予定があります。 なので、実体験を踏ま...

NOISE MAKERのLAST FOREVERについての考察

NOISEMAKERは、独特のアーティスティックな音楽が魅力的なロックバンドです。 先月あたりに新曲のLASTFOREVERがリリースされていました。 この曲の歌詞やメッセージを完全には理解しきれていないので、この記事を書く過程で理解していきたいと思います。 YouTube 以下のMVがYouTubeに上がってい...

NOISEMAKERは、独特のアーティスティックな音楽が魅力的なロックバンドです。 先月あたりに新曲のLASTFOREVERがリリースされてい...

引っ越しでやることと、その期限をまとめてみた

11月18日に、今住んでいるところを退去して実家に引っ越しを行いました。 せっかくなので、引っ越しでやることについてまとめてみたいと思いました。 参考としてお伝えしておくと、私は一人暮らし男性です。 やるべきことの一覧 私(単身一人暮らし・移動先は実家)の場合、引っ越しでやるべきことはこちらでした。 退去...

11月18日に、今住んでいるところを退去して実家に引っ越しを行いました。 せっかくなので、引っ越しでやることについてまとめてみたいと思いました...

すべての記事はこちら

年月アーカイブ

  • 2023年12月 (1)
  • 2023年11月 (24)
  • 2023年10月 (7)
  • 2023年9月 (24)
  • 2023年8月 (33)
  • 2023年7月 (12)
  • 2023年6月 (22)
  • 2023年5月 (5)
  • 2023年4月 (20)
  • 2023年3月 (6)
  • 2023年2月 (18)
  • 2023年1月 (25)
  • 2022年12月 (34)
  • 2022年11月 (42)
  • 2022年10月 (14)
  • 2022年9月 (11)
  • 2022年8月 (11)
  • 2022年7月 (7)
  • 2022年5月 (23)
  • 2022年4月 (19)
  • 2022年3月 (12)
  • タグ