ブックマークレットを使おう！

Transcript

1. ブックマークレットを使おう！
   株式会社SmartHR プロダクトエンジニア
   宮脇 駿
   #ハードル激低LT大会ッ！ 2023/02/22 (水)
   

   View Slide

2. ハードル激低ポイント
   出てくるコードは2行だけです
   #ハードル激低LT大会ッ！ 2023/02/22 (水)
   

   View Slide

3. ブックマークレット使ってますか？
   #ハードル激低LT大会ッ！ 2023/02/22 (水)
   

   View Slide

4. ブックマークをクリックするとJavaScriptが動きます
   #ハードル激低LT大会ッ！ 2023/02/22 (水)
   

   View Slide

5. 作り方はブックマークのURLにスクリプトを書くだけ
   javascript:(function(){alert('hello world')})()
   #ハードル激低LT大会ッ！ 2023/02/22 (水)
   

   View Slide

6. つまり、Chrome拡張を作らなくてもお手軽に便利機能が
   作れる！
   #ハードル激低LT大会ッ！ 2023/02/22 (水)
   

   View Slide

7. よく使うブックマークレット
   #ハードル激低LT大会ッ！ 2023/02/22 (水)
   

   View Slide

8. HTML上の文字を自由に書き換える
   資料用のキャプチャを撮る際などに手直しをするのに便利
   javascript:(function(){document.designMode = 'on'})()
   参考：https://developer.mozilla.org/ja/docs/Web/API/Document/designMode
   #ハードル激低LT大会ッ！ 2023/02/22 (水)
   

   View Slide

9. 便利なブックマークレットを見つけたら周りの人に共有し
   て、みんなで幸せになろう！
   #ハードル激低LT大会ッ！ 2023/02/22 (水)
   

   View Slide

10. おわり
    #ハードル激低LT大会ッ！ 2023/02/22 (水)
    

    View Slide