Czy możesz tworzyć strony internetowe na iPadzie Pro?

W tym artykule zagłębimy się w tworzenie stron internetowych na iPadzie Pro. Jako właściciel agencji WordPress i profesjonalny programista WordPress od jakiegoś czasu interesuję się tą koncepcją.

Dostałem iPada Pro 11 cali w styczniu 2021 roku, obok Apple Pencil i klawiatury Apple iPad. Zasadniczo dało mi to wrażenia z laptopa z iPadOS. Przy zakupie nigdy nie miał być maszyną programistyczną. Zamiast tego zamierzałem używać go zgodnie z przeznaczeniem, dla produktywności. Obejmuje to pisanie treści do tego bloga i odpowiadanie na różne komentarze tutaj i na kanale YouTube.

Dlaczego programować na iPadzie?

iPad oferuje absurdalną moc obliczeniową, ekran o wysokiej rozdzielczości i wejście dotykowe w bardzo małej obudowie. Biorąc pod uwagę jakość projektowania i wykonania, jest to urządzenie bardzo wysokiej jakości, które można zabrać ze sobą w dowolne miejsce. Z tego powodu opracowanie iPada może być świetnym uzupełnieniem komputera stacjonarnego lub laptopa.

Dla mnie stwierdziłem, że praktycznie wszędzie ze sobą chodzę zabierając ze sobą urządzenie. Ponieważ zarządzam wieloma witrynami WordPress po zbudowaniu, zwykle przynoszę ze sobą laptopa, aby rozwiązać wszelkie poważne problemy, które mogą się pojawić, gdy jestem poza biurem. Jeśli jednak uda mi się wymienić laptopa na iPada, będzie to po prostu łatwiejsze. Jeśli zdecydujesz się na model komórkowy, będziesz mógł uzyskać dostęp do wszystkich stron internetowych klientów z dowolnego miejsca za pomocą sygnału.

Ponadto mój laptop to komputer z systemem Windows, a posiadanie czegoś, co pasuje do ekosystemu Apple komputera stacjonarnego, iPhone'a i iPada, prowadzi do znacznie większej wydajności. Z punktu widzenia tworzenia treści iPad jest idealnym urządzeniem do pracy na komputerze w dowolnym miejscu.

Czy sprzęt na to pozwala?

Najpierw muszę dowiedzieć się, czy rzeczywisty sprzęt będzie w stanie zaspokoić moje potrzeby programistyczne. Oznacza to, że przyglądałbym się specyfikacji, klawiaturze, gładzikowi i dodatkowym sposobom wprowadzania danych do urządzenia.

Jeśli patrzymy na urządzenie z punktu widzenia czystej szybkości, jest to jedno z najszybszych, jakich kiedykolwiek używałem… obejmuje to starsze wersje iMaca Pro. Moja wersja to iPad Pro drugiej generacji , co oznacza, że ​​mam chip A12Z Bionic z architekturą 64-bitową. Jednak bawiłem się z moimi kumplami 11 w trzeciej generacji (która ma nowy chip M1), więc omówię tę wydajność tutaj:

Połączenie chipa M1, iPada i dodatkowego sprzętu zapewnia niesamowitą wydajność. Strony internetowe i aplikacje internetowe ładują się tak szybko, jak to jest technicznie możliwe, a renderowanie wideo jest nawet lepsze niż na moim laptopie.

Ekran dotykowy i Apple Pencil zapewniają zupełnie nowy wymiar interakcji z tworzonymi witrynami internetowymi. Dla nas nasza agencja tworzy za pomocą prostego PHP, czyli Oxygen Buildera. Jeśli używasz czegoś z dużymi przyciskami lub funkcją przeciągania i upuszczania, ekran dotykowy sprawi, że będzie to znacznie szybsze niż korzystanie z gładzika. Niektórzy użytkownicy systemu Windows są rozpieszczani ekranem dotykowym na swoim laptopie, ale dla użytkowników Apple utkniesz z iPadem, jeśli chcesz tego typu funkcji wprowadzania danych.

Apple Pencil ułatwia również szybkie szkicowanie koncepcji i modeli szkieletowych. Po utworzeniu, w aplikacji do notatek (lub Adobe Draw), mogę wysłać je do klientów i projektantów lub stworzyć makiety w wyższej rozdzielczości lub uzyskać informacje zwrotne na temat układu informacji i przepływu stron.

