2016年3月5日に開催されたFRONTEND CONFERENCE 2016 の懇親会でキタジマさんがされた「デザイナーとプログラマーの72時間戦争」対抗LTのスライドです。本編LTはコチラ → http://www.slideshare.net/mignonstyle/72hourswar-designersxprogrammers

1. ∼ デザイン脳 × プログラミング脳 ∼
デザイナーとプログラマーの 72 時間戦争 - キタジマタカシ ver. -
Mignon Style

2. プログラマー
KT さん（仮名）

3. このお話はフィクションです。
実在の人物・団体などとは
一切関係ありません。

4. jQuery の実装
お願いします！

5. トップへ戻る
ボタン！！

6. いいですよー

7. トップへ戻るボタン
なら簡単だし

8. スクロールしたら下の方にボタンが
ふわっとでたらいいだけでしょ
らくしょー（はなほじー

9. わぷーがふわっと出てきて
ゆっくりついてきて
ふわふわする感じの！！
わぷーボタン

10. わぷーがふわっと出てきて

11. ふわっと？

12. 「ふわっと」って
どんなん？？

13. スクロールに付いてくる…？？

14. 最初にどのようにだせばよいのか
画面表示した瞬間？
ちょっとスクロールしてから？
スクロールに付いてくるなら
最後は一番下に固定で良いの？
・
・
・
・

15. 「ゆっくり」って
速度は？？

16. ゆっくりはわかる
でも僕のゆっくりのほかの人の
ゆっくりは違う
作った後で修正が入るくらいなら
作る前にしっかりつめたい
・
・
・
・

17. スクロールの動きは
このデモページみたいに
お願いしますー

18. このデモページ

19. 実装が全然
違いますよね

20. えっ?

21. 提示いただいたデモページだと、スクロールバーの位置はあまり関係なく、
スクロールが 0 のときはブラウザ上辺から100px、
それ以外のときはブラウザ上辺から 70px の位置まで遅れてスクロールしてきて固定される、
ではないですか？なので、例えば少しだけスクロールして「Floating Box」の文字が
ブラウザ上辺にくるくらいの場合はスクロールバーの上辺より Sidemenu の位置が下になっています。

22. 今回の pagetop の場合はページ最下部にいったときは最下部に固定、
ページ最上部にいったときはわぷーが画面外に外れる位置まで動いて固定、
というふうにブラウザ上辺から⃝px・ブラウザ下辺から⃝px というわけではないので、
もう少し動きを細かく検討しないといけないような気がします。

23. 僕が難しく考えすぎているだけの可能性も高いので、
スクロール位置を何箇所が区切って
その場合のわぷーの位置を示した仕様書などがあるとたすかります

24. 最初にどのようにだせばよいのか
画面表示した瞬間？
ちょっとスクロールしてから？
スクロールに付いてくるなら
最後は一番下に固定で良いの？
・
・
・
・

25. どうして
こうなった？

26. デザイン脳

27. そのためには
どうすれば？

28. 仕様書が
あると
わかりやすい！！

29. Win-Win な
関係を

30. https://github.com/WordBash/kyoto-vol1/issues/21

31. http://inc2734.github.io/basis/