タグ

ブックマーク / arakaze.ready.jp (2)

  • 普通のWebサイトをNuxt.jsで作り変えてみた話 | ARAKAZE NOTE

    フレームワークはもはや流行りとか言うよりもひとつふたつは使っていて当たりまえ…みたいな雰囲気を感じる今日この頃ですが、受託制作で普通のWebサイトを作っていると普段の仕事では早々使う機会がないんじゃないかと思います。(僕だけですかね…?) Webサービスゲームのように非同期で通信する要素があるわけでもなく、DBもなくページ内の物量も普通…そんな普通のコーポレートサイトやLPなんかを作るのにフレームワークはややオーバースペックに感じます。 ついでにクライアントから「ちょっとならHTML触れるから自分で更新します」と言われた日には開発環境の導入自体のハードルが高く、そもそもhtmlじゃないフレームワークの導入なんて出来ません。 今回はそんな風に「別に使わなくても仕事は出来るしなぁ」と腰が重かった自分が、自身のポートフォリオサイトをNuxtに作り変えてみた感想を書いていきます。 Nuxt.js

    普通のWebサイトをNuxt.jsで作り変えてみた話 | ARAKAZE NOTE
  • Javascriptでスクロールを一時的に禁止する方法(PC・スマホ対応) | ARAKAZE NOTE

    Photo by フリー写真素材ぱくたそ 今回紹介するのはJSでスクロールを一時的に禁止する方法です。 以外と使う機会多いんですよね。 「このライトボックスを開いた際はページのスクロールは止めたい…」 「このスマホサイト、このメニューを開いた場合はスクロールされないようにしたい」 「または、全体はスクロール禁止で指定オブジェクトのみスクロールさせたい」 制作しているとこんな要望を聞くことがたまにあります。 やり方忘れた頃にぽろぽろと出現するのでメモしておこうと思います。 ちなみに生のJSで書くのは手間なのでjQueryは使います。 スクロールイベントを取得して何もしなければいい やり方は単純で、mousewheelやtouchmoveとかに”何もしないイベント”を追加すればいいのです。 PCは色々あるマウスホイールイベントをまとめて指定、スマホの方はtouchmoveにスクロール禁止のイベ

    Javascriptでスクロールを一時的に禁止する方法(PC・スマホ対応) | ARAKAZE NOTE
  • 1