Tworzenie z użyciem niskiego kodu i bez kodu: kompletny przewodnik + przykłady

Wygląda na to, że terminy „low-code” i „no-code” stały się ostatnio modnymi hasłami w społeczności produktowej. Wielu znanych menedżerów produktu ogłosiło, że całkowicie przechodzi na rozwiązania bez kodu lub przynajmniej zaczęło stosować to podejście w procesie tworzenia swoich produktów.

Ale na czym polegają te podejścia? Czy warto wypróbować je samodzielnie? Omówmy specyfikę, zalety i wady tych podejść do tworzenia oprogramowania oraz przyjrzyjmy się kilku znanym produktom zbudowanym za pomocą narzędzi niewymagających kodowania.

Na czym polega tworzenie aplikacji niskokodowych?

Mówiąc o tworzeniu aplikacji niskokodowych, zwykle mamy na myśli proces tworzenia aplikacji za pomocą gotowych narzędzi i pakietów, zamiast samodzielnego pisania kodu od podstaw.

Zamiast pracować z edytorem kodu, platformy niskokodowe pozwalają tworzyć aplikacje wizualnie. Na przykład jeśli chcesz zbudować logikę zaplecza aplikacji HR, możesz użyć interfejsu typu przeciągnij i upuść, który przypomina zwykły schemat blokowy. Tak wygląda to we Flokzu.

W tym przypadku tworzymy logikę zatwierdzania wniosku urlopowego.

• Widzimy, że gdy pracownik tworzy wniosek urlopowy, zbudowane przez nas zaplecze wysyła powiadomienie do jego przełożonego i prosi go o zatwierdzenie lub odrzucenie wniosku.
• Po zatwierdzeniu drugi oceniający otrzymuje powiadomienie z prośbą o jego zatwierdzenie.
• Gdy obaj odpowiedzą twierdząco, wniosek urlopowy zostaje uznany za zatwierdzony.

Podejście niskokodowe przenosi dużą część pracy do edytorów wizualnych, takich jak ten, który widzieliśmy powyżej. Jednak zgodnie z nazwą w procesie nadal uczestniczy pewna ilość kodowania, dlatego aby tworzyć aplikacje w podejściu niskokodowym, wciąż trzeba mieć minimalne umiejętności programistyczne lub umiejętność pisania skryptów.

Zwykle piszesz skrypty i podstawowy kod, gdy zachodzi potrzeba połączenia z konkretną usługą w chmurze (np. AWS S3 do przechowywania danych) lub interfejsem API (takim jak interfejs API ChatGPT do programowego korzystania z usługi sztucznej inteligencji).

Wyobraź sobie na przykład, że stworzyłeś narzędzie do zgłaszania błędów, które pojawia się na stronie internetowej jako mały widżet.

Gdy użytkownicy chcą zgłosić problem, klikają ten widżet, wpisują szczegóły dotyczące napotkanego problemu i wysyłają zgłoszenie błędu właścicielowi strony internetowej.

Chcesz, aby właściciele stron internetowych widzieli te błędy na swoich tablicach Trello. Musisz więc zintegrować swoje narzędzie z Trello. Możesz w tym celu skorzystać z gotowej implementacji Zapier. Wystarczy połączyć się z interfejsem API Zapier. Tak wyglądają dwa wywołania jego interfejsu API.

W tym przypadku nie masz wyboru — musisz zakasać rękawy i napisać kod, który będzie komunikował się z interfejsem API Zapier i automatycznie żądał utworzenia karty Trello za każdym razem, gdy ktoś prześle zgłoszenie błędu za pomocą Twojego widżetu.

Aby w pełni zrozumieć ten proces tworzenia, wymieńmy jego zalety i wady.

Zalety podejścia niskokodowego

• Poważny wzrost produktywności: Platformy do tworzenia aplikacji niskokodowych cieszą się dużą popularnością wśród średnich i dużych firm, które za ich pomocą tworzą narzędzia wewnętrzne i przepływy pracy automatyzujące procesy. Te zautomatyzowane przepływy pracy z kolei zwiększają zarówno skuteczność, jak i efektywność procesów biznesowych firmy.
• Elastyczność w zakresie niestandardowych funkcji i kodu: W przeciwieństwie do narzędzi niewymagających kodowania (które omówimy w dalszej części), gdzie wszystko wykonuje się wizualnie, rozwiązania niskokodowe pozwalają dostosowywać aplikację i pisać własny kod. Oznacza to, że nie ograniczają Cię funkcje oferowane przez platformę i możesz opracować praktycznie dowolną niestandardową funkcję, dodając własny kod do aplikacji.
• Bezproblemowa konserwacja: Ponieważ aplikację tworzysz za pomocą stosunkowo łatwych w obsłudze edytorów wizualnych, jej utrzymanie i naprawianie jest znacznie szybsze i łatwiejsze niż utrzymywanie bazy kodu.

