peketaminのブックマーク - はてなブックマーク

普通のWebサイトをNuxt.jsで作り変えてみた話 | ARAKAZE NOTE
フレームワークはもはや流行りとか言うよりもひとつふたつは使っていて当たりまえ…みたいな雰囲気を感じる今日この頃ですが、受託制作で普通のWebサイトを作っていると普段の仕事では早々使う機会がないんじゃないかと思います。（僕だけですかね…？） Webサービスやゲームのように非同期で通信する要素があるわけでもなく、DBもなくページ内の物量も普通…そんな普通のコーポレートサイトやLPなんかを作るのにフレームワークはややオーバースペックに感じます。ついでにクライアントから「ちょっとならHTML触れるから自分で更新します」と言われた日には開発環境の導入自体のハードルが高く、そもそもhtmlじゃないフレームワークの導入なんて出来ません。今回はそんな風に「別に使わなくても仕事は出来るしなぁ」と腰が重かった自分が、自身のポートフォリオサイトをNuxtに作り変えてみた感想を書いていきます。 Nuxt.js
peketamin 2019/06/29
リンク
最後までスクロールしたら処理を実行させる jquery.bottom.js の使い方 | あらかぜ手帖
jQuery.Bottom ページを最後までスクロールさせたら、何らかの処理を行いたいときに使えるプラグインです。ツイッター等のSNSでよく見られる自動ロードや、最後までスクロールしたら現れるトップへもどるボタンなど、色々とお世話になることが多そうです。こちら自分のフォトギャラリーを作るときに利用させてもらいました。用意するもの用意するものは、jQueryとjquery.bottom.jsの２つです。この他に、最後までスクロールしたときに発生させたいイベント用のjsも必要なことが多いかもしれませんね。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.bottom-1.0.js"></script> 基本的な書き方記述自体はシンプルで
peketamin 2014/07/16
リンク
jQueryで、順番に実行が出来る .when() から .done() が便利だったのでメモ | ARAKAZE NOTE
JavascriptやjQueryを書いていると、「この処理がちゃんと終わってから、こっちの処理を始めたい！」って場面に結構遭遇するのではないかと思います。特にアニメーションを作っているときによくあるのではないでしょうか。コールバック関数を設定出来る処理なら簡単なのですが、それがないものも結構あったりします。僕が困ったのは.html()や.ajax()でした。なんかいい解決策は無いかなーとググってみたところ.when().done()という処理の仕方が良さげだったので使ってみたらばっちりでした。 .when()には先に終わらせたい処理を書くざっくりとした説明の仕方をすると、.when()には先に完了させたい処理をまとめて書いておきます。例えば、“横に移動したら、フェードアウトする”みたいな事をしたい場合、“横に移動したら”の部分を.when()の中には書きます。（まあ、そんな簡単な動
peketamin 2014/06/03
リンク
1