Sam ekran ma bardzo wysoką rozdzielczość i wyższą częstotliwość odświeżania, co zapewnia wspaniałe wrażenia wizualne. Wadą jest tutaj to, że jest to 11-calowy ekran, znacznie mniejszy niż choćby „mini” laptop. Z tego powodu, jeśli planujesz uczynić z 11-calowego iPada Pro swoje główne urządzenie programistyczne, musisz to przemyśleć ponownie, ponieważ wykonanie kilku rzeczy, które wymagają po prostu większego monitora i rozdzielczości, jest praktycznie niemożliwe (więcej o tym później).

Właściwie żałuję, że wybrałem 12-calowego iPada Pro, który w tamtym czasie uważałem za zbyt duży jak na moje potrzeby. Nie jest to jednak straszne, ponieważ nie używam tego urządzenia przede wszystkim do tworzenia stron internetowych, a mam komputer stacjonarny i laptop.

Jeśli nawet myślisz o tworzeniu treści lub programowaniu za pomocą iPada Pro (zamiast używać go jako urządzenia rozrywkowego lub komunikacyjnego), w 100% będziesz potrzebować do tego klawiszy klawiatury i gładzika. Istnieje kilku producentów, od logitecha po Apple, ale klawiatura Apple Magic Keyboard wysadza wszelką konkurencję pod względem jakości wykonania i rzeczywistego korzystania z niej.

Pisanie na jego klawiszach jest doświadczeniem dotykowym, w przeciwieństwie do starych klawiatur motylkowych na komputerach Mac, które były absolutnie okropne. Wadą jest tutaj rozmiar urządzenia, który wynosi 11 cali, nie ma możliwości wbudowania pełnowymiarowej klawiatury w obudowę. Oto klucze, które otrzymasz:

Gładzik jest mały, ale łatwy w użyciu, bardzo dokładny i wysokiej jakości. Kliknięcie jest również dotykowe. Jeśli potrzebujesz etui na klawiaturę do iPada, jest to zdecydowanie najlepsza opcja. Konkurenci są po prostu gorszej jakości, z kiepskimi doświadczeniami z pisaniem i nakładkami. Jedynym minusem tego etui jest to, że ma gumowe wykończenie, a jeśli upuścisz iPada, na pewno go ochroni, ale także może się rozerwać lub rozerwać (moje ma niewielkie rozdarcia na krawędziach... nic strasznego, po prostu denerwujące).

Możliwe jest również podłączenie dodatkowych akcesoriów przez Bluetooth lub USB-c. W ten sposób możesz uzyskać dostęp do tradycyjnej myszy, większej klawiatury, a nawet zewnętrznego monitora. Jednak monitor zewnętrzny jest dla mnie głównym punktem spornym, który mam nadzieję rozwiążą w przyszłych wersjach iPada.

Chociaż możesz podłączyć zewnętrzny monitor do iPada, po prostu odzwierciedla on ekran i rozdzielczość. Oznacza to, że nie masz dodatkowego miejsca na jakiekolwiek aplikacje, co bardzo utrudnia programiście wejście w przepływ przeskakiwania między różnymi wejściami i wyjściami - jak biblioteka fragmentów kodu, okno przeglądarki dla programistów i inne dla badań (tj. stackoverflow ).

Istnieje kilka obejścia tego, ale nawet nie zbliżaj się do laptopa z zewnętrznym monitorem, co moim zdaniem jest niezbędne dla każdego programisty.

Jeszcze bardziej irytujące jest to, że nie jest to ograniczenie sprzętowe, ale ograniczenie systemu operacyjnego. Jak omówimy w kolejnej sesji, iPadOS pozostawia wiele do życzenia, ale jednocześnie stale się poprawia i zbliża do komputerów stacjonarnych, więc ta sekcja artykułu może wkrótce stać się nieaktualna.

Podsumowując sekcję, sprzęt technicznie pozwala na rozwój. Możesz podłączyć dowolną klawiaturę i mysz, ale są one ograniczone rozmiarem ekranu. Obsługa monitorów zewnętrznych jest bardzo słaba, więc nie ma tam możliwości odwołania. Ale jeśli trzeba, programowanie na 11-calowym ekranie jest więcej niż wykonalne. Dodatkowo obsługa ekranu dotykowego i Apple Pencil mogą zapewnić znacznie bardziej produktywne wrażenia w zależności od tego, co faktycznie robisz.

