2025-11-22
2025-11-22
TLDR; Šiandienos tema: Mano pirmasis Chrome plėtinys 2
Sveika, elektroerdve,
Tęsiu Gemini plėtinio Crome naršyklei istoriją, kadangi dar praeitame įraše užsiminiau apie tai, kad aprašysiu visą kūrybos procesą smulkiau.
Tad kaip, kodėl ir kiek tam sugaišta laiko… Visa informacija pateikiama čia.
Kodėl?
Gemini plėtinių, kurie būtų sukurti specialiai Chrome naršyklei internete nedaug. O tokio, kurio reikėjo man - nepavyko rasti net su žiburiu.
Mano kelti standartai:
- Manifest v.3 (Naujausia versija)
- Legali prieiga (API sąsaja naudojant AI studio raktą)
- Jokių hack’ų integruojant Gemini asistentą (Nulis iframe injekcijų ar API apėjimų)
Tad viską kūriau nuo pagrindų.
Kaip?
Chrome plėtinius atitinkančius naujuosius standartus šiuo metu kurti labai lengva, tačiau tam reikia žinoti ko norima ir rekomenduotina susiplanuoti kūrybos etapus suskaidant gamybos procesą į mažesnes dalis.
Pirmoji dalis: Planavimas
Susiplanavau plėtinio kūrimo procesą išryškindamas svarbiausias dalis:
- Turi būti taupomas laikas (naudojami greitai prieinami resursai)
- Privalu naudoti API raktą
- Maksimaliam naudotojo komfortui reikalinga šoninė juosta su prompt įvestimi bei AI išvestimi
- Plėtinys privalo gebėti atidaryti papildomą meniu
- Paryškinus tekstą tekstiniuose naršyklės laukuose bei paspaudus ant atitinkamos parinkties turi būti atliekamas numatytasis arba naudotojo aprašytas veiksmas
Antroji dalis: Prototipas
Prototipo kūrybai sugaišau apie dešimt minučių, kadangi viskas, ko reikėjo - tiesiog keletas sumanių promptų pačiam Gemini asistentui (laiko bei resursų taupymas).
- Paprašiau sukurti programinį kodą plėtiniui naudosiančiam manifest v.3 versiją
- Paprašiau pakoreguoti kodą taip, jog jis atitiktų gerąsias praktikas
- Paprašiau įtraukti šoninę juostą Chat atvaizdavimui (Dešinysis pelės mygtukas ant plėtinio ikonos, kairysis ant Open Side Panel)
- Patikrinau plėtinio veikimą, Chat veikė (Nebuvo tik custom sub-menu dalies)
- Paprašiau įtraukti sub-menu (Parankinė juosta bei papildomos parinktys perfrazuoti tekstui)
- Paprašiau Gemini įtraukti galimybę kustomizuotoms parinktims (Pvz: Write a blog post, Write a blog post about {remtasi vardų porų principu: [“Pavadinimas”,“Prompt instrukcija”]})
- Dar kartą patikrinęs plėtinio veikimą susidūriau su papildomais trukdžiais
- Kodo peržvalgą patikėjau Chat-GPT kustomizuotam asistentui (Šis netgi sugebėjo pritaikyti Chat’ui mano mėgstamą Cyber Punk stilistiką ir viską ištaisyti)
- Dar kartą pratestavau plėtinį
- Išsaugojau visus failus, pridėjau aprašą, MIT licenciją, sukėliau viską į Github ir išleidau pirmąjį release’ą
Plėtinio kūrimo procesui viso sugaišta vos apie valandą.
Šis veikia kartu su Blogger ir Wordpress tinklaraščių įrašų redagavimo langais bei textarea laukais. (Tiesa kiek kebliau su Wordpress CMS, kadangi sėkmingam veikimui būtina pridėti HTML bloką vietoje įprasto tekstinio, bet tai galima sutvarkyti reikiamai apibūdinant prompt {Papildomą informaciją apie tai pateikiau Readme faile Github})
Nuoroda: https://github.com/Sparky4567/gemini_extension
Diegimas
- Zip archyvas?
- Parsisiųsti zip archyvą
- Išarchyvuoti failus
- Atsidaryti Chrome naršyklę
- Pasirinkti Manage extensions
- Įjungti Development režimą
- Pasirinkti load unpacked
- Pasirinkti išpakuotojo Gemini extension direktoriją
- Ne zip?
Failų išarchyvuoti nereikia, o visi kiti diegimo žingsniai išlieka tie patys.
Iki sekančio susiskaitymo.
Šis ekranas trumpam išsijungia, bet kažkur įsijungia kitas.
| # | Žymos |
|---|---|
| #post #artefaktas_eu #personal #opinion #my #first #wordpress #blogger #gemini #chrome #extension #writing #engine |
Asmeninė nuomonė.
Artefaktas.eu is a personal digital garden exploring technology, creativity, and the craft of building things online. Posts range from reflections on blogging tools and web frameworks to thoughts on AI, productivity, and digital minimalism — always with a mix of humor, curiosity, and hands-on experimentation.
Author: Artefaktas About author: I’m a creator-blogger driven by curiosity, blending writing, art, music, code, and the elegance of math and physics into everything I do.
Linktree link: https://linktr.ee/artefaktas
Tinklaraštį galima prenumeruoti net keletu skirtingų būdų:
- Naudojant RSS sklaidos kanalo nuorodą: https://artefaktas.eu/rss.xml
- Naudojantis follow.it forma
Artefaktas.eu is licensed under CC BY-NC-ND 4.0