Wady podejścia niskokodowego

• Wymaga podstawowych umiejętności programistycznych: Mimo że większość prac wykonuje się za pomocą edytorów wizualnych, nadal trzeba pisać kod dla niektórych części aplikacji. Dlatego w przypadku narzędzi niskokodowych nadal należy rozważyć zatrudnienie osoby z doświadczeniem programistycznym.
• Koszty są nadal wyższe w porównaniu z tworzeniem aplikacji bez kodu: Tworzenie aplikacji niskokodowych jest znacznie tańsze niż zatrudnienie całego zespołu inżynierów oprogramowania. Jednak w porównaniu z tworzeniem aplikacji bez kodu, gdzie wszystko odbywa się za pomocą łatwego do zrozumienia interfejsu użytkownika, z którego każdy może korzystać, narzędzia niskokodowe wymagają profesjonalnych programistów, którzy wiedzą, jak używać danego narzędzia i pisać skrypty w jego zastrzeżonym języku.

Podsumowując, dzięki szybkości i stosunkowo niewielkiej złożoności programowanie low-code stało się popularne zarówno wśród dużych firm, które chcą automatyzować swoje procesy, jak i małych przedsiębiorstw, które chcą tworzyć aplikacje przy minimalnym wysiłku.

Ale jak wypada ono w porównaniu z programowaniem bez kodu? Porównajmy je bezpośrednio.

A co z narzędziami bez kodu?

Chociaż narzędzia low-code znacznie ułatwiły tworzenie i wdrażanie aplikacji, to właśnie platformy do programowania bez kodu będą miały największy wpływ na życie właścicieli małych firm, założycieli startupów i zespołów produktowych.

Rozwiązanie bez kodu pozwala tworzyć kompletne strony internetowe i aplikacje bez konieczności znajomości działania interfejsów API ani wiedzy o tym, które style CSS sprawią, że strona będzie responsywna. Możesz kontrolować wszystko — od projektu interfejsu użytkownika, przez integracje z interfejsami API, aż po hosting strony internetowej — za pomocą stosunkowo łatwych do opanowania i przyjaznych dla użytkownika interfejsów wizualnych.

Narzędzia bez kodu zazwyczaj oferują wizualne edytory interfejsu użytkownika typu przeciągnij i upuść, które wyglądają podobnie do narzędzi do projektowania, takich jak Figma czy AdobeXD. Tak wygląda edytor narzędzia do tworzenia stron internetowych bez kodu Webflow:

Jak widać, edytor ten daje kontrolę nad wszystkim — od rozmiaru i położenia elementów po typografię i style wizualne.

Jeśli chcesz tworzyć aplikacje ze stosunkowo złożoną logiką biznesową, narzędzia bez kodu również oferują wizualne edytory podobne do tych, które omówiliśmy wcześniej. Tak wygląda edytor logiki biznesowej narzędzia do tworzenia aplikacji internetowych bez kodu Bubble:

W powyższym przykładzie widzimy prostą logikę rejestracji użytkownika, która zaczyna działać, gdy użytkownik wprowadzi swoje dane uwierzytelniające i kliknie przycisk rejestracji. Po kliknięciu Bubble utworzy nowego użytkownika w swojej bazie danych, wyśle mu wiadomość e-mail z potwierdzeniem i przekieruje go na stronę główną.

Oprócz pomocy w tworzeniu interfejsu użytkownika i logiki biznesowej narzędzia bez kodu mogą również wspierać różne zadania związane z zarządzaniem stronami internetowymi i aplikacjami, takie jak:

Optymalizacja pod kątem wyszukiwarek internetowych

Obejmuje to możliwość dynamicznego ustawiania tytułów meta, opisów, adresów kanonicznych i znaczników robotów, a także kontrolowania sposobu wyświetlania stron w rozbudowanych fragmentach wyników wyszukiwania poprzez ustawianie znaczników danych strukturalnych.

