How to Use Claude in Xcode to Make an App in 2026 (No Coding)

Watch on YouTube

Now Playing

Transcript

814 segments

0:00

لقد قمت للتو ببناء

0:01

تطبيق آيفون يعمل

0:02

بكامل طاقته دون كتابة

0:03

سطر واحد من لغة "سويفت

0:04

"، وذلك بمجرد التحدث

0:05

إلى "كلود" داخل برنامج

0:06

"إكس كود". لا حاجة لأي

0:08

برمجة. سأعرض عليك

0:09

العملية برمتها خطوة

0:10

بخطوة حتى تتمكن أنت

0:11

أيضاً من بناء تطبيقك

0:13

الخاص بحلول عام 2026.

0:14

الآن، وفي هذه اللحظة،

0:15

يوجد في مكان ما على

0:16

مكتبي هاتف آيفون عليه

0:18

تطبيق يوميات أصلي.

0:19

يمكنك فتحه، وكتابة

0:20

تدوينة، وتعديلها،

0:21

وحذفها، وهو يحفظ كل

0:23

شيء محلياً كما ينبغي

0:24

لأي تطبيق حقيقي. قبل 10

0:25

دقائق، لم يكن ذلك

0:27

التطبيق موجوداً. كان "

0:28

إكس كود" مجرد مشروع

0:30

فارغ يجلس هناك يبدو

0:31

مخيفاً ويفعل ما يفعله

0:33

لأي شخص يفتحه للمرة

0:34

الأولى. إليك ما حدث

0:36

بالفعل خلال تلك

0:37

الدقائق العشر. لقد

0:38

قسمت عملية البناء

0:39

بالكامل إلى خمس

0:40

محادثات صغيرة مع "

0:41

كلود" بدلاً من إرسال

0:42

طلب ضخم واحد. وفي كل

0:43

خطوة، كان "كلود" يكتب

0:44

كود "سويفت" و "سويفت يو

0:46

آي" الحقيقي. قام

0:47

بتهيئة التخزين. وقام

0:48

بربط الشاشات ببعضها.

0:50

وقام بإصلاح أي شيء

0:51

تعطل مع الحفاظ على

0:52

سلامة كل ما تم إنجازه

0:54

في الخطوات السابقة.

0:55

وبذلك، بحلول الوقت

0:56

الذي ننتهي فيه، سترى

0:58

تطبيق "آي أو إس"

0:59

أصلياً يُبنى من الصفر

1:00

ويستقر على هاتف آيفون

1:02

حقيقي. وستمتلك عملية

1:03

قابلة للتكرار يمكنك

1:05

تطبيقها على فكرتك

1:06

الخاصة لاحقاً، سواء

1:07

كانت متتبعاً للعادات

1:09

، أو صندوق وصفات، أو

1:10

قائمة قراءة، أو شيئاً

1:12

كنت ترسمه في مخيلتك

1:13

وحدك. كل ما تحتاجه هو

1:14

جهاز ماك، وبرنامج "

1:16

إكس كود"، وحساب "كلود

1:17

برو" أو "ماكس". الآن،

1:18

إذا كنت ترغب في إتقان

1:20

أدوات الذكاء

1:20

الاصطناعي، وتريد

1:21

حقاً تعلم كيفية بناء

1:22

تطبيقات "ساس" مربحة،

1:23

ومواقع إلكترونية،

1:24

وعملاء ذكاء اصطناعي،

1:25

وتطبيقات جوال

1:26

باستخدام الذكاء

1:27

الاصطناعي، فقد أنشأت

1:28

دورة احترافية كاملة

1:29

توضح لك بالضبط كيفية

1:30

القيام بكل هذا خطوة

1:31

بخطوة. عادة ما تبلغ

1:32

تكلفة دورتي

1:33

الاحترافية 499 دولاراً

1:34

، ولكن بما أنك خصصت

1:35

وقتاً لمشاهدة هذا

1:36

الفيديو، شكراً

1:37

جزيلاً لك، يمكنك

1:38

الانضمام مجاناً

1:39

تماماً. فقط تحقق من

1:40

الرابط الموجود في

1:41

الوصف للحصول على وصول

1:42

مجاني إلى دورتي،

1:43

ويمكنك أنت أيضاً

1:43

البدء في بناء عملك

1:44

التجاري القائم على

1:45

الذكاء الاصطناعي

1:46

اليوم. حسناً، مع قول

1:47

ذلك، دعونا نبدأ.

1:49

عندما تفتح "إكس كود"

1:50

لأول مرة، قد يبدو

1:52

الأمر وكأنك بحاجة

1:53

لفهم كل شيء قبل أن

1:54

