kanazawa.rb meetup #78でもくもくしてきた

行ってきた

kanazawa.rb meetup #78に参加してもくもくしてきました。

kzrb.doorkeeper.jp

やったこと

  • はてなブログのNakedテーマに利用されていたjQuery記述を殺した

はてブテーマのnavにjquery使われててるがclickがSPで動いてないなー。
素のjsで書き直すかー

— (っ’-’)╮ =͟͟͞͞  ʌǝp-xn@ɐʍɐʞɐuıɯ (@yu_kgr) 2019年2月16日

内容

このブログで利用されて頂いている下記のテーマなのですが、

blog.hatena.ne.jp

ナビゲーション部分の実装がjQueryで記載されており、iOSの場合は動作しなかったので、 Vanilla.jsにて書き直した(Windowをリサイズした際の処理は別にいらんだろうというコトで削除した)

theme-naked.hatenablog.jp

書き直したコードはこんな感じです。 (本当はGithubに上げたかったけど、はてなのテーマをいじる時の仕様上べた書きだったので)

# Before

# After

得たもの

  • 学習内容を雑にアウトプットした
  • JavaScriptのclassListとquerySelectorとaddEventListenerがあればjQueryとある程度戦える自信
  • iOSでもナビゲーションが動くようになった

がんばったで賞