هل يمكنك تطوير مواقع الويب على iPad Pro؟

ستأخذ هذه المقالة نظرة عميقة في تطوير مواقع الويب على iPad Pro. بصفتي مالكًا لوكالة WordPress ومطور WordPress محترفًا ، فقد كنت مهتمًا بهذا المفهوم لبعض الوقت.

حصلت على iPad Pro 11 بوصة في يناير 2021 ، جنبًا إلى جنب مع Apple Pencil ولوحة مفاتيح Apple iPad. لقد منحني هذا بشكل أساسي جهاز كمبيوتر محمول مثل تجربة iPadOS. عند الشراء ، لم يكن المقصود منها أن تكون آلة تطوير. بدلاً من ذلك ، كنت سأستخدمه على النحو المنشود ، من أجل الإنتاجية. يتضمن ذلك كتابة محتوى لهذه المدونة ، والرد على التعليقات المختلفة هنا وعلى قناة Youtube.

لماذا التطوير على جهاز iPad؟

يوفر جهاز iPad قدرًا هائلاً من قوة المعالجة وشاشة عالية الدقة وإدخال باللمس في شكل صغير جدًا. مع استمرار جودة التصميم والبناء ، يعد هذا جهازًا عالي الجودة للغاية ، ويمكن إحضاره إلى أي مكان تذهب إليه. لهذا السبب ، يمكن أن يكون تطوير جهاز iPad مكملاً رائعًا لجهاز كمبيوتر سطح المكتب أو الكمبيوتر المحمول.

بالنسبة لي ، وجدت أنني أحضر الجهاز في كل مكان أذهب إليه تقريبًا. نظرًا لأنني أدير العديد من مواقع WordPress على الويب بعد الإنشاء ، فأنا عادةً ما أحضر جهاز كمبيوتر محمول لاستكشاف أي مشكلات رئيسية قد تنشأ عندما أكون خارج المكتب وإصلاحها. ومع ذلك ، إذا كان بإمكاني استبدال هذا الكمبيوتر المحمول بجهاز iPad ، فسيكون ذلك أسهل. إذا اخترت الطراز الخلوي ، فستتمكن من الوصول إلى أي وجميع مواقع الويب الخاصة بالعميل من أي مكان باستخدام إشارة.

بالإضافة إلى ذلك ، جهاز الكمبيوتر المحمول الخاص بي هو جهاز يعمل بنظام Windows ، ووجود شيء يناسب نظام Apple البيئي لسطح المكتب ، و iPhone ، و iPad ، يؤدي إلى إنتاجية أعلى بكثير. من وجهة نظر إنشاء المحتوى ، يعد iPad جهازًا مثاليًا لالتقاط أعمال سطح المكتب في أي مكان أنت فيه.

هل تسمح الأجهزة بذلك؟

أولاً ، أحتاج إلى معرفة ما إذا كانت الأجهزة الفعلية ستكون قادرة على دعم احتياجاتي للتطوير. هذا يعني أنني سأبحث في المواصفات ولوحة المفاتيح ولوحة التتبع والطرق الإضافية لإدخال البيانات في الجهاز.

إذا نظرنا إلى الجهاز من منظور السرعة البحتة ، فهو أحد أسرع الأجهزة التي استخدمتها على الإطلاق ... وهذا يشمل الإصدارات القديمة من iMac Pro. إصداري هو الجيل الثاني من iPad Pro ، مما يعني أن لديّ شريحة A12Z Bionic ببنية 64 بت. ومع ذلك ، فقد عبثت مع رفاقي من الجيل الثالث 11 بوصة (الذي يحتوي على شريحة M1 الجديدة) ، لذلك سأتحدث عن هذا الأداء هنا:

يؤدي الجمع بين شريحة M1 و iPadOS والأجهزة الإضافية إلى أداء مذهل. يتم تحميل مواقع الويب وتطبيقات الويب بأسرع ما يمكن تقنيًا ، كما أن عرض الفيديو أفضل من جهاز الكمبيوتر المحمول.

توفر شاشة اللمس و Apple Pencil أبعادًا جديدة تمامًا لكيفية تفاعلك مع مواقع الويب التي تنشئها. بالنسبة لنا ، تبتكر وكالتنا PHP أو Oxygen Builder. إذا كنت تستخدم شيئًا به أزرار كبيرة أو وظيفة السحب والإفلات ، فإن شاشة اللمس ستجعله أسرع كثيرًا من استخدام لوحة التتبع. بعض مستخدمي windows مدللون بشاشة تعمل باللمس على الكمبيوتر المحمول الخاص بهم ، ولكن بالنسبة لمستخدمي Apple ، فأنت عالق مع iPad إذا كنت تريد هذا النوع من وظائف إدخال البيانات.

يجعل Apple Pencil أيضًا من السهل حقًا رسم المفاهيم والإطارات السلكية بسرعة. بمجرد الإنشاء ، في تطبيق الملاحظات (أو Adobe Draw) ، يمكنني إرسالها إلى العملاء والمصممين أو أرغب في إنشاء نماذج بالأحجام الطبيعية عالية الدقة أو الحصول على تعليقات حول تخطيط المعلومات وتدفق الصفحة.

الشاشة نفسها عالية الدقة ومعدل تحديث أعلى مما يجعلها تجربة مشاهدة رائعة. العيب هنا هو أنها شاشة 11 بوصة ، أصغر بكثير حتى من كمبيوتر محمول "صغير". لهذا السبب ، إذا كنت تخطط لجعل جهاز iPad Pro مقاس 11 بوصة هو جهاز التطوير الرئيسي ، فستحتاج إلى إعادة النظر في ذلك لأنه من المستحيل فعليًا القيام بالعديد من الأشياء التي تتطلب ببساطة شاشة ودقة أكبر (المزيد حول هذا لاحقًا).

أتمنى حقًا أن أختار جهاز iPad Pro مقاس 12 بوصة ، والذي اعتبرته في ذلك الوقت كبيرًا جدًا بالنسبة لاحتياجاتي. ومع ذلك ، هذا ليس فظيعًا لأنني لا أستخدم هذا الجهاز بشكل أساسي لتطوير مواقع الويب ، ولدي سطح مكتب وجهاز كمبيوتر محمول.

إذا كنت تفكر في إنشاء محتوى أو تطويره باستخدام iPad Pro (بدلاً من استخدامه للترفيه أو جهاز الاتصال) ، فستحتاج 100٪ إلى لوحة مفاتيح ومفاتيح لوحة التتبع. هناك العديد من المصنّعين ، من لوجيتك إلى آبل ، لكن لوحة مفاتيح أبل ماجيك تتفوق على جميع المنافسين من حيث جودة البناء والتجربة الفعلية لاستخدامها.

تعد الكتابة على مفاتيحها تجربة لمسية ، على عكس لوحات مفاتيح الفراشة القديمة على أجهزة Mac التي كانت مروعة للغاية. يرجع العيب هنا إلى حجم الجهاز ، وهو 11 بوصة ، ولا توجد طريقة ممكنة للحصول على لوحة مفاتيح كاملة الحجم مدمجة في العلبة. إليك المفاتيح التي تحصل عليها:

لوحة التتبع صغيرة ولكنها سهلة الاستخدام ودقيقة للغاية وعالية الجودة. النقر هو أيضا عن طريق اللمس. إذا كنت بحاجة إلى غطاء لوحة مفاتيح لجهاز iPad ، فهذا بالتأكيد أفضل خيار لك. المنافسون ذوو جودة أقل ، مع تجارب كتابة ومنصات تتبع رديئة. العيب الوحيد في هذه الحالة هو أنه يحتوي على نوع مطاط ، وإذا أسقطت جهاز iPad ، فسوف تحميه بالتأكيد ، ولكن أيضًا قد يتمزق أو تمزق (لدي تشققات طفيفة على الحواف ... لا شيء فظيع ، فقط مزعج).