Niektóre narzędzia bez kodu oferują nawet asystentów SEO, którzy analizują stronę internetową i udzielają praktycznych wskazówek dotyczących naprawiania znalezionych problemów. Oto przykład takiej funkcji w narzędziu do tworzenia stron internetowych Wix.

Jak widać, Wix SEO Wiz — tak nazywa się ich asystent — wykrył powielony tytuł strony i sugeruje jego zmianę.

Łączność z różnymi zewnętrznymi usługami i interfejsami API

W przeciwieństwie do narzędzi low-code nie musisz pisać kodu, aby połączyć się z interfejsami API różnych narzędzi i usług potrzebnych do działania aplikacji.

Narzędzia bez kodu zazwyczaj pozwalają połączyć się z daną usługą jednym kliknięciem przycisku „zainstaluj” oraz udostępniają wizualny panel konfiguracji, w którym możesz umieścić dane uwierzytelniające i zmienić sposób, w jaki aplikacja współdziała z daną usługą. Przyjrzyjmy się przykładowi ze sklepu z wtyczkami Bubble.

Ekran widoczny tutaj pochodzi z testowej strony internetowej Bubble, którą stworzyłem kilka miesięcy temu, aby sprawdzić możliwości tego narzędzia bez kodu (rezultat — byłem pod wrażeniem). Oczywiście chciałem, aby na mojej stronie demonstracyjnej zainstalowany był Google Analytics, by śledzić jej wydajność.

W Bubble wystarczyło, że znalazłem tę wtyczkę w sklepie, zainstalowałem ją i ustawiłem identyfikator śledzenia mojego konta Google Analytics.

Wdrażanie i skalowanie

Na koniec narzędzia niewymagające kodowania pomagają również we wdrażaniu na środowiskach produkcyjnych i deweloperskich, hostingu oraz skalowalności (jeśli Twoja witryna lub aplikacja odnotowuje duży ruch) na swoich serwerach, bez konieczności zajmowania się skryptami powłoki i konfiguracjami serwerów. Ponownie, wszystko odbywa się za pomocą prostych interfejsów użytkownika. Na przykład w Wix wdrożenie jest tak proste, jak kliknięcie pojedynczego przycisku „Opublikuj” w panelu.

Skoro znamy już możliwości narzędzi niewymagających kodowania, przyjrzyjmy się także ich zaletom i wadom.

Zalety narzędzi niewymagających kodowania

• Są szybkie: Świat usług programistycznych jest obecnie wyjątkowo konkurencyjny, a możliwość szybkiego wprowadzania produktów na rynek stała się jednym z kluczowych czynników sukcesu firmy programistycznej. Narzędzia niewymagające kodowania mają dla Ciebie wszystko wstępnie przygotowane. Wystarczy połączyć komponenty za pomocą edytora typu przeciągnij i upuść, a następnie uruchomić produkt.
• Nie wymagają znajomości programowania: Programiści, inżynierowie QA, specjaliści DevOps i wszyscy pozostali członkowie typowego zespołu programistycznego to wykwalifikowani profesjonaliści, których czasami trudno znaleźć i zatrudnić. Z drugiej strony narzędzie niewymagające kodowania eliminuje potrzebę posiadania całego zespołu inżynierskiego, ponieważ aplikację może zbudować także użytkownik nietechniczny.
• Są tanie w tworzeniu: Zatrudnienie zespołu inżynierskiego jest kosztowne. Wymienieni wyżej członkowie zespołu należą do najlepiej opłacanych specjalistów na rynku pracy. Korzystanie z narzędzia niewymagającego kodowania pozwoli więc również stworzyć aplikację za ułamek kosztu zatrudnienia całego zespołu programistycznego.

Wady narzędzi niewymagających kodowania

• Ograniczona elastyczność: Liczba i rodzaje funkcji, które można dodać do aplikacji, nie są nieograniczone w przypadku narzędzi niewymagających kodowania. Nie będzie można stworzyć własnej, unikalnej funkcji, dlatego trzeba będzie korzystać z istniejących funkcji udostępnianych przez dane narzędzie.
• Bezpieczeństwo jest poza Twoją kontrolą: Chociaż większość narzędzi niewymagających kodowania tworzy aplikacje zgodnie z ogólnymi najlepszymi praktykami dotyczącymi prywatności i bezpieczeństwa, nie będzie można wzmocnić zabezpieczeń ani chronić się przed bardziej zaawansowanymi lukami w zabezpieczeniach.
• Ograniczona wydajność: Oprócz ograniczonej liczby funkcji narzędzia niewymagające kodowania narzucają również ograniczony stos technologiczny. Niezależnie od rodzaju tworzonego produktu narzędzie niewymagające kodowania zawsze będzie korzystać z tego samego języka programowania i tych samych systemów baz danych. Można więc zapomnieć o korzystaniu ze specjalistycznych technologii zapewniających wysoką szybkość działania (np. C++ lub Clickhouse).