Jedną z rzeczy, którą to poważnie poprawia, jest tworzenie ramek szkieletowych i koncepcji stron internetowych. Bardzo łatwo jest narysować jeden za pomocą Apple Pencil (który zapewnia kontrolę i czułość na nacisk, tak jak prawdziwy ołówek), wyślij go do projektanta — doskonale rozumieją, co chcę zrobić. Jest to przeciwne próbie głosowego komunikowania pomysłów lub wysyłania ich w wiadomości e-mail/Slack.

Połączenie Apple Pencil, iPada i Magic Keyboard doskonale ze sobą współpracuje, ponieważ są natywnymi komponentami Apple. To doświadczenie samo w sobie jest bardzo premium i wysokiej jakości.

Czy iPadOS może wspierać obowiązki programistyczne?

Drugą przeszkodą w tworzeniu stron internetowych i iPada Pro jest ustalenie, czy system operacyjny może zaspokoić nasze potrzeby. Obejmuje to dostęp do różnych aplikacji, moc obliczeniową i ogólny interfejs użytkownika, który ułatwia przechodzenie między aplikacjami, notatkami, przeglądarkami internetowymi i nie tylko.

Dwie najważniejsze aplikacje, do których potrzebujesz dostępu, to przeglądarka zorientowana na programistę i edytor kodu. Potrzebujesz również potężnego narzędzia do zarządzania plikami, które dorównuje komputerowym systemom operacyjnym.

Jaka przeglądarka internetowa?

Irytujące jest to, że nie możesz używać wbudowanego Safari ani żadnej innej głównej przeglądarki internetowej o lokalizacji obowiązków programistycznych na iPadOS. To dlatego, że nie zawiera narzędzi programistycznych. Z pewnością możesz uzyskać dostęp do różnych aplikacji internetowych, których potrzebujesz do tworzenia stron internetowych, ale bez DevTools jesteś poważnie kaleką.

Jeśli posiadasz komputer Mac, istnieje wyjście z tego – musisz podłączyć Safari do komputera za pomocą kabla, a następnie zaadresować iPada w górnym menu Safari na komputerze stacjonarnym lub laptopie. Ale… to przekreśla cel opracowywania iPada, ponieważ trzeba by nosić laptopa.

Sposobem na obejście tego jest samodzielna aplikacja przeglądarki internetowej, która ma wbudowane narzędzia programistyczne.

Gdy szukasz przeglądarki narzędzi na iPadOS, napotykasz tylko trzy opcje. Dwa z nich są okropne, a jeden z nich działa: Inspect Browser firmy Parallax Dynamics Inc.

Jest to płatna aplikacja, która kosztuje 6,99 USD, ale jest to jedyny sposób na uzyskanie prawdziwego zestawu narzędzi programistycznych w przeglądarce, jeśli używasz iOS lub iPadOS.

Dołączone funkcje to:

• Konsola JavaScript.
• Inspekcja i edycja elementów HTML (z podglądem na żywo).
• Kontrola i edycja CSS (z podglądem na żywo).
• Wyświetl szczegóły elementu: reguły CSS, właściwości JavaScript, statystyki wymiarów i nie tylko.
• Otwieraj pliki i foldery z innych aplikacji (takich jak Kopia robocza) lub z iCloud, aby testować lokalnie.
• Panel sieciowy, wyświetlający nagłówki stron i żądania XHR.
• Responsywne narzędzia do projektowania: wyświetlaj swoją witrynę w różnych rozmiarach i orientacjach na urządzenia mobilne i komputery stacjonarne, w tym z obsługą niestandardowych rozmiarów i klientów użytkownika.
• Inspektor i edytor przechowywania plików cookie, pamięci lokalnej i przechowywania sesji.
• Wykres zasobów.
• Wyświetl surowe źródło strony.
• Kontrola nad działaniem przeglądarki: wyłącz JavaScript, pamięć podręczną i wyczyść pamięć podręczną i pliki cookie, aby przetestować różne operacje i stany.
• Zapisz zrzut ekranu swojej witryny, w tym możliwość zapisania całej strony.

To bardzo solidne narzędzie, ale nie pasuje do alternatywnych przeglądarek na komputery stacjonarne. Jeśli jednak zamierzamy tworzyć na iPadzie, sugerowałbym, że jest to niezbędna aplikacja do posiadania.

Przeglądarka, .

Edytor kodu?

Następna w kolejce jest prosta metoda edycji kodu, zarządzania fragmentami i łączenia się ze stronami internetowymi przez FTP. Każda z tych trzech funkcji jest absolutną koniecznością dla każdego, kto tworzy WordPressa, w szczególności FTP. Ale FTP musi być zintegrowany z doskonałym kodowaniem, w przeciwnym razie jest praktycznie bezużyteczny.

Aplikacja do tego nazywa się Koder.

Jest to wszechstronne narzędzie, które pozwala kodować, uzyskiwać dostęp do serwerów przez SSH lub FTP, zarządzać fragmentami i robić kilka innych rzeczy. Moim zdaniem ta aplikacja faktycznie rywalizuje z alternatywami dla komputerów stacjonarnych - i jest darmowa!

Te dwie aplikacje obejmują większość przypadków użycia, które programista internetowy będzie miał podczas tworzenia iPada Pro. Możesz połączyć się z dowolnymi i wszystkimi serwerami przez SSH lub FTP, użyć dowolnej przeglądarki internetowej, aby uzyskać dostęp do narzędzi online i użyć Inspect Browser, aby skorzystać z potężnego i dobrze wyposażonego zestawu narzędzi dla programistów.

Interfejs użytkownika/UX samego iPada

Teraz, gdy omówiliśmy główne funkcje wymagane do tworzenia na iPadzie, porozmawiajmy o interfejsie użytkownika i doświadczeniu samego iPada. To pozostawia wiele do życzenia, zwłaszcza jeśli porównujesz się z komputerowym systemem operacyjnym. Jest to w zasadzie skrzyżowanie środowiska mobilnego i stacjonarnego, co oznacza, że ​​są plusy i minusy.

Po pierwsze, jest to recenzja iPada 13, a z każdą nową wersją zbliża się do bycia w pełni funkcjonalnym systemem operacyjnym dla komputerów stacjonarnych, co oznacza, że ​​z biegiem lat znacznie łatwiej będzie go tworzyć na iPadzie.

Dla mnie iPadOS utrudnia mi przepływ pracy, co oznacza, że ​​nie mogę odtworzyć tej samej wydajności, jaką miałbym w przeglądarce na komputerze. W żadnym wypadku nie uniemożliwia to programowania i kodowania na iPadzie, ale nie ma tych samych funkcji, co Windows lub macOS.

Największą przeszkodą jest sposób wyświetlania i zarządzania aplikacjami (lub funkcje wielozadaniowości). Jest to znacznie bliższe mobilnemu systemowi operacyjnemu, w którym tak naprawdę nie można mieć pojedynczych okien. Możesz mieć podzielony ekran i mniejszą nakładkę okna mobilnego w oknie tła na pełnym ekranie, ale nie ma skalowania, reorganizacji ani minimalizacji.

Kiedy tworzę na pulpicie, mam wiele otwartych okien i pojedyncze pulpity. Na przykład mogę mieć otwarty pulpit z trzema oknami przeglądarki, jednym do narzędzi programistycznych, jednym do tworzenia i jednym do badań. Na innym pulpicie mogę mieć połączenie FTP, komunikację Slack z moim zespołem i nie tylko.

Następnie przesuwam między pulpitami, oknami i kartami, minimalizując i porządkując w razie potrzeby. Jest to niemożliwe do zrobienia na iPadzie, a spotkać się jeszcze gorzej, ponieważ nie możemy jeszcze mieć prawdziwej obsługi monitora zewnętrznego.

Przechodzenie między oknami jest w rzeczywistości bardzo łatwe, możesz używać gestów dotykowych przesuwania. To jest coś, co bardzo mi się podoba, poza tym, że mam do dyspozycji ekran dotykowy. Jak wspomniałem na początku tego artykułu, można go używać do szybkiego zaznaczania elementów i podświetlania rzeczy, a dla mnie jest nieco szybszy niż użycie myszy.