من الممكن أيضًا إرفاق ملحقات إضافية عبر Bluetooth أو USB-c. بهذه الطريقة يمكنك الوصول إلى ماوس تقليدي ولوحة مفاتيح أكبر وحتى شاشة خارجية. ومع ذلك ، تعد الشاشة الخارجية نقطة شائكة رئيسية بالنسبة لي وآمل أن تتناولها في الإصدارات المستقبلية من iPadOS.

بينما يمكنك توصيل شاشة خارجية بجهاز iPad ، فإنها تعكس ببساطة الشاشة والدقة. هذا يعني أنك لن تحصل على مساحة إضافية لأي تطبيقات ، مما يجعل من الصعب جدًا على المطور الدخول في تدفق الارتداد بين المدخلات والمخرجات المختلفة - مثل مكتبة مقتطفات التعليمات البرمجية ، ونافذة المتصفح للتطوير ، وأخرى للبحث (مثل stackoverflow ).

هناك بعض الحلول لذلك ، ولكن لا تقترب حتى من جهاز كمبيوتر محمول مثل تجربة مع شاشة خارجية ، وهو أمر ضروري في رأيي لأي مطور.

الأمر الأكثر إزعاجًا هو أن هذا ليس قيودًا على الأجهزة ، ولكنه تقييد لنظام التشغيل. كما سنناقش في الجلسة التالية ، يترك iPadOS الكثير مما هو مرغوب فيه ، ولكن في نفس الوقت يتحسن باستمرار ويقترب من تجربة تشبه سطح المكتب ، لذلك قد يصبح قسم المقالة هذا قديمًا قريبًا.

لاختتام القسم ، تسمح الأجهزة تقنيًا بحدوث التطوير. يمكنك إرفاق أي لوحة مفاتيح وماوس ، لكنك مقيد بحجم الشاشة. هناك دعم ضعيف للغاية للمراقبين الخارجيين ، لذلك لا يوجد ملاذ هناك. ولكن إذا احتجت إلى ذلك ، فإن التطوير على شاشة مقاس 11 بوصة يعد أكثر من ممكن. بالإضافة إلى ذلك ، يمكن أن يوفر دعم شاشة اللمس و Apple Pencil تجربة أكثر إنتاجية اعتمادًا على ما تفعله بالفعل.

الشيء الوحيد الذي يحسنه هذا بشكل خطير هو إنشاء إطارات سلكية ومفاهيم مواقع الويب. من السهل جدًا استخلاص واحد باستخدام Apple Pencil (الذي يوفر تحكمًا وحساسية للضغط ، تمامًا كقلم رصاص حقيقي) ، وإرساله إلى مصمم - لديهم فهم كامل لما أتطلع إلى القيام به. هذا يعارض محاولة توصيل الأفكار بصوت عالٍ أو إرسالها في بريد إلكتروني / سلاك.

تعمل مجموعة Apple Pencil و iPad و Magic Keyboard معًا بشكل مثالي لأنها مكونات Apple أصلية. هذه التجربة في حد ذاتها ممتازة وعالية الجودة.

هل يمكن أن يدعم iPadOS واجبات التطوير؟

العقبة الثانية أمام تطوير مواقع الويب و iPad Pro هي تحديد ما إذا كان نظام التشغيل يمكنه دعم احتياجاتنا. يتضمن ذلك الوصول إلى العديد من التطبيقات ، وقوة المعالجة ، وواجهة مستخدم شاملة تسهل التنقل بين التطبيقات والملاحظات ومتصفحات الويب والمزيد.

أهم تطبيقين تحتاج إلى الوصول إليهما هما متصفح موجه للمطورين ومحرر كود. أنت أيضًا بحاجة إلى أداة قوية لإدارة الملفات ، تكون على قدم المساواة مع أنظمة تشغيل سطح المكتب.

ما مستعرض الويب؟

بشكل مزعج ، لا يمكنك استخدام Safari المدمج أو أي متصفح ويب رئيسي آخر حول مواقع مهام التطوير على iPadOS. هذا لأنه لا توجد أدوات مطور مدرجة. يمكنك بالتأكيد الوصول إلى العديد من التطبيقات عبر الإنترنت التي تحتاجها لإنشاء مواقع ويب ، ولكنك مقيد بشكل خطير بدون DevTools.

إذا كنت تمتلك جهاز Mac ، فهناك طريقة للخروج من ذلك - فأنت بحاجة إلى توصيل Safari بالكمبيوتر باستخدام كابل ، ثم تناول جهاز iPad في القائمة العلوية من Safari على سطح المكتب أو الكمبيوتر المحمول. لكن ... هذا يتعارض مع الغرض من تطوير جهاز iPad ، حيث ستحتاج إلى حمل الكمبيوتر المحمول.

الطريقة للتغلب على ذلك هي تطبيق مستعرض ويب مستقل يحتوي على أدوات مطور مدمجة فيه.

عندما تبحث عن مستعرض أدوات على iPadOS ، ستلتقي بثلاثة خيارات فقط. اثنان منهم فظيعان ، ويعمل أحدهما: فحص المتصفح بواسطة Parallax Dynamics Inc.

هذا تطبيق مدفوع ، يأتي بسعر 6.99 دولارًا ، ولكنه الطريقة الوحيدة للحصول على مجموعة أدوات تطوير حقيقية على متصفح إذا كنت تستخدم iOS أو iPadOS.

الميزات المضمنة هي:

• وحدة تحكم جافا سكريبت.
• فحص عنصر HTML وتحريره (مع معاينة مباشرة).
• فحص وتحرير CSS (مع معاينة مباشرة).
• عرض تفاصيل العنصر: قواعد CSS وخصائص JavaScript وإحصاءات الأبعاد والمزيد.
• افتح الملفات والمجلدات من تطبيقات أخرى (مثل Working Copy) ، أو من iCloud للاختبار محليًا.
• لوحة الشبكة ، تعرض رؤوس الصفحات وطلبات XHR.
• أدوات التصميم سريعة الاستجابة: اعرض موقعك بمجموعة متنوعة من أحجام واتجاهات الأجهزة المحمولة وسطح المكتب ، بما في ذلك دعم الأحجام المخصصة ووكلاء المستخدم.
• ملفات تعريف الارتباط والتخزين المحلي ومفتش تخزين الجلسة ومحررها.
• الرسم البياني للموارد.
• عرض مصدر الصفحة الأولية.
• التحكم في تشغيل المتصفح: تعطيل JavaScript وذاكرة التخزين المؤقت ومسح ذاكرة التخزين المؤقت وملفات تعريف الارتباط لاختبار العمليات والحالات المختلفة.
• احفظ لقطة شاشة لموقعك ، بما في ذلك القدرة على حفظ الصفحة كاملة.

إنها أداة قوية للغاية ، لكنها لا تتراكم مع بدائل متصفح سطح المكتب. ومع ذلك ، إذا كنا سنطور على جهاز iPad ، فإنني أقترح أن يكون هذا تطبيقًا أساسيًا لامتلاكه.

المتصفح.

محرر الكود؟

الطريقة التالية هي طريقة سهلة لتحرير التعليمات البرمجية وإدارة المقتطفات والاتصال بمواقع الويب عبر FTP. كل ميزة من هذه الميزات الثلاث هي ضرورة مطلقة لأي شخص يقوم بتطوير WordPress ، وتحديداً بروتوكول نقل الملفات (FTP). ولكن ، يجب دمج FTP في تجربة تشفير رائعة ، وإلا فلن تكون مجدية فعليًا.

تطبيق لذلك يسمى Koder.

هذه أداة الكل في واحد تسمح لك بالبرمجة والوصول إلى الخوادم عبر SSH أو FTP وإدارة المقتطفات والقيام ببعض الأشياء الأخرى. في رأيي ، هذا التطبيق ينافس بالفعل بدائل سطح المكتب - وهو مجاني!

يغطي هذان التطبيقان معظم حالات الاستخدام التي سيواجهها مطور الويب عند إنشاء iPad Pro. يمكنك الاتصال بأي وجميع الخوادم عبر SSH أو FTP ، واستخدام أي متصفح ويب للوصول إلى الأدوات عبر الإنترنت ، واستخدام Inspect Browser للاستفادة من مجموعة أدوات مطور قوية ومميزة.

UI / UX من iPadOS نفسه

الآن بعد أن قمنا بتغطية الميزات الرئيسية المطلوبة للتطوير على iPad ، فلنتحدث عن واجهة المستخدم وتجربة iPadOS نفسه. هذا يترك الكثير مما هو مرغوب فيه ، خاصة إذا كنت تقارن بنظام تشغيل سطح المكتب. إنها في الأساس تقاطع بين تجربة الهاتف المحمول وسطح المكتب ، مما يعني أن هناك إيجابيات وسلبيات.

أولاً ، هذا هو مراجعة iPadOS 13 ، ومع كل إصدار جديد يقترب من كونه نظام تشغيل سطح مكتب كامل الميزات ، مما يعني أنه مع مرور السنين ، سيصبح تطويره على جهاز iPad أسهل بكثير.

بالنسبة لي ، فإن iPadOS يحظر التدفق الخاص بي ، مما يعني أنه لا يمكنني تكرار نفس الإنتاجية التي كنت سأحصل عليها على متصفح سطح المكتب. لا يجعل ذلك بأي حال من الأحوال من المستحيل التطوير والترميز على جهاز iPad ، ولكنه لا يحتوي على نفس ميزات Windows أو macOS.

أكبر عائق هو كيفية عرض التطبيقات وإدارتها (أو ميزات تعدد المهام). هذا أقرب بكثير إلى نظام تشغيل محمول ، حيث لا يمكنك بالفعل امتلاك نوافذ فردية. يمكن أن يكون لديك شاشة مقسمة ، وتراكب نافذة أصغر للهاتف المحمول في نافذة خلفية ملء الشاشة ، ولكن لا يوجد تغيير أو إعادة تنظيم أو تصغير.

عندما أقوم بإنشاء سطح مكتب ، يكون لدي العديد من النوافذ المفتوحة وأجهزة سطح المكتب الفردية. على سبيل المثال ، قد يكون لدي سطح مكتب مكون من ثلاث نوافذ متصفح مفتوحة ، واحدة لأدوات التطوير ، وواحدة للإنشاء ، وواحدة للبحث. على سطح مكتب آخر ، قد يكون لدي اتصال FTP وتواصل Slack مع فريقي وغير ذلك الكثير.

ثم أقوم بالتمرير بين أسطح المكتب والنوافذ وعلامات التبويب ، والتقليل والتنظيم حسب الحاجة. من المستحيل القيام بذلك على جهاز iPad ، بل والأسوأ من ذلك هو حقيقة أنه لا يمكننا الحصول على دعم شاشة خارجي حقيقي حتى الآن.

يعد التنقل بين النوافذ أمرًا سهلاً للغاية ، حيث يمكنك استخدام إيماءات اللمس التي تعمل باللمس. هذا شيء أحبه حقًا ، إلى جانب وجود شاشة تعمل باللمس تحت تصرفي. كما ذكرت في بداية هذه المقالة ، يمكن استخدامه لتحديد العناصر بسرعة وتسليط الضوء على الأشياء ، وبالنسبة لي أسرع قليلاً من استخدام الماوس.

لكن تدفق الإنتاجية متعدد المهام الخاص بي ليس قريبًا مما هو عليه على سطح المكتب. هذا لا يجعل من المستحيل تطويره ، لكنه يجعل الأمر صعبًا بما يكفي لجعلني أرغب في استخدام جهاز كمبيوتر محمول على جهاز iPad. أعتقد أنه سيتم إبطال هذا تمامًا ، إذا قدمت Apple دعمًا للشاشة الخارجية ونوافذًا فعلية. على الرغم من أنني سأحتاج بالتأكيد إلى الترقية من الإصدار 11 إلى الإصدار 12.9 بوصة.

هل يمكنك تطوير مواقع الويب على جهاز iPad؟

تتيح مجموعة من هذه الميزات والبرامج تطوير مواقع الويب على iPad Pro. لكن ، هل هو سهل أم موصى به؟ للأسف لا.

من الواضح أن استخدام جهاز كمبيوتر مكتبي أو كمبيوتر محمول به نظام تشغيل كامل الميزات سيكون دائمًا أفضل من iPad Pro طالما أنه يعمل بنظام iPadOS. إنها آلة لم يتم تصميمها ببساطة لتلائم ميزات سطح المكتب ، وهذا هو سبب كونها سريعة وسهلة الاستخدام للمستهلكين.

ونعم ، إذا كنت ترغب في تحقيق نجاح في الإنتاجية ، وعليك استخدام أدوات الجهات الخارجية مثل Koder و Inspect Browser ، فإن تطوير وإنشاء مواقع الويب على جهاز iPad أمر ممكن.

ستحتاج إلى ماوس ولوحة مفاتيح خارجيين (لوحة المفاتيح السحرية رائعة) ، وسيتعين عليك التعامل مع شاشة أصغر حتى إذا اخترت الإصدار الأكبر مقاس 12.9 بوصة (وهو ما يجب عليك فعله بالتأكيد ، 11 بوصة ليست كافية) .

هل يجب عليك شراء iPad Pro كمطور ويب؟

قد تتفاجأ من هذه التوصية بعد القسم الأخير ، لكنها نعم مدوية بالنسبة لي. إذا كان بإمكانك إيجاد مساحة في ميزانيتك لشراء iPad Pro ، فعليك بالتأكيد. ألقيت هذه المقالة نظرة على iPad Pro من عدسة مطور يتطلع إلى استبدال جهاز كمبيوتر محمول أو سطح مكتب - مما يعني أنك ستحتاج إلى ميزات جهاز كمبيوتر محمول أو سطح مكتب مثل إدارة النوافذ ، والمتصفحات ذات الميزات الكاملة ، وأسهل استخدام أدوات إدارة الملفات ، و اكثر.

بينما لا يمكنك استبدال سطح المكتب أو الكمبيوتر المحمول ، يمكنك بالتأكيد زيادته. لم أعد أحمل جهاز الكمبيوتر المحمول الخاص بي طالما أنني قادر على العودة إلى المكتب في غضون اليوم لحل أي مشاكل كبيرة. من خلال التطبيقات المذكورة في هذه المقالة ، يمكنني التعامل مع أي مشكلة تنشأ على مواقع العملاء (على الرغم من أنها قد تكون أبطأ).

إنها أيضًا أصغر حجمًا وأسهل في التنقل.

حيث وجدت نفسي أستخدم جهاز iPad أكثر من غيره هو العمل "المزدحم". يتضمن ذلك التواصل مع فريقي وكتابة رسائل البريد الإلكتروني والقيام بالتواصل وإنشاء جهة اتصال لهذه المدونة. إذا كنت تريد أن تكون منتجًا بهذا المعنى ، فهي تجربة رائعة. تعني قابلية الجهاز للنقل أنه يمكنك إكمال عملك من أي مكان تقريبًا ، كما أن وجود شاشة تعمل باللمس أمر رائع. إذا كنت تستخدم جهاز كمبيوتر Mac بالفعل ، فإن iPad iOS و macOS يتكاملان بسلاسة ، مما يعني أنه يمكنك المتابعة من حيث توقفت بسهولة.

لقد رأيت بسهولة عائدًا على الاستثمار من حيث القدرة على الحصول على جهاز يمكنني من خلاله الاتصال وأسوأ سيناريو تطوير واستكشاف أخطاء مواقع الويب وإصلاحها من أي مكان.

بالإضافة إلى ذلك ، هذه الأداة لا تصدق من حيث استخدام المستهلك. الشاشة فائقة الدقة ، لذا فإن مشاهدة الأفلام أو مقاطع الفيديو بعد يوم طويل من العمل عليها أمر رائع. يعني وجود iPad و Apple Pencil معًا أنه يمكنك إنشاء رسومات مذهلة من أجل المتعة ، أو إذا كنت تتطلع إلى توصيل الأفكار بصريًا.

ما رأيك؟

إذا كانت لديك أي أسئلة أو أفكار إضافية بخصوص استخدام جهاز iPad لتطوير وإنشاء مواقع الويب ، فلا تتردد في تركها في قسم التعليقات أدناه.