Practice Log n Share

سبتمبر 2026

@@ ++ [] [] @@ [] ++ [] ++ ++ ++ ++ @@ ++ ## ## ## [] [] [] [] [] [] [] [] []
## @@ [] [] @@ ++ [] ## @@ ++ ## [] ++ @@ ++ ++ @@ [] [] [] [] [] [] [] [] []
++ @@ ## [] ++ ## ## ## @@ ## ++ ## ## ## ++ @@ ## [] [] [] [] [] [] [] [] []
@@ ++ ## [] @@ ## @@ @@ ## ++ ++ ++ ++ ## [] ## ## [] [] [] [] [] [] [] [] []
## [] ++ @@ [] @@ @@ @@ @@ [] ## ++ ## ## @@ ++ [] [] [] [] [] [] [] [] [] []
++ [] ## ## @@ ## @@ @@ ## @@ [] ## ++ @@ @@ ++ [] [] [] [] [] [] [] [] [] []
++ ++ @@ @@ ++ ++ [] ## ## @@ [] [] @@ [] @@ ++ [] [] [] [] [] [] [] [] [] []

نظرة عامة

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

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

شاشة المشاركة. تلخّص الفترة من درس 17 سبتمبر إلى 24 سبتمبر: 4 ساعات و38 دقيقة إجمالًا، وأشرطة حسب الفئة، وجدول يومي يعرض جميع الفئات دون تمرير أفقي. — التسجيل يسارًا والمشاركة يمينًا. المس فئة لبدء قياس الوقت، ثم اعرض ملخّص التمرين بين الدروس. تستخدم الشاشات بيانات افتراضية للتوضيح. تعرض لقطات الشاشة الواجهة اليابانية الأصلية.

دوري: التخطيط وتصميم UX/UI والتنفيذ (بالتعاون مع Claude Code وCodex)
الفترة: سبتمبر 2026
التقنيات: React · TypeScript; Swift (WKWebView, Live Activity, StoreKit, iCloud)

جرّب النسخة التجريبية على الويب (تتضمن سجلات تماريني حتى 20 سبتمبر 2026)

البداية — «كيف تسير تمارينك؟»: لم أجد جوابًا

في دروسي التي تُعقد كل أسبوعين، لم تكن إجابة «تمرّنت على السلالم الموسيقية أكثر» توضّح ما تمرّنت عليه أو مدته. كان من الصعب الكتابة في دفتر ورقي والساكسفون معلّق حول عنقي، وكانت تطبيقات تتبّع الوقت التي جرّبتها أدوات لمراجعة سجلاتي بمفردي.

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

التسجيل — والآلة في يدي، بلمسة واحدة

أثناء التمرين لا ألمس إلا بطاقات الفئات. تبدأ اللمسة قياس الوقت، وتبدّل بطاقة أخرى الفئة، وتوقفه لمسة ثانية على البطاقة نفسها.

يوم واحد — حين يمتلئ الشريط، يبقى ممتلئًا

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

تمرين اليوم — 1 س 05 د

المعتمد

المستبعد

مقارنة عند 65 دقيقة من التمرين. في الأعلى التصميم المعتمد: المجموع هو الطرف الأيمن، بحد أدنى للمقياس قدره ساعة. في الأسفل التصميم المستبعد، الذي يوسّع المقياس من 60 إلى 90 ثم 120 دقيقة. فور تجاوز ساعة يعود الفراغ إلى الشريط السفلي وحده.

التراكم — كل شيء ظاهر، منذ اليوم الأول

تبيّن درجات الأخضر مقدار التمرين، وتحدّد الإطارات الحمراء أيام الدروس. يتيح التمرير الأفقي العودة إلى أول يوم مسجّل. أعطيت الأولوية لاستعراض سنوات من التمرين على خفة عرض البيانات.

شبكة السجل. درجات الأخضر تبيّن مقدار التمرين من يونيو إلى سبتمبر، والإطارات الحمراء تحدّد الدروس التي تُعقد كل أسبوعين. — خمسة مستويات: 0 دقيقة، وأقل من 30، وأقل من 60، وأقل من 90، و90 فأكثر. هذا التراكم هو أول ما يظهر عند فتح التطبيق.

التطور — البطاقات تصبح لوحة تحكّم للتمرين

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

النسخة الأولى في 9 سبتمبر. ست بطاقات صغيرة للفئات وإجمالي اليوم البالغ 40 دقيقة في منطقتين منفصلتين من شاشة التسجيل. — تستخدم النسختان الأولى والويب البيانات الافتراضية نفسها (ست فئات، وإجمالي 40 دقيقة اليوم). أما iOS 1.0 فيستخدم بيانات افتراضية أخرى.

نسخة الويب في 21 سبتمبر. جُمعت الفئة ووقت اليوم في بطاقة كبيرة، وأُبرزت جلسة قراءة النوتة الجارية ومدتها 10 دقائق. — تستخدم النسختان الأولى والويب البيانات الافتراضية نفسها (ست فئات، وإجمالي 40 دقيقة اليوم). أما iOS 1.0 فيستخدم بيانات افتراضية أخرى.

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

في المرحلة الأخيرة كرّرت دورة نحو 15 مرة: يقترح Claude Code مشكلات محتملة، ويتحقق Codex منها ويصلحها، وأقرّر أنا ما أعتمده من التغييرات.

الإحساس — اختيار طريقة التوقف بالتجربة

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

نموذج الحدبة

توقّع نقطة الوصول

الأصلي proximity
المعتمد

الأصلي mandatory

دون تثبيت

مقارنة المواضع بعد رفع الإصبع بالمقياس نفسه. خط الصفر المتقطّع هو موضع التثبيت. اخترت من سجلات الجهاز خمس حركات لكل أسلوب، بسرعات بين 0.6 و1.8 px/ms محسوبة من مواضع آخر 60 ms، بدءًا بالأقرب إلى 1.2 px/ms. تختلف الإعدادات ومواضع البداية والاتجاهات بين الحركات.

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

بوصفه منتجًا — ما وراء التمرين

يتبع المظهر إعدادات الجهاز. تُحفظ سجلات التمرين على الجهاز وتُنسخ احتياطيًا إلى iCloud تلقائيًا.

الوضع الفاتح. شاشة التسجيل. في الأعلى شبكة لسجل التمرين، وتحتها شريط اليوم (54 دقيقة إجمالًا) وبطاقات الفئات. تمرين المقطوعات قيد القياس منذ أكثر من 27 دقيقة، ويظهر بلون أكثر سطوعًا وإطار أبيض. — شاشة التسجيل نفسها في الوضعين الفاتح والداكن.

الوضع الداكن. شاشة التسجيل. في الأعلى شبكة لسجل التمرين، وتحتها شريط اليوم (54 دقيقة إجمالًا) وبطاقات الفئات. تمرين المقطوعات قيد القياس منذ أكثر من 27 دقيقة، ويظهر بلون أكثر سطوعًا وإطار أبيض. — شاشة التسجيل نفسها في الوضعين الفاتح والداكن.

يمكن اختيار أيقونة رأس التطبيق حسب التمرين: 47 للموسيقى، و15 للرياضة، و15 للغات والتعلّم، و11 للفن، و14 للصنع والحياة اليومية، و7 للتعبير. أيقونة الساكسفون مستندة إلى Qlementine Icons (ترخيص MIT).

عند الاستخدام — السؤال التالي: ما مقدار التفاصيل التي نسجّلها؟

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