Podsumowując, zarówno platformy aplikacyjne niskokodowe, jak i niewymagające kodowania świetnie sprawdzają się w obniżaniu kosztów tworzenia oprogramowania i przyspieszaniu tempa dostarczania produktów. Dzięki łatwości budowania aplikacji stały się doskonałym narzędziem dla małych firm, których nie stać na utworzenie wewnętrznego zespołu IT, a także dla menedżerów produktu, którzy chcą rozpoznać potrzeby biznesowe użytkowników za pomocą szybkich testów i różnych inicjatyw.

Ale czy oznacza to, że era tradycyjnego tworzenia oprogramowania dobiegła końca? Sprawdźmy to w dalszej części.

Czy tradycyjne tworzenie oprogramowania odchodzi w zapomnienie?

Wcale nie!

Narzędzia niskokodowe i niewymagające kodowania pomogą szybko zbudować i wdrożyć podstawową wersję aplikacji z ograniczonym zestawem funkcji. To jednak tradycyjne tworzenie oprogramowania pozwoli Ci:

Tworzyć wyjątkowe i oryginalne funkcje: Zarówno narzędzia niewymagające kodowania, jak i niskokodowe oferują zestaw standardowych elementów interfejsu użytkownika oraz funkcji zaplecza, które można wykorzystać do obsługi różnych przypadków użycia. Jeśli jednak chcesz stworzyć coś całkowicie nowego i unikalnego, nie będziesz mieć innego wyjścia, jak zakodować to samodzielnie.

Świetnymi przykładami takich funkcji są osławione filtry uczenia maszynowego i awatary z TikToka. Są tak unikalne i złożone, że pracował nad nimi cały dział inżynierów i naukowców, dokonując po drodze kilku znaczących wkładów w rozwój nauki o sztucznej inteligencji.

Po prostu nie da się zbudować niczego podobnego za pomocą narzędzia niskokodowego.

Osiągać wyjątkową wydajność: Czasami wysoka wydajność i efektywne wykorzystanie zasobów stanowią fundamentalne elementy produktu (np. gdy tworzysz grę klasy AAA, która musi działać na starszych komputerach). W takim przypadku trzeba będzie użyć wyspecjalizowanych języków programowania o wysokiej wydajności, takich jak C++ czy nawet asembler, a także skorzystać z usług wysoko wykwalifikowanych programistów, którzy mogą dostroić każdą linię kodu aplikacji, aby osiągnąć wymaganą szybkość działania.

Jakie są korzyści z narzędzi low-code i no-code dla menedżerów produktu i założycieli startupów?

Dwa słowa — szybkość i koszt!

Jeśli tworzysz swoje produkty zgodnie z filozofią lean, narzędzia low-code i no-code staną się twoimi najlepszymi przyjaciółmi, ponieważ pozwolą ci szybko zbudować MVP produktu, wdrożyć je, zweryfikować (lub obalić) kluczowe hipotezy, wprowadzić zmiany na podstawie opinii i ponownie wdrożyć produkt.

Oprócz szybkości, z jaką możesz wdrażać nowe wersje produktu i testować swoje pomysły, narzędzia no-code i low-code pozwolą ci również ograniczyć ryzyko związane z zatrudnianiem programistów oraz poświęcaniem znacznej ilości czasu i pieniędzy na aplikację, której rynek może nie zaakceptować (co jest całkowicie w porządku).

Możesz samodzielnie zbudować kilka pierwszych wersji produktu bez zatrudniania kogokolwiek. Dzięki temu, jeśli twój pomysł okaże się nieudany, straty finansowe będą minimalne.

Narzędzia no-code i low-code świetnie nadają się do budowania MVP, ale czy można za ich pomocą tworzyć również gotowe produkty? Tak! Pozwól, że zaimponuję ci kilkoma świetnie wyglądającymi witrynami i aplikacjami, które ludzie zbudowali przy użyciu tych narzędzi.

