Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

yamish
February 22, 2023

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

yamish

February 22, 2023
Tweet

More Decks by yamish

Other Decks in Programming

Transcript

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide