Bir iPad Pro'da Web Siteleri Geliştirebilir misiniz?

Bu makale, bir iPad Pro'da web siteleri geliştirmeye derin bir dalış yapacak. Bir WordPress ajansının sahibi ve profesyonel bir WordPress geliştiricisi olarak bir süredir bu konseptle ilgileniyorum.

Ocak 2021'de Apple Pencil ve Apple iPad klavyesinin yanında bir iPad Pro 11 inç aldım. Bu aslında bana iPadOS ile dizüstü bilgisayar benzeri bir deneyim kazandırdı. Satın alırken asla bir geliştirme makinesi olması amaçlanmamıştı. Bunun yerine, üretkenlik için amaçlandığı gibi kullanacaktım. Bu, bu blog için içerik yazmayı ve burada ve Youtube Kanalındaki çeşitli yorumları yanıtlamayı içerir.

Neden Bir iPad'de Geliştirme Yapmalısınız?

İPad, çok küçük bir form faktöründe saçma bir miktarda işlem gücü, yüksek çözünürlüklü bir ekran ve dokunmatik giriş sunar. Tasarım ve yapım kalitesi gittikçe, bu çok yüksek kaliteli bir cihazdır ve gittiğiniz her yere yanınızda getirilebilir. Bu nedenle, bir iPad geliştirmek, bir masaüstü veya dizüstü bilgisayara harika bir ek olabilir.

Benim için, cihazı neredeyse gittiğim her yere götürdüğümü fark ettim. Oluşturduktan sonra birçok WordPress web sitesini yönettiğim için, ofis dışındayken ortaya çıkabilecek önemli sorunları gidermek için genellikle bir dizüstü bilgisayar getiririm. Ancak, o dizüstü bilgisayarı bir iPad ile değiştirebilirsem, bu çok daha kolay. Hücresel modeli seçerseniz, herhangi bir yerden tüm müşteri web sitelerine bir sinyalle erişebileceksiniz.

Ek olarak, dizüstü bilgisayarım bir Windows makinesi ve masaüstü, iPhone ve iPad'in Apple ekosistemine uyan bir şeye sahip olmak çok daha yüksek üretkenlik sağlıyor. İçerik oluşturma açısından bakıldığında, iPad, nerede olursanız olun masaüstü işlerinden almak için mükemmel bir cihazdır.

Donanım İzin Veriyor mu?

İlk olarak, gerçek donanımın geliştirme ihtiyaçlarımı destekleyip destekleyemeyeceğini bulmam gerekiyor. Bu, teknik özelliklere, klavyeye, izleme dörtgenine ve cihaza veri girmenin ek yollarına bakacağım anlamına geliyor.

Cihaza saf hız açısından bakarsak, şimdiye kadar kullandığım en hızlı cihazlardan biri... buna iMac Pro'nun eski sürümleri de dahildir. Sürümüm 2. Nesil iPad Pro , yani 64 bit mimariye sahip A12Z Bionic çipim var. Ancak, 3. nesil (yeni M1 Chip'e sahip olan) 11. nesil arkadaşlarımla uğraştım, bu yüzden burada bu performanstan bahsedeceğim:

M1 yongası, iPadOS ve içindeki ek donanımın birleşimi inanılmaz performansa yol açar. Web siteleri ve web uygulamaları teknik olarak mümkün olduğunca hızlı yükleniyor ve video işleme dizüstü bilgisayarımdan bile daha iyi.

Dokunmatik ekran ve Apple Pencil, oluşturduğunuz web siteleriyle etkileşim kurma biçiminize yepyeni boyutlar getiriyor. Bizim için ajansımız düz PHP veya Oxygen Builder ile oluşturur. Büyük düğmelere veya sürükle ve bırak işlevine sahip bir şey kullanıyorsanız, dokunmatik ekran, izleme dörtgenini kullanmaktan çok daha hızlı hale getirecektir. Bazı Windows kullanıcıları dizüstü bilgisayarlarında dokunmatik ekranla şımartılır, ancak Apple kullanıcıları için bu tür bir veri girişi işlevi istiyorsanız iPad'e takılıp kalırsınız.

Apple Pencil ayrıca kavramları ve Tel Çerçeveleri hızlı bir şekilde çizmeyi gerçekten kolaylaştırır. Notlar uygulamasında (veya Adobe Draw) oluşturulduktan sonra bunları müşterilere ve tasarımcılara gönderebilir veya daha yüksek çözünürlüklü maketler oluşturmak veya bilgi düzeni ve sayfa akışları hakkında geri bildirim almak isterim.

Ekranın kendisi çok yüksek çözünürlüklüdür ve harika bir görüntüleme deneyimi için daha yüksek yenileme hızına sahiptir. Buradaki dezavantaj, "mini" bir dizüstü bilgisayardan bile çok daha küçük olan 11 inçlik bir ekran olmasıdır. Bu nedenle, 11 inçlik iPad Pro'yu ana geliştirme cihazınız yapmayı planlıyorsanız, bunu yeniden gözden geçirmeniz gerekecek, çünkü sadece daha büyük bir monitör ve çözünürlük gerektiren birkaç şeyi yapmak neredeyse imkansız (bundan sonra bahsedeceğiz).

Aslında o zamanlar ihtiyaçlarım için çok büyük olduğunu düşündüğüm 12 inç iPad Pro'yu seçmeyi isterdim. Ancak, bu cihazı öncelikle web siteleri geliştirmek için kullanmadığım ve bir masaüstü ve dizüstü bilgisayarım olduğu için bu korkunç değil.

Hatta bir iPad Pro ile içerik oluşturmayı veya geliştirmeyi düşünüyorsanız (bir eğlence veya iletişim cihazı için kullanmak yerine), bunun için %100 bir klavye ve izleme dörtgeni tuşlarına ihtiyacınız olacaktır. Logitech'ten Apple'a kadar birçok üretici var, ancak Apple Magic Keyboard, yapı kalitesi ve gerçek kullanım deneyimi açısından tüm rekabeti sudan çıkarıyor.

Tuşlarını yazmak, Mac'lerde kesinlikle korkunç olan eski kelebek klavyelerin aksine, dokunsal bir deneyimdir. Buradaki dezavantaj, 11 inç olan cihazın boyutundan kaynaklanıyor, kasaya tam boyutlu bir klavye yerleştirmenin olası bir yolu yok. İşte alacağınız anahtarlar:

İzleme dörtgeni küçüktür, ancak kullanımı kolaydır, çok hassastır ve yüksek kalitelidir. Tıklamak da dokunsaldır. İPad için bir klavye kılıfına ihtiyacınız varsa, bu kesinlikle en iyi seçeneğinizdir. Rakipler, kötü yazma deneyimleri ve izleme pedleri ile sadece daha düşük kalitededir. Bu kasanın tek olumsuz yanı, kauçuk tipi bir yüzeye sahip olması ve iPad'i düşürürseniz kesinlikle onu koruyacaktır, ancak aynı zamanda yırtılabilir veya yırtılabilir (benimkinin kenarlarında küçük yırtıklar var... korkunç bir şey yok, sadece can sıkıcı değil).

Bluetooth veya USB-c aracılığıyla ek aksesuarlar eklemek de mümkündür. Bu şekilde geleneksel bir fareye, daha büyük klavyeye ve hatta harici bir monitöre erişebilirsiniz. Bununla birlikte, harici monitör benim için önemli bir nokta, umarım iPadOS'un gelecekteki sürümlerinde ele alırlar.

Bir iPad'e harici bir monitör bağlayabilirsiniz, ancak bu yalnızca ekranı ve çözünürlüğü yansıtır. Bu, herhangi bir uygulama için ek alana sahip olmadığınız anlamına gelir; bu, bir geliştiricinin çeşitli girdiler ve çıktılar arasında sıçrama akışına girmesini çok zorlaştırır - örneğin bir kod parçacığı kitaplığı, geliştirici için tarayıcı penceresi ve araştırma için başka bir (ör. yığın akışı) ).

Bunun için bazı geçici çözümler var, ancak bence herhangi bir geliştirici için gerekli olan harici bir monitörle dizüstü bilgisayar benzeri bir deneyimin yanına bile yaklaşmayın.

Daha da can sıkıcı olan, bunun bir donanım sınırlaması değil, işletim sisteminin bir sınırlaması olmasıdır. Bir sonraki oturumda tartışacağımız gibi, iPadOS arzulanan çok şey bırakıyor, ancak aynı zamanda sürekli olarak gelişiyor ve masaüstü benzeri bir deneyime yaklaşıyor, bu nedenle bu makale bölümü yakında güncelliğini yitirebilir.

Bölümü bitirmek için, donanım teknik olarak geliştirmenin gerçekleşmesine izin verir. Herhangi bir klavye ve fare bağlayabilirsiniz, ancak ekran boyutuyla sınırlıdır. Harici monitörler için çok zayıf destek var, bu yüzden orada başvuru yok. Ancak gerekirse, 11 inçlik bir ekranda geliştirme yapmak mümkün olmaktan daha fazlasıdır. Ek olarak, dokunmatik ekran desteği ve Apple Pencil, gerçekte ne yaptığınıza bağlı olarak çok daha üretken bir deneyim sağlayabilir.

Bunun ciddi şekilde geliştirdiği bir şey, tel çerçevelerin ve web sitesi konseptlerinin oluşturulmasıdır. Apple Kurşun Kalem'i (tıpkı gerçek bir kurşun kalem gibi kontrol ve basınç hassasiyeti sağlar) kullanarak bir tane çizmek çok kolay, bir tasarımcıya gönderin - ne yapmak istediğimi mükemmel bir şekilde anlıyorlar. Bu, fikirleri sesli olarak iletmeye veya bunları bir e-posta/Slack ile göndermeye çalışmaktan farklıdır.

Apple Pencil, iPad ve Magic Keyboard kombinasyonu, yerel Apple bileşenleri oldukları için hepsi birlikte mükemmel şekilde çalışır. Bu deneyim kendi içinde çok kaliteli ve kalitelidir.

iPadOS Geliştirme Görevlerini Destekleyebilir mi?

Web siteleri ve bir iPad Pro geliştirmenin ikinci engeli, işletim sisteminin ihtiyaçlarımızı karşılayıp karşılayamayacağını belirlemektir. Buna çeşitli uygulamalara erişim, işlem gücü ve uygulamalar, notlar, web tarayıcıları ve daha fazlası arasında geçiş yapmayı kolaylaştıran genel bir kullanıcı arabirimi dahildir.

Erişmeniz gereken en önemli iki uygulama, geliştirici odaklı bir tarayıcı ve bir kod düzenleyicidir. Ayrıca, masaüstü işletim sistemleriyle aynı düzeyde olan güçlü bir dosya yönetim aracına da ihtiyacınız var.

Hangi Web Tarayıcısı?

Can sıkıcı bir şekilde, iPadOS'ta geliştirme görevleri için konumlar hakkında yerleşik Safari'yi veya başka herhangi bir büyük web tarayıcısını kullanamazsınız. Bunun nedeni, hiçbir geliştirici aracının dahil edilmemesidir. Web siteleri oluşturmak için ihtiyaç duyduğunuz çeşitli çevrimiçi uygulamalara kesinlikle erişebilirsiniz, ancak DevTools olmadan ciddi şekilde sakatlanıyorsunuz.

Bir Mac'iniz varsa, bundan kurtulmanın bir yolu var - Safari'yi bir kablo kullanarak bilgisayara bağlamanız ve ardından masaüstünde veya dizüstü bilgisayarda Safari'nin üst menüsünde iPad'i adreslemeniz gerekir. Ancak... bu, dizüstü bilgisayarı yanınızda taşımanız gerekeceğinden, bir iPad geliştirme amacını ortadan kaldırır.

Bunu aşmanın yolu, içinde yerleşik geliştirici araçları bulunan bağımsız bir web tarayıcı uygulamasıdır.

iPadOS'ta bir araç tarayıcısı aradığınızda, yaklaşık üç seçenekle karşılaşırsınız. Bunlardan ikisi korkunç ve biri çalışıyor: Parallax Dynamics Inc.'in Tarayıcısını İnceleyin.

Bu ücretli bir uygulamadır ve fiyatı 6,99 ABD dolarıdır, ancak iOS veya iPadOS kullanıyorsanız bir tarayıcıda gerçek bir geliştirme araç kiti edinmenin tek yolu budur.

Dahil edilen özellikler şunlardır:

• JavaScript konsolu.
• HTML öğesi inceleme ve düzenleme (canlı önizleme ile).
• CSS inceleme ve düzenleme (canlı önizleme ile).
• Öğe ayrıntılarını görüntüleyin: CSS kuralları, JavaScript özellikleri, boyut istatistikleri ve daha fazlası.
• Yerel olarak test etmek için diğer uygulamalardan (Çalışan Kopya gibi) veya iCloud'dan dosya ve klasörleri açın.
• Sayfa başlıklarını ve XHR isteklerini gösteren ağ paneli.
• Duyarlı tasarım araçları: Özel boyutlar ve kullanıcı aracıları desteği de dahil olmak üzere çeşitli mobil ve masaüstü boyutları ve yönleriyle sitenizi görüntüleyin.
• Tanımlama bilgileri, yerel depolama ve oturum depolama denetçisi ve düzenleyicisi.
• Kaynak grafiği.
• Ham sayfa kaynağını görüntüleyin.
• Tarayıcı işlemi üzerinde kontrol: JavaScript'i devre dışı bırakın, önbellekleyin ve çeşitli işlemleri ve durumları test etmek için önbelleği ve çerezleri temizleyin.
• Tam sayfayı kaydetme özelliği de dahil olmak üzere sitenizin ekran görüntüsünü kaydedin.

Çok sağlam bir araçtır, ancak masaüstü tarayıcı alternatiflerine uygun değildir. Ancak, bir iPad üzerinde geliştireceksek, bunun sahip olunması gereken önemli bir uygulama olduğunu öneririm.

Tarayıcı, .

Kod Düzenleyici?

Sıradaki, kodu düzenleme, snippet'leri yönetme ve FTP aracılığıyla web sitelerine bağlanmanın kolay bir yöntemidir. Bu üç özelliğin her biri, WordPress, özellikle de FTP geliştiren herkes için mutlak bir gerekliliktir. Ancak, FTP'nin harika bir kodlama deneyimine entegre edilmesi gerekir, yoksa neredeyse hiçbir işe yaramaz.

Bunun için uygulamaya Koder denir.

Bu, kodlama yapmanıza, sunuculara SSH veya FTP üzerinden erişmenize, parçacıkları yönetmenize ve birkaç başka şey yapmanıza olanak tanıyan hepsi bir arada bir araçtır. Benim düşünceme göre, bu uygulama aslında masaüstü alternatifleriyle rekabet ediyor - ve ücretsiz!

Bu iki uygulama, bir web geliştiricisinin bir iPad Pro oluştururken sahip olacağı kullanım durumlarının çoğunu kapsar. Tüm sunuculara SSH veya FTP yoluyla bağlanabilir, çevrimiçi araçlara erişmek için herhangi bir web tarayıcısını kullanabilir ve güçlü ve iyi özellikli bir geliştirici araç setinden yararlanmak için Inspect Browser'ı kullanabilirsiniz.

iPadOS'un Kendi Kullanıcı Arayüzü/UX'i

Artık bir iPad'de geliştirmek için gereken başlıca özellikleri ele aldığımıza göre, şimdi iPadOS'un kullanıcı arayüzü ve deneyimi hakkında konuşalım. Bu, özellikle bir masaüstü işletim sistemiyle karşılaştırıyorsanız, arzulanan çok şey bırakır. Temelde bir mobil ve masaüstü deneyimi arasında bir geçiş, yani artıları ve eksileri var.

Birincisi, bu iPadOS 13'ü gözden geçirmek ve her yeni sürümle birlikte tam özellikli bir masaüstü işletim sistemi olmaya daha da yaklaşıyor, yani yıllar geçtikçe bir iPad'de geliştirmenin çok daha kolay hale geleceği anlamına geliyor.

Benim için iPadOS akışımı engelliyor, yani bir masaüstü tarayıcıda sahip olduğum üretkenliğin aynısını tekrarlayamam. Hiçbir şekilde iPad'de geliştirme ve kodlamayı imkansız kılmaz, ancak Windows veya macOS ile aynı özelliklere sahip değildir.

En büyük engel, uygulamaların nasıl görüntülendiği ve yönetildiğidir (veya çoklu görev özellikleri). Bu, gerçekten ayrı pencerelere sahip olamayacağınız bir mobil işletim sistemine çok daha yakın. Tam ekran arka plan penceresinde bölünmüş bir ekrana ve daha küçük bir mobil pencere kaplamasına sahip olabilirsiniz, ancak ölçeklendirme, yeniden düzenleme veya simge durumuna küçültme yoktur.

Bir masaüstünde oluşturduğumda, birçok açık pencerem ve ayrı masaüstlerim var. Örneğin, biri geliştirme araçları, biri oluşturma ve biri araştırma için olmak üzere üç tarayıcı penceresinin açık olduğu bir masaüstüm olabilir. Başka bir masaüstünde bir FTP bağlantım, ekibimle Slack iletişimi ve daha fazlası olabilir.

Daha sonra masaüstleri, pencereler ve sekmeler arasında kaydırarak gerektiği gibi küçültüp organize ediyorum. Bunu bir iPad'de yapmak imkansız ve henüz gerçek harici monitör desteğine sahip olamadığımız için daha da kötüsüyle karşılaşıyoruz.

Pencereler arasında geçiş yapmak aslında çok kolaydır, dokunmatik dokunma hareketlerinde kaydırmayı kullanabilirsiniz. Bu, benim emrimde bir dokunmatik ekrana sahip olmanın yanı sıra gerçekten sevdiğim bir şey. Bu makalenin başında bahsettiğim gibi, öğeleri hızlı bir şekilde seçmek ve bir şeyleri vurgulamak için kullanılabilir ve benim için fare kullanmaktan biraz daha hızlı.