Ale moja wielozadaniowa wydajność nie jest nawet zbliżona do tego, co jest na komputerze stacjonarnym. To nie uniemożliwia rozwoju, ale wystarczająco utrudnia, abym chciał laptopa zamiast iPada. Myślę, że byłoby to całkowicie unieważnione, gdyby Apple zapewniło obsługę zewnętrznego monitora i rzeczywiste okna. Chociaż zdecydowanie musiałbym uaktualnić wersję z 11 do 12,9 cala.

Czy możesz tworzyć strony internetowe na iPadzie?

Połączenie tych funkcji i oprogramowania umożliwia tworzenie stron internetowych na iPadzie Pro. Ale czy jest to łatwe czy zalecane? Niestety nie.

Oczywiście korzystanie z komputera stacjonarnego lub laptopa z w pełni funkcjonalnym systemem operacyjnym zawsze będzie lepsze niż iPad Pro, o ile działa na nim iPadOS. To urządzenie, które po prostu nie zostało zaprojektowane tak, aby pasowało do funkcji komputera stacjonarnego, dlatego jest tak szybkie i łatwe w użyciu dla konsumentów.

I tak, jeśli chcesz osiągnąć sukces i musisz korzystać z narzędzi innych firm, takich jak Koder i Inspect Browser, tworzenie i tworzenie witryn internetowych na iPadzie jest więcej niż wykonalne.

Będziesz potrzebować zewnętrznej myszy i klawiatury (magiczna klawiatura jest świetna) i będziesz musiał zadowolić się mniejszym ekranem, nawet jeśli zdecydujesz się na większą wersję 12,9 cala (co zdecydowanie powinieneś, 11 cali to za mało) .

Czy powinieneś kupić iPada Pro jako programista internetowy?

Możesz być zaskoczony tą rekomendacją po ostatniej sekcji, ale dla mnie jest to zdecydowane tak. Jeśli możesz znaleźć miejsce w swoim budżecie na zakup iPada Pro, zdecydowanie powinieneś. W tym artykule przyjrzeliśmy się iPadowi Pro z perspektywy programisty, który chce zastąpić laptopa lub komputer stacjonarny – co oznacza, że ​​będziesz potrzebować funkcji laptopa lub komputera stacjonarnego, takich jak zarządzanie oknami, w pełni funkcjonalne przeglądarki, łatwiejsze w użyciu narzędzia do zarządzania plikami, i więcej.

Chociaż nie możesz wymienić komputera stacjonarnego lub laptopa, z pewnością możesz go rozszerzyć. Nie noszę już laptopa, o ile mogę wrócić do biura w ciągu dnia, aby rozwiązać jakiekolwiek poważne problemy. Dzięki aplikacjom wymienionym w tym artykule poradzę sobie z każdym problemem, który pojawia się na stronach klientów (choć może to być wolniejsze).

Jest również znacznie mniejszy i łatwiejszy do noszenia.

Najczęściej używam iPada do „zajętej” pracy. Obejmuje to komunikowanie się z moim zespołem, pisanie e-maili, prowadzenie działań informacyjnych i tworzenie kontaktów dla tego bloga. Jeśli chcesz być produktywny w tym sensie, to jest to niesamowite doświadczenie. Przenośność urządzenia oznacza, że ​​możesz wykonywać swoją pracę z dowolnego miejsca, a posiadanie ekranu dotykowego jest niesamowite. Jeśli już korzystasz z komputera Mac, iPad iOS i macOS integrują się bezproblemowo, co oznacza, że ​​możesz łatwo kontynuować od miejsca, w którym przerwałeś.

Z łatwością zauważyłem zwrot z inwestycji, jeśli chodzi o posiadanie urządzenia, na którym mogę się komunikować, oraz tworzenie i rozwiązywanie problemów ze stronami internetowymi w najgorszym przypadku z dowolnego miejsca.

Dodatkowo to narzędzie jest niesamowite pod względem użytkowania przez konsumentów. Ekran ma bardzo wysoką rozdzielczość, więc oglądanie filmów lub filmów po długim dniu pracy jest niesamowite. Posiadanie iPada i Apple Pencil razem oznacza, że ​​możesz tworzyć oszałamiające rysunki dla przyjemności lub jeśli chcesz wizualnie komunikować swoje pomysły.

Co myślisz?

Jeśli masz dodatkowe pytania lub przemyślenia dotyczące używania iPada do tworzenia i tworzenia stron internetowych, możesz je zostawić w sekcji komentarzy poniżej.