يُسمح لك ببناء أي شيء.

1:56

هناك ملفات على اليسار

1:57

، وكود في المنتصف،

1:59

وإعدادات في كل مكان،

2:00

وقائمة طويلة من

2:01

المصطلحات التي ربما

2:02

لا تعني لك شيئاً بعد.

2:04

يغير "كلود" هذه

2:05

التجربة لأنه يمكنك

2:06

البقاء داخل "إكس كود".

2:08

يمكنك شرح ما تريده

2:09

بلغة بسيطة، ثم تركه

2:10

يتولى العمل التقني مع

2:12

بدء تشكل المشروع. Claude

2:14

في Xcode هو تكامل لمساعد

2:16

برمجي أصلي من Apple و

2:18

Anthropic أصبح متاحاً

2:20

للجميع في سبتمبر 2025.

2:22

يعمل مباشرة داخل لوحة

2:24

الذكاء في Xcode، لذا

2:25

يمكنك طرح الأسئلة

2:27

وإنشاء الميزات وحل

2:28

المشكلات دون الحاجة

2:30

للتبديل المستمر بين

2:32

Xcode ونافذة دردشة

2:33

منفصلة. يعتمد النموذج

2:35

الذي يستخدمه على أياً

2:36

من نماذج Claude المفعلة

2:38

في حسابك المتصل.

2:39

اعتباراً من إصدار

2:41

يونيو 2026، هذا النموذج

2:43

هو Claude Sonnet 5. وبمجرد

2:44

الاتصال، يمكن لـ Claude

2:46

فهم السياق الكامل

2:47

لمشروعك تلقائياً.

2:49

يمكنه الإجابة على

2:50

الأسئلة المتعلقة

2:51

بالكود بلغة بسيطة،

2:53

كما يمكنه تذكر ما تمت

2:54

مناقشته بالفعل خلال

2:56

الجلسة الحالية. يمكنك

2:57

أيضاً إرفاق ملفات عند

2:59

الحاجة إلى سياق إضافي

3:01

. إذن، بالإضافة إلى

3:02

الإجابة على الأسئلة،

3:04

يمكنك تصحيح الأخطاء،

3:06

وإعادة هيكلة الكود

3:07

الحالي، وتحديث

3:08

الميزات الحالية،

3:09

وإنشاء ميزات جديدة

3:11

كلياً من وصف بسيط لما

3:12

تريده في التطبيق.

3:14

لاستخدام Claude في Xcode،

3:15

ستحتاج إما إلى خطة

3:17

Claude Pro أو Claude Max.

3:19

الخيار الأبسط والذي

3:20

أوصي به هو تسجيل

3:21

الدخول مباشرة عبر قسم

3:23

الذكاء هنا في إعدادات

3:25

Xcode باستخدام حساب Claude

3:26

الخاص بك. يتم دعم

3:28

مفتاح API الخاص بـ

3:29

Anthropic أيضاً لأي شخص

3:30

يفضل مزيداً من التحكم

3:32

في الاستخدام

3:33

والفواتير. أضاف Xcode 26.3

3:34

أيضاً حزمة تطوير

3:36

برمجيات Claude (SDK)، التي

3:37

تجلب قدرات Claude

3:38

البرمجية الأكثر

3:40

تقدماً إلى Xcode، بما في

3:41

ذلك الوكلاء الفرعيون

3:43

والمهام في الخلفية.

3:44

هذه الأدوات مفيدة

3:46

للمشاريع الأكبر

3:47

والأكثر تعقيداً، لكن

3:49

هذا الفيديو يركز أكثر

3:51

على مساعد البرمجة

3:52

القياسي لأنه الأسهل

3:54

للمبتدئين للبدء. قبل

3:56

أن نفتح Xcode ونبدأ في

3:57

البناء، هناك بضعة

3:59

أشياء يجب أن تكون

4:00

جاهزة لديك. وأهمها هو

4:02

جهاز Mac بمعالج Apple silicon

4:04

يعمل بنظام macOS 26 Tahoe أو

4:06

أحدث، حيث أن هذا هو

4:08

النظام المطلوب لـ Xcode

4:10

26. ستحتاج أيضاً إلى

4:12

تنزيل Xcode 26 من متجر

4:13

تطبيقات Mac. Xcode نفسه

4:15

مجاني تماماً، لكن حجم

4:17

التثبيت كبير نوعاً ما

4:19

، لذا تأكد من توفر

4:20

حوالي 10 جيجابايت من

4:22

مساحة التخزين

4:23

للتطبيق ومحاكياته.

4:25

لاستخدام Claude داخل Xcode

4:27

، ستحتاج إلى حساب Claude

4:29

Pro أو Claude Max من claude.ai،

4:31

وهو الحساب الذي

4:32

ستربطه بلوحة ذكاء Xcode

4:34

أثناء عملية الإعداد.

4:36

للاختبار، يمكنك

4:38

استخدام جهاز iPhone

4:39

حقيقي يعمل بنظام iOS 26

4:41

أو محاكي iOS المدمج في

4:43

Xcode. يعد وجود جهاز

4:44

آيفون فعلي مفيداً إذا

4:45

كنت ترغب في رؤية

4:46

التطبيق يعمل على جهاز

4:48

حقيقي، لكنه ليس

4:49

ضرورياً لمتابعة هذا

4:50

البرنامج التعليمي أو

4:51

لإكمال عملية البناء.

4:52

والأهم من ذلك هنا،

4:53

أنك لا تحتاج إلى أي

4:55

معرفة برمجية سابقة

4:56

على الإطلاق. لا يلزم

4:58

وجود خبرة في لغة Swift

4:59

ولا تحتاج إلى فهم Xcode

5:01

قبل البدء، لأن Claude

5:02

سيتولى كتابة الكود

5:04

طوال عملية البناء

5:05

بينما نركز نحن فقط

5:07

على وصف ما يجب أن

5:08

يفعله التطبيق ثم

5:09

اختبار كل ميزة عند

5:11

إضافتها. أول شيء

5:12

نحتاج للقيام به هو

5:14

ربط Claude ببرنامج Xcode.

5:15

وإذا لم تقم بتثبيت Xcode

5:17

بعد، فما عليك سوى فتح

5:18

متجر تطبيقات Mac،

5:20

والبحث عن Xcode 16، وبدء

5:21

التنزيل. قد يستغرق

5:22

التثبيت بعض الوقت

5:23

نظراً لحجم البرنامج،

5:25

لذا انتظر حتى ينتهي

5:26

قبل المتابعة. وبمجرد

5:27

فتح Xcode لأول مرة،

5:28

سيُطلب منك قبول

5:30

اتفاقية الترخيص

5:31

بالطبع. لذا، اتبع

5:32

التعليمات، واقبل

5:34

الشروط، واترك Xcode

5:35

يكمل إعداده الأولي.

5:36

بعد ذلك، افتح إعدادات

5:38

Xcode وانتقل إلى قسم

5:39

الذكاء الاصطناعي (

5:40

Intelligence). هذا هو المكان

5:41

الذي ستقوم فيه بربط

5:42

مزود خدمة الذكاء

5:43

الاصطناعي الخاص بك.

5:44

لذا، اختر Anthropic من

5:45

الخيارات المتاحة هنا

5:46

، ثم سجل الدخول

5:47

باستخدام حساب Claude

5:49

الخاص بك. يمكنك

5:50

استخدام حساب Claude Pro أو

5:52

Claude Max، اعتماداً على

5:53

اشتراكك الحالي. بعد

5:55

اكتمال عملية تسجيل

5:56

الدخول، دعنا نعود إلى

5:58

لوحة الذكاء

5:59

الاصطناعي هنا ونتأكد

6:01

من ظهور Claude كنموذج

6:02

نشط. بمجرد رؤيته هناك

6:04

، يكون الاتصال قد

6:05

اكتمل، ويصبح Xcode

6:07

جاهزاً لاستخدام Claude

6:08

كمساعد برمجي لك حتى

6:10

قبل أن ننشئ مشروعنا

6:12

الأول. والآن بعد أن

6:13

أصبح Claude متصلاً،

6:14

يمكننا المضي قدماً

6:16

وإنشاء المشروع الذي

6:17

سيعمل عليه. من شاشة

6:18

الترحيب في Xcode، اختر

6:20

إنشاء مشروع جديد، ثم

6:22

اختر قالب تطبيق iOS من

6:24

محدد قوالب المشاريع.

6:25

قم بتسمية المشروع "

6:27

Journal app"، وتأكد من

6:28

اختيار Swift UI كواجهة

6:30

للمستخدم. بمجرد ضبط

6:32

هذه الخيارات، قم

6:33

بإنشاء المشروع

6:34

وانتظر حتى يفتح Xcode

6:35

مساحة العمل الرئيسية.

6:37

يجب أن يكون ملف عرض

6:38

المحتوى الافتراضي

6:39

مفتوحاً بالفعل في

6:40

المحرر هنا. الآن، على

6:42

اليسار، سترى أيضاً

6:43

متصفح المشروع الذي

6:44

يحتوي على العديد من

6:46

الملفات والمجلدات

6:47

التي ينشئها Xcode

6:48

تلقائياً لك. بالنسبة

6:49

للمبتدئين، قد يبدو

