Save 37% off PRO during our Black Friday Sale! »

勝手にサービスをカスタマイズ、簡単な仕事効率化術 / Improve productivity

6e4c7cb36e31e3b871f3ae0c83ac8110?s=47 shoito
September 03, 2019

勝手にサービスをカスタマイズ、簡単な仕事効率化術 / Improve productivity

Chrome拡張を作って/使って勝手にサービスをカスタマイズ、簡単な仕事効率化術。

6e4c7cb36e31e3b871f3ae0c83ac8110?s=128

shoito

September 03, 2019
Tweet

Transcript

  1. উखʹαʔϏεΛΧελϚΠζɺ ؆୯ͳ࢓ࣄޮ཰Խज़ !TIPJUP 2019/09/03

  2. ҏ౻঵!TIPJUP 4PGUXBSF&OHJOFFS ΫϥεϝιουΫϥ΢υ4BB4ϓϩμΫτ ϦΫϧʔτςΫϊϩδʔζθΫγΟ࢞ຓαʔϏε υϫϯΰOJDPOJDPݕࡧج൫ νΣϯδϏδϣϯιϑτ΢ΣΞઃܭπʔϧBTUBI

  3. %FWFMPQFST*0ϒϩά

  4. None
  5. %FWFMPQFST*0ฤूΞγελϯτ

  6. (() => {
 // ΠϯΫϦϝϯλϧαʔν༻ͷinputϑΟʔϧυ௥Ճ const appendFilter = (taxonomyId, listId)

    => { const input = document.createElement("input") input.setAttribute("type", "text") input.setAttribute("placeholder", "filter") input.addEventListener("input", (event) => filterItem(listId, event.target.value)) const taxonomyDiv = document.getElementById(taxonomyId) taxonomyDiv.insertBefore(input, taxonomyDiv.firstChild) } // ΩʔϫʔυϑΟϧλϦϯάॲཧ const filterItem = (listId, keyword) => { document.querySelectorAll("#" + listId + " li").forEach((item, i, items) => { if (!item.innerText.toLowerCase().includes(keyword.toLowerCase())) { item.style = "display:none" } else { item.style = "display:list-item" } }) } appendFilter("taxonomy-category", "categorychecklist") appendFilter("taxonomy-referencecat", "referencecatchecklist") })() JOKFDUKT%FWFMPQFST*0ฤूΞγελϯτ
  7. ,*/(0'5*.&ۈଵ؅ཧγεςϜ

  8. վળલ վળޙ

  9. .ZϨίʔμʔ$ISPNFΞγελϯτ

  10. վળલ վળޙ

  11. վળલ վળޙ ඵ ඵ ඵ ඵ ඵ ඵ ඵ ඵ

    ܭඵ ܭඵ
  12. վળલ վળޙ  ඵº೔݄ºϲ݄ºਓ
 ɹ  ඵ ɹ ෼
 ɹ࣌ؒ


    
   ԁ݄×೔݄×࣌ؒ
 ɹ ԁ࣌
 
  ԁ࣌º࣌ؒ  ԁ೥ ※਺஋͸ܭࢉͷͨΊͷՍۭͷ΋ͷͰ͢
  13. ؾΛ෇͚͍ͯΔϙΠϯτ ❖ ຊ౰ʹม͑ΒΕͳ͍Ϟϊͳͷ͔Ͳ͏͔ɻ
 ཧ༝͕͋ͬͯม͑ΒΕͳ͍ͷͳΒ͹ɺ
 ʰٕज़ʱͰվળ͢Δɻ

  14. ؾΛ෇͚͍ͯΔϙΠϯτ ❖ γϯϓϧ͞ ❖ ίϯτϩʔϧՄೳͳ഑෍ͷ࢓૊Έ ❖ ࣗ෼͕ϢʔβʔʹͳΕΔ