Przykłady: aplikacje zbudowane na platformach low-code i no-code

Internet jest pełen małych witryn i aplikacji zbudowanych na platformach no-code. Aby jednak pokazać ci prawdziwe możliwości tych narzędzi, chcę wskazać kilka imponujących i dobrze znanych projektów.

Witryna Bubble.io

Użyte narzędzie no-code: Bubble. (Oczywiście.)

Czy zdziwiłoby cię, gdybyś dowiedział się, że witryna Bubble została zbudowana przy użyciu Bubble? Mówimy o całej witrynie, wraz z jej sekcją edukacyjną zawierającą wiele lekcji online, systemem CMS dla bloga oraz treścią pozostałych stron.

Ten przykład dowodzi, że za pomocą narzędzi no-code można budować całe, pełnowymiarowe witryny, a nie tylko kilka prostych stron docelowych.

Comet: platforma pracy dla freelancerów

Użyte narzędzie no-code: Bubble.

Comet to platforma pracy dla freelancerów, na której firmy mogą publikować oferty stałej pracy lub tymczasowych zadań, a poszczególni freelancerzy mogą na nie aplikować.

Platforma jest bardzo funkcjonalna. Zawiera osobne pulpity nawigacyjne dla freelancerów i firm, na których mogą oni zarządzać swoimi ofertami pracy, przekazywać opinie i współpracować ze sobą.

Ta platforma pokazuje, że za pomocą wyłącznie narzędzia no-code można tworzyć aplikacje biznesowe z wieloma typami użytkowników, właściwie zaprojektowanym doświadczeniem użytkownika, pulpitami nawigacyjnymi działającymi w czasie rzeczywistym, szablonami, modułami i złożoną logiką dla freelancerów oraz użytkowników biznesowych.

Chant: sieć społecznościowa dla artystów

Użyte narzędzie no-code: Adalo.

Chant to platforma, na której artyści wszelkiego rodzaju (ilustratorzy, fotografowie, muzycy itd.) mogą się spotykać, nawiązywać kontakty, organizować wydarzenia, a nawet znajdować pracę.

Pod względem funkcjonalności jest to kompletna sieć społecznościowa, w której można uzupełnić swój profil, odwiedzać profile innych osób i je przeglądać, publikować posty, tworzyć wydarzenia, rozmawiać ze znajomymi i robić wiele więcej.

To kolejny przykład kluczowego aspektu nowoczesnych narzędzi no-code — możliwości tworzenia i publikowania aplikacji mobilnych w sklepach Google i Apple.

Poshmark: internetowy sklep z odzieżą i modą

Użyte narzędzie no-code: Wix.

Ostatnią stroną internetową, którą chcę zaprezentować, jest sklep e-commerce Poshmark, który korzysta z kreatora stron internetowych Wix do obsługi mechanizmu zakupowego.

Mechanizm jest całkiem funkcjonalny i zapewnia wszystko, czego potrzebowałby sklep internetowy — od funkcji realizacji zamówień po zarządzanie zapasami.

Najbardziej imponuje mi to, że sklepy e-commerce tworzone za pomocą Wix mogą również umożliwiać każdemu użytkownikowi rejestrację, wystawianie i sprzedaż własnych produktów w sklepie.

Przyszłość to rozwiązania bez kodu i z małą ilością kodu

Przynajmniej w to (zdecydowanie) wierzę.

Chociaż narzędzia te nigdy nie będą w stanie zastąpić profesjonalnego zespołu programistycznego, będą mogły zaspokoić większość podstawowych potrzeb małych firm, a także umożliwić zespołom produktowym szybkie tworzenie i testowanie MVP.

Posiadanie do dyspozycji narzędzia niewymagającego kodowania pomoże Ci szybciej tworzyć produkty, ale nadal będziesz musieć upewnić się, że tworzysz właściwe rozwiązanie. W tym celu możesz zapoznać się z naszymi przewodnikami dotyczącymi:

• wyboru odpowiednich narzędzi do tworzenia produktów, aby usprawnić swoje procesy;
• prawidłowego tworzenia produktów o minimalnej niezbędnej funkcjonalności;
• mierzenia i osiągania dopasowania produktu do rynku;
• tworzenia cyklu życia oprogramowania.

Jeśli interesuje Cię wiele innych podobnych przewodników, zapisz się również do naszego newslettera!