6:51

هذا الجزء غير مألوف،

6:52

لذا ألقِ نظرة سريعة

6:54

على الهيكل قبل أن

6:55

نبدأ في البناء. لست

6:56

بحاجة إلى فهم ما

6:58

يفعله كل ملف أو كيفية

7:00

تنظيم الكود في هذه

7:01

المرحلة. سيتولى كلود

7:03

التعامل مع الكود من

7:05

الآن فصاعداً،

7:06

ومهمتنا هي ببساطة وصف

7:07

كل ميزة بوضوح، وتركه

7:09

يحدث المشروع، ثم

7:10

اختبار النتائج أثناء

7:12

عملنا. حسناً، بالنسبة

7:14

لهذا المشروع، سنقوم

7:15

ببناء تطبيق يوميات

7:16

متكامل ومخصص لهاتف

7:18

آيفون من الصفر.

7:19

وبحلول النهاية،

7:20

سيسمح التطبيق

7:20

للمستخدمين بإنشاء

7:22

تدوينات يومية،

7:22

وتعيين حالة مزاجية

7:24

لكل منها، وتعديل

7:25

التدوينات الموجودة،

7:26

ثم حذفها وقتما يشاءون

7:27

. سنبني كل شيء من خلال

7:29

خمسة توجيهات مركزة،

7:30

بدءاً من نموذج

7:31

البيانات الأساسي، ثم

7:33

إضافة القائمة

7:34

الرئيسية، وشاشة

7:35

إنشاء التدوينات،

7:36

وعرض التفاصيل

7:37

والتعديل، وأخيراً

7:39

منح التطبيق بالكامل

7:40

تصميماً أنيقاً

7:41

ومخصصاً لنظام iOS.

7:43

يحتاج كل تطبيق إلى

7:44

أساس قبل أن يظهر أي

7:46

شيء على الشاشة. لذا،

7:48

قبل أن نبدأ بإنشاء أو

7:49

عرض تدوينات اليوميات

7:51

، يحتاج كلود إلى

7:52

معرفة المعلومات التي

7:54

يجب أن تحتويها كل

7:55

تدوينة، وكيفية تخزين

7:57

هذه المعلومات. لذا،

7:59

افتح لوحة مساعد كلود

8:00

داخل برنامج Xcode هنا،

8:02

ودعنا نرسل هذا

8:03

التوجيه بدقة. أنشئ

8:04

نموذج بيانات لتدوينة

8:05

يومية يحتوي على عنوان

8:07

، ونص أساسي، وتاريخ

8:08

إنشاء، وحالة مزاجية

8:09

يتم اختيارها من

8:10

مجموعة خيارات صغيرة.

8:11

قم بإعداد التخزين

8:12

المحلي باستخدام Swift

8:13

Data، بحيث يتم حفظ

8:14

التدوينات وتظل

8:15

موجودة في المرة

8:16

القادمة التي يفتح

8:17

فيها التطبيق. بعد

8:18

إرسال هذا التوجيه،

8:19

سيقوم كلود بإنشاء

8:20

نموذج تدوينات

8:21

اليوميات وتهيئة Swift

8:23

Data بحيث يتم حفظ

8:24

التدوينات محلياً

8:25

وتظل متاحة عند فتح

8:26

التطبيق مجدداً. سيقوم

8:28

بإنشاء بنية البيانات

8:29

للعنوان، والنص

8:30

الأساسي، والتاريخ،

8:31

والحالة المزاجية دون

8:32

الحاجة منك إلى كتابة

8:33

أي كود برمجي بلغة Swift

8:35

بنفسك. وبمجرد

8:35

الانتهاء، دعنا نراجع

8:37

الملفات التي أنشأها

8:38

أو حدثها ونتأكد من أن

8:39

النموذج يتضمن

8:40

العنوان، والنص

8:41

الأساسي، وتاريخ

8:42

الإنشاء، والحالة

8:43

المزاجية. لن يكون

8:44

هناك الكثير للتفاعل

8:46

معه في هذه المرحلة،

8:47

لكن هذا الأساس هو ما

8:48

ستبنى عليه كل ميزة في

8:50

التطبيق من الآن

8:51

فصاعداً. إذن، المشروع

8:52

لديه البيانات التي

8:54

يحتاجها، لكن لا يوجد

8:55

شيء ليراه المستخدم

8:56

بالفعل. لذا، يمنح هذا

8:58

التوجيه التالي

8:59

اليوميات شاشتها

9:00

الرئيسية وينشئ

9:01

المكان الذي ستظهر فيه

9:02

كل تدوينة محفوظة في

9:03

النهاية. لنفتح لوحة

9:05