Ancak çoklu görev üretkenliği akışım, masaüstündekine yakın değil. Bu geliştirmeyi imkansız kılmaz, ancak iPad yerine dizüstü bilgisayar istememi yeterince zorlaştırıyor. Apple harici monitör desteği ve gerçek pencereler verseydi, bunun tamamen geçersiz olacağını düşünüyorum. Yine de kesinlikle 11'den 12.9 inçlik sürüme yükseltmem gerekecek.

Bir iPad'de Web Siteleri Geliştirebilir misiniz?

Bu özelliklerin ve yazılımların bir kombinasyonu, bir iPad Pro'da web siteleri geliştirmeyi mümkün kılar . Ancak, kolay mı yoksa tavsiye edilir mi? Ne yazık ki değil.

Açıkçası, tam özellikli bir işletim sistemine sahip bir masaüstü bilgisayar veya dizüstü bilgisayar kullanmak, iPadOS çalıştırdığı sürece her zaman iPad Pro'dan daha iyi olacaktır. Bir masaüstünün özelliklerine uyacak şekilde tasarlanmamış bir makinedir, bu nedenle tüketiciler için bu kadar hızlı ve kullanımı kolaydır.

Ve evet, bir üretkenlik vuruşu yapmak istiyorsanız ve Koder ve Inspect Browser gibi üçüncü taraf araçları kullanmak zorundaysanız, bir iPad'de web siteleri geliştirmek ve oluşturmak mümkün olmaktan çok daha fazlasıdır.

Harici bir fare ve klavyeye ihtiyacınız olacak (sihirli klavye harika) ve daha büyük 12.9 inçlik sürümü seçseniz bile daha küçük bir ekranla yetinmek zorunda kalacaksınız (ki kesinlikle yapmalısınız, 11 inç yeterli değil) .

Bir web geliştiricisi olarak bir iPad Pro Almalı mısınız?

Son bölümden sonra bu tavsiyeye şaşırmış olabilirsiniz ama bu benim için kocaman bir evet. Bütçenizde bir iPad Pro satın almak için yer bulabilirseniz, kesinlikle yapmalısınız. Bu makale, iPad Pro'ya bir dizüstü bilgisayarı veya masaüstünü değiştirmek isteyen bir geliştiricinin gözünden baktı - yani, bir dizüstü bilgisayarın veya masaüstünün pencere yönetimi, tam özellikli tarayıcılar, kullanımı daha kolay dosya yönetimi araçları gibi özelliklerine ihtiyacınız olacak, ve dahası.

Masaüstünüzü veya dizüstü bilgisayarınızı değiştiremeseniz de, kesinlikle artırabilirsiniz. Önemli sorunları çözmek için gün içinde ofise dönebildiğim sürece dizüstü bilgisayarımı artık yanımda taşımıyorum. Bu yazıda bahsedilen uygulamalarla, istemci web sitelerinde ortaya çıkan her türlü sorunu (daha yavaş olsa da) halledebilirim.

Ayrıca çok daha küçük ve taşıması daha kolay.

Kendimi iPad'i en çok "meşgul" işler için kullanırken buldum. Buna ekibimle iletişim kurmak, e-posta yazmak, sosyal yardım yapmak ve bu blog için iletişim kurmak dahildir. Bu anlamda üretken olmak istiyorsanız, o zaman bu inanılmaz bir deneyim. Cihazın taşınabilirliği, işinizi hemen hemen her yerden tamamlayabileceğiniz anlamına gelir ve dokunmatik ekrana sahip olmak harikadır. Halihazırda bir Mac bilgisayardaysanız, iPad iOS ve macOS sorunsuz bir şekilde entegre olur, yani kaldığınız yerden kolayca devam edebilirsiniz.

Her yerden iletişim kurabileceğim ve en kötü senaryo geliştirip web sitelerinde sorun giderebileceğim bir cihaza sahip olmam açısından yatırımın geri dönüşünü kolayca gördüm.

Ek olarak, bu araç tüketici kullanımı açısından inanılmaz. Ekran süper yüksek çözünürlüklüdür, bu nedenle üzerinde uzun bir çalışma gününden sonra film veya video izlemek harikadır. Bir iPad ve bir Apple Pencil'ın bir arada olması, zevk için veya fikirlerinizi görsel olarak iletmek istiyorsanız, çarpıcı çizimler oluşturabileceğiniz anlamına gelir.

Ne düşünüyorsun?

Web siteleri geliştirmek ve oluşturmak için iPad kullanmayla ilgili başka sorularınız veya düşünceleriniz varsa, bunları aşağıdaki yorumlar bölümünde bırakmaktan çekinmeyin.