【JavaScript】スクロールして各要素が現れたりした時に何らかの処理をするスクリプトを良い感じに書きたい。

画面をスクロールした時に、下から要素が現れたり、
その要素が画面の上部にたどり着いた時に何らかの処理をする、
という事をする時がたまにあります。

この処理をカッコ良く書くにはどのように書けばいいだろうかと思い、
色々と試してみました。

もっと正解はあるかとは思いますが、
僕のレベルとしては割りとシュッとしたコードが書けたんじゃないかなと思っています。

目標としては、

  • 汎用性のあるコード
  • 管理しやすいコード
  • グローバル変数をできるだけ少なく
  • メモリ消費を少なく、処理をできるだけ軽く

こんな感じの目標を立てて考えてみました。

続きを読む

【JavaScript】Chromeの最新版(61)から画面スクロール量を取得する要素がdocument.bodyじゃなくてdocument.documentElementに変わっていた事を知った。

タイトルが長くてすいません。 概要を全て詰め込みました。 タイトル通り、Chromeの最新版(61)から、JavaScriptで画面スクロール量(画面スクロールの位置)を取得できる要素が、 document.bodyじゃなくてdocument.documentElementに変わっていた事を知りました。 あるサイトの公開日に、クライアントのChromeは最新版、自分のChromeは最新版じゃない状態で、 自分の環境では問題なく動くのにクライアントの環境では全く動かないという事態が起こり、ものすごく焦りました。 ユーザーエージェントでスクロール量を取得する要素を判別している場合、この悲劇が起こり […]

続きを読む

さくらとかロリポップでGitを設定して更新する方法のメモ

さくらやロリポップのスタンダードプランとかでもSSH接続とか出来ることを恥ずかしながら最近になって知った人間です。

今まであまりGitとか積極的に使おうとしていなかったのですが、
仕事環境の変化とかもあり、今後頻繁にGitを活用していく事になりそうなので、
共用レンサバにGitを設定する手順を覚えておくための、割りと個人的なメモを記します。

ローカル環境はMac。GitクライアントはSourceTreeを使用しています。

続きを読む

Macbook Pro用にInkletとPogoペンを購入してみた

LINEのクリエイターズスタンプとかを一回ぐらい作ってみたいなーという思いから、
現在の作業環境でお手軽にお絵かきが出来る環境を作るには何が良いか色々探してみた所、
Macのトラックパッドをペンタブレットの用に使える「Inklet」というアプリがある事を知りました。
このお手軽感は有り難いと思い、早速導入してみましたので、失敗した事とか躓いた所なんかを書きたいと思います。

ちなみにお絵かきに関してはまだまだこれからですので、
購入から設定までの紹介しかできません。

続きを読む