مساعد كلود مرة أخرى،

9:06

وهذه المرة سنطلب منه:

9:08

"ابنِ الشاشة الرئيسية

9:09

للتطبيق كقائمة قابلة

9:10

للتمرير لجميع

9:11

تدوينات اليوميات

9:13

مرتبة من الأحدث إلى

9:14

الأقدم. يجب أن يعرض كل

9:15

صف عنوان التدوينة،

9:17

والتاريخ، والحالة

9:18

المزاجية كأيقونة

9:19

صغيرة. وبهذا، سيستخدم

9:21

كلود النموذج من

9:22

الخطوة السابقة

9:23

لإنشاء واجهة" سويفت

9:25

يو آي "الرئيسية. سيتم

9:26

ترتيب الإدخالات من

9:27

الأحدث إلى الأقدم،

9:29

وسيتضمن كل صف العنوان

9:30

، وتاريخ الإنشاء،

9:31

وأيقونة تعبر عن

9:32

الحالة المزاجية،

9:34

لتكون التفاصيل

9:35

المهمة مرئية بلمحة

9:36

سريعة. الآن، لنقم

9:37

بتشغيل المشروع في

9:39

محاكي" آي أو إس ". ستظل

9:40

القائمة فارغة لأننا

9:42

لم نضف بعد طريقة

9:43

لإنشاء إدخالات

9:44

اليوميات. لكن الغرض

9:46

من هذا الاختبار هو

9:47

التأكد ببساطة من

9:48

تحميل الشاشة بشكل

9:50

صحيح ومطابقتها

9:51

للهيكل الموصوف في

9:52

الأوامر. لقد أكمل

9:53

كلود هذه الخطوة دون

9:55

أي مشاكل على الإطلاق،

9:56

لذا أصبحت الشاشة

9:57

الرئيسية جاهزة.

9:58

بالنسبة للأمر التالي

10:00

، سنضيف الشاشة التي

10:01

تتيح للمستخدمين

10:02

كتابة وحفظ أول إدخال

10:03

في يومياتهم. تطبيق

10:04

اليوميات ليس مفيداً

10:06

كثيراً إذا كان كل ما

10:07

يفعله هو عرض شاشة

10:08

فارغة، أليس كذلك؟ لذا

10:10

، سنبدأ هنا بتحويل

10:11

هذا إلى شيء يمكنك

10:12

استخدامه ورؤيته

10:13

بالفعل، حيث سنضيف

10:14

الشاشة التي يمكن

10:15

للمستخدم الجلوس فيها

10:16

وكتابة إدخال،

10:17

واختيار الحالة

10:18

المزاجية، ثم حفظها.

10:19

لتحقيق ذلك، افتح لوحة

10:20

مساعد كلود وقل:" قم

10:22

ببناء شاشة جديدة

10:23

لإنشاء إدخال تحتوي

10:24

على حقل للعنوان،

10:25

ومنطقة نصية لنص

10:26

الإدخال، وصف من

10:27

الرموز التعبيرية

10:28

لاختيار الحالة

10:29

المزاجية. "أضف زر حفظ

10:31

يقوم بإضافة الإدخال

10:32

إلى القائمة والعودة

10:33

إلى الشاشة الرئيسية.

10:34

وبهذا، سيقوم كلود

10:35

بإضافة شاشة الإدخال

10:37

الجديدة هنا وربطها

10:38

بالقائمة التي

10:38

أنشأناها في الخطوة

10:40

السابقة. الآن، يجب أن

10:41

تتضمن الشاشة حقلاً

10:42

للعنوان، ومنطقة أكبر

10:43

لنص اليوميات، وصفاً

10:45

من الرموز التعبيرية

10:46

للحالة المزاجية، وزر

10:47

حفظ يقوم بتخزين

10:48

الإدخال باستخدام

10:49

إعدادات بيانات" سويفت

10:51

"الموجودة في المشروع.

10:52

بمجرد انتهاء التحديث

10:53

، لنقم بتشغيل التطبيق

10:55

في محاكي" آي أو إس "

10:56

وتجربة المسار الكامل

10:58

بأنفسنا. افتح شاشة

10:59

الإدخال الجديدة،

11:00

واكتب العنوان

11:01

والمحتوى، واختر

11:02

الحالة المزاجية، ثم

11:03

اضغط على حفظ. يجب أن

11:04

يعود التطبيق إلى

11:05

الشاشة الرئيسية،

11:07

ويظهر الإدخال في

11:08

القائمة على الفور.

11:09

هذا الاختبار مهم هنا

11:11

لأنه يؤكد أيضاً أن

11:12

الشاشة ليست مرئية

11:14

فحسب، بل إن إجراء

11:15

الحفظ مرتبط بشكل صحيح

11:17

بنموذج البيانات

11:18

والتخزين المحلي.

11:19

بمجرد ظهور الإدخال

11:21

الجديد في قائمتنا كما

11:22

هو متوقع، سنعرف أن

11:23

مسار الإنشاء يعمل،

11:25

ويمكننا الانتقال إلى

11:26

عرض وتعديل الإدخالات

11:27

المحفوظة. حفظ

11:28

الإدخالات هو نصف ما

11:30

يجعل تطبيق المذكرات

11:31

مفيداً فقط. يحتاج

11:32

المستخدمون أيضاً إلى

11:34

فتح ما كتبوه، وقراءته

11:35

بشكل صحيح، وإجراء

11:36

تغييرات لاحقاً،

11:38

وحذفه عندما لا يرغبون

11:39

في الاحتفاظ به. لذا،

11:40

فإن هذه الخطوة

11:41

التالية تكمل تلك

11:42

التجربة الكاملة.

11:43

لإضافة هذه الوظيفة،

11:45

كل ما علينا فعله مرة

11:46

أخرى هو فتح لوحة

11:47

مساعد Claude، ثم إرسال

11:48

هذا الطلب إليه. قم

11:49

ببناء شاشة تفاصيل

11:50

تفتح عند النقر على

11:51

إدخال من القائمة،

11:52

تعرض العنوان الكامل

11:54

والنص والتاريخ

11:55

والحالة المزاجية. أضف

11:56

زر تعديل يسمح لي

11:57

بتغيير أي من هذه

11:58

الحقول وحفظ

11:59

التغييرات. وزر حذف

12:01

يقوم بإزالة الإدخال

12:03

والعودة إلى القائمة.

12:04

وبهذا، سيقوم Claude

12:06

بإنشاء عرض تفصيلي

12:07

يفتح عند اختيار إدخال

12:09

من القائمة الرئيسية.

12:10

يجب أن يعرض العنوان

12:11

الكامل، ونص الإدخال،

12:13

والتاريخ، والحالة

12:14

المزاجية، إلى جانب

12:15

عناصر تحكم لتعديل

12:16

الإدخال أو حذفه

12:17

بالكامل. مرة أخرى، قم

12:19

بتشغيل التطبيق في

12:20

المحاكي، ثم اختبر

12:21

المسار الكامل من

12:22

البداية إلى النهاية.

12:23

أنشئ إدخالاً جديداً،

12:24

وانقر عليه من القائمة

12:26

، وقم بتعديل حقل واحد

12:27

أو أكثر، واحفظ

12:28

التغييرات، وتأكد من

12:29

ظهور النسخة المحدثة

12:30

بشكل صحيح. ثم احذف

12:32

إدخالاً آخر، وتأكد من

12:33

أنه اختفى فعلياً من

12:35

القائمة. وهذا يؤكد أن

12:36

جميع التفاعلات

12:37

الأساسية الأربعة

12:38

تعمل الآن معاً بشكل

12:40

صحيح، وهي إنشاء

12:41

الإدخالات وقراءتها

12:42

وتعديلها وحذفها. بهذه

12:44

المرحلة، تكون

12:45

الوظائف الرئيسية

12:46

لتطبيق المذكرات قد

12:47

اكتملت. لذا، فإن

12:48

خطوتنا الأخيرة الآن

12:50

هي تحسين التصميم،

12:51

وجعل التجربة بأكملها

12:53

تبدو وتعمل كأنها

12:54

تطبيق iPhone أصلي.

12:55

تطبيقنا يعمل بالفعل،

12:57

لكن هذه المرحلة هي

12:58

التي تحدد ما إذا كان

13:00

سيبدو كتطبيق iPhone

13:01

حقيقي أم مجرد واجهة

13:03

أساسية تعمل على

13:04

الهاتف. الطلب الأخير

13:06

يركز بالكامل على

13:07

العرض باستخدام أنماط

13:09

iOS المألوفة، ومسافات

13:11

أنظف، وطباعة أقوى،

13:12

وتوجه مرئي أكثر

13:14

اتساقاً عبر كل شاشة.

13:15

إذاً، في هذه الخطوة

13:17

الأخيرة، سنرسل هذا

13:18

الطلب إلى Claude. راجع

13:19

التطبيق بالكامل وقم

13:20

بتطبيق تصميم iOS أصلي

13:22

ونظيف في كافة أجزائه.

13:23

استخدم نمط شريط

13:24

التنقل القياسي لـ iOS،

13:26

وأحجام الخطوط

13:27

والمسافات المناسبة،

13:28

ونظام ألوان بسيط

13:29

ومتناسق، وأنماط

13:31

القوائم والنماذج

13:32

القياسية لـ iOS ليبدو

13:33

التطبيق وكأنه ينتمي

13:35

لنظام iOS بدلاً من كونه

13:36

تصميماً عاماً. قم

13:37

بتحسين التصميم بشكل

13:39

عام، وأضف سمة داكنة

13:40

وأخرى فاتحة،

13:41

بالإضافة إلى رسوم

13:42

متحركة سلسة،

13:43

وتصميماً مشابهاً

13:44

لتطبيق Evernote. حسناً،

13:45

سيقوم" كلود "الآن

13:46

بمراجعة المشروع

13:47

بالكامل وتطبيق

13:48

التغييرات على

13:49

القائمة الرئيسية،

13:50

وشاشة الإدخال

13:51

الجديدة، وعرض

13:52

التفاصيل. يجب عليه

13:53

أيضاً تحديث أشرطة

13:54

التنقل، وأحجام

13:55

الخطوط، والمسافات،

13:56

والألوان، والقوائم،

13:57

والنماذج، مع إضافة

13:59

مفتاح تبديل للوضع

14:00

الداكن والفاتح،

14:01

وتحسين سلاسة الرسوم

14:02

المتحركة في كامل

14:03

التطبيق. وكما فعلنا

14:04

سابقاً، لنحرص على

14:06

تشغيل التطبيق في

14:07

المحاكي ثم التنقل بين

14:08

الشاشات الثلاث

14:09

مجدداً. فلنتحقق من

14:11

قائمة الإدخالات

14:12

الرئيسية، ونفتح شاشة

14:13

الإدخال الجديدة،

14:15

وندخل إلى عرض

14:16

التفاصيل مع التبديل

14:17

بين الوضعين الداكن

14:19

والفاتح للتأكد من

14:20

اتساق كلا السمتين في

14:21

كامل التطبيق. هذه

14:23

الجولة النهائية هي ما

14:24

يؤكد أن التصميم قد

14:26

تحسن بالفعل عبر

14:27

التجربة بأكملها وليس

14:29

في شاشة واحدة فقط. إذا

14:30

عمل التنقل والنماذج

14:32

والخطوط والرسوم

14:33

المتحركة والسمات

14:34

معاً بشكل صحيح، فيجب

14:36

أن يبدو التطبيق ويعمل

14:38

كتطبيق يوميات أصلي

14:39

على iOS بدلاً من كونه

14:40

مجرد تخطيط عادي

14:42

للهواتف. الآن، رؤية

14:43

التطبيق يعمل في

14:45

المحاكي أمر جيد، لكن

14:46

تشغيله على هاتف iPhone

14:48

فعلي هو ما نحتاجه

14:49

للتأكد من أن التطبيق

14:51

حقيقي فعلاً. هذا

14:53

الجزء مقسم إلى

14:54

مرحلتين. أولاً، إعداد

14:56

وتشغيل الإصدار من

14:57

جهاز MacBook، ثم اختبار

14:58

التطبيق النهائي

15:00

مباشرة على جهاز iPhone.

15:01

أولاً، نحتاج إلى

15:02

توصيل iPhone بجهاز Mac

15:04

باستخدام كابل USB، ثم

15:05

فتح محدد الأجهزة في

15:07

Xcode، واختيار iPhone

15:08

المتصل كهدف للبناء

15:09

بدلاً من المحاكي.

15:11

الآن، قم بتشغيل

15:12

المشروع مجدداً،

15:13

وسيقوم Xcode ببناء

15:14

التطبيق وتثبيته على

15:16

الهاتف، ثم تشغيله

15:17

كتطبيق أصلي حقيقي.

15:18

بمجرد اكتمال التثبيت

15:20

، افتح تطبيق اليوميات

15:21

من الشاشة الرئيسية

15:23

لجهاز iPhone، واختبر

15:24

التجربة الكاملة على

15:25

الجهاز الفعلي. أنشئ

15:27

إدخالاً جديداً، وأضف

15:28

عنواناً ونصاً، واختر

15:29

الحالة المزاجية، ثم

15:31

احفظه. بعد ذلك، افتح

15:32

الإدخال من القائمة،

15:33

وتحقق من عرض التفاصيل

15:35

بالكامل، وقم بتعديل

15:36

المحتوى للتأكد من حفظ

15:38

التغييرات بشكل صحيح.

15:39

إن تنفيذ نفس المسار

15:41

على iPhone يثبت أن هذا

15:42

ليس مجرد نموذج أولي

15:44

أو صفحة ويب مغلفة

15:45

داخل تطبيق جوال. إنه

15:47

تطبيق iOS أصلي حقيقي تم

15:49

بناؤه باستخدام Swift و

15:50

Swift UI، وقد تم إنشاء كل

15:52

جزء منه فقط عن طريق

15:53

وصف الميزات لـ" كلود "

15:55

بلغة بسيطة بدلاً من

15:56

كتابة الكود يدوياً.

15:58

يجلب تكامل Claude و Xcode

16:00

مساعد البرمجة الخاص

16:01

بـ Anthropic مباشرة إلى

16:03

بيئة التطوير، مما

16:04

يعني قدرته على قراءة

16:06

وكتابة كود Swift و SwiftUI،

16:07

وإصلاح المشكلات،

16:09

وبناء ميزات جديدة دون

16:11

الحاجة للتنقل بين

16:12

أدوات مختلفة. تعد خطة

16:14

Claude Pro أو Max أكثر من

16:15

كافية لربط حسابك

16:17

والبدء فعلياً في

16:18

استخدامه داخل Xcode.

16:20

اتبعنا في هذا الفيديو

16:21

خمس خطوات واضحة،

16:22

بدأنا بإنشاء نموذج

16:24

إدخال المذكرات

16:25

والتخزين المحلي، ثم

16:26

أضفنا القائمة

16:27

الرئيسية حيث تظهر

16:29

الإدخالات المحفوظة.

16:30

بعد ذلك، قمنا ببناء

16:31

شاشة الإدخال الجديد،

16:33

تلتها شاشة التفاصيل

16:34

مع خيارات التعديل

16:35

والحذف، وركز الأمر

16:37

النهائي على التصميم

16:38

العام، وأنماط iOS

16:39

الأصلية، والسمات

16:40

الفاتحة والداكنة،

16:42

والرسوم المتحركة

16:43

السلسة. وتم اختبار كل

16:44

خطوة هنا قبل المضي

16:46

قدماً، مما جعل

16:47

العملية برمتها أسهل

16:48

في الإدارة. والآن، ما

16:50

بنيناه هنا هو تطبيق

16:52

iPhone أصلي وحقيقي. لقد

16:53

كتب Claude كود Swift و SwiftUI

16:55

حقيقياً يعمل مباشرة

16:56

على نظام iOS. لذا، هذا

16:58

ليس مجرد موقع

16:58

إلكتروني موضوع داخل

17:00

غلاف تطبيق للهواتف

17:01

المحمولة. وبالتالي،

17:02

يمكن للتطبيق استخدام

17:03

ميزات iPhone الأصلية،

17:04

واتباع أنماط تصميم iOS

17:06

القياسية، وتطويره

17:07

بشكل أكبر مثل أي

17:08

مشروع Xcode آخر. ويمكن

17:09

إعادة استخدام سير

17:10

العمل نفسه للكثير من

17:12

الأفكار المناسبة

17:13

للمبتدئين. صندوق

17:14

وصفات بسيط، أو قائمة

17:15

قراءة، أو متتبع عادات

17:17

، أو تطبيق ملاحظات

17:18

شخصية يمكن أن يتبع

17:19

نفس الهيكل تماماً. قم

17:21

بإنشاء نموذج بيانات،

17:22

وابنِ القائمة، وأضف

17:23

شاشة إنشاء، وتضمن

17:24

عرضاً تفصيلياً، ثم

17:26

اختتم العمل بالتصميم.

17:27

الآن، ما عليك سوى

17:28

تنزيل Xcode مجاناً من

17:30

متجر تطبيقات Mac، وفتح

17:31

إعدادات Xcode،

17:32

والانتقال إلى قسم

17:33

الذكاء، وربط حساب Claude

17:35

الخاص بك. ومن هناك،

17:36

اختر فكرة تطبيق بسيطة

17:38

، وقسّمها إلى ميزات

17:40

صغيرة، ودع Claude يبني

17:41

كل جزء بأمر واحد في كل

17:43

مرة. حسناً، مرة أخرى،

17:44

تطبيق المذكرات هذا هو

17:46

مجرد نقطة البداية هنا

17:47

. المهم هو أنك تمتلك

17:49

الآن عملية يمكنك

17:50

إعادة استخدامها. لذا،

17:51

اختر فكرة واحدة بسيطة

17:53

، وافتح مشروع Xcode

17:54

جديداً، وابنِه من

17:55

خلال نفس سير العمل

17:56

المكون من خمس خطوات.

17:57

أخبرني في التعليقات

17:59

أدناه عن تطبيق iPhone

18:00

الذي ستبدأ بإنشائه،

18:01

وأراك في المشروع

18:02

القادم.

Interactive Summary

Ask follow-up questions or revisit key timestamps.

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