Takafumi Horiuchi

Practice Log n Share

Superrigardo

Registri ekzercadon per unu tuŝo, poste montri la saman ekranon al la instruisto dum leciono. Mi planis kaj desegnis ĉi tiun iPhone-aplikaĵon por mia propra saksofonludado kaj realigis ĝin kunlabore kun AI.

Registra ekrano. Historikrastro troviĝas super la hodiaŭa stango (entute 54 minutoj) kaj la kategoriaj kartoj. La ekzercado de muzikpecoj daŭras jam pli ol 27 minutojn, markita per pli hela koloro kaj blanka konturo. Kundivida ekrano. De la leciono de la 17-a ĝis la 24-a de septembro: entute 4 horoj 38 minutoj, stangoj laŭ kategorio kaj taga tabelo kun ĉiuj kategorioj sen horizontala rulumado.
Registrado maldekstre, kundivido dekstre. Tuŝu kategorion por ekmezuri tempon, poste montru resumon de la ekzercado inter lecionoj. La ekranoj uzas fikciajn datumojn por klarigo. La ekrankopioj montras la originalan japanlingvan interfacon.
Rolo
Planado, UX/UI-dezajno kaj realigo (kun Claude Code kaj Codex)
Periodo
Septembro 2026
Teknologioj
React · TypeScript; Swift (WKWebView, Live Activity, StoreKit, iCloud)

Deveno — «Kiel iras la ekzercado?»: mi ne povis respondi

Dum miaj lecionoj ĉiun duan semajnon, respondi «ĉefe gamojn» ne klarigis, kion mi ekzercis nek dum kiom da tempo. Estis malfacile skribi en papera taglibro kun saksofono pendanta ĉe la kolo, kaj la provitaj tempregistraj aplikaĵoj servis por propra retrorigardo.

Inter du leciondatoj aperas stangoj por ekzercotagoj kaj liberaj tagoj. Kunigi la ĉiutagan tempon laŭ kategorio en la malsupran stangon donas 10 horojn 06 minutojn.
La supraj stangoj montras ĉiutagan ekzercadon; ruĝaj kadroj markas lecionojn. Dum leciono mi montras resumon de la intertempo. Datoj kaj daŭroj estas fikciaj; la supraj kaj malsupra stangoj havas la saman totalon.

Registrado — Kun la instrumento enmane, per unu tuŝo

Dum ekzercado mi tuŝas nur la kategoriajn kartojn. Tuŝo ekigas la mezuradon, alia karto ŝanĝas la kategorion, kaj dua tuŝo de la sama karto haltigas ĝin.

Registra ekrano. Historikrastro troviĝas super la hodiaŭa stango (entute 54 minutoj) kaj la kategoriaj kartoj. La ekzercado de muzikpecoj daŭras jam pli ol 27 minutojn, markita per pli hela koloro kaj blanka konturo.
1 Historio
La ĝisnuna ekzercado. La unua vidaĵo ĉe malfermo.
2 Hodiaŭ
Ordo kaj divido de la ekzercado. Plena post unu horo.
3 Mezurado
Nur ĉi tiu karto estas hela, kun blanka konturo.
4 Kartoj
Tuŝu por ŝanĝi. La hodiaŭa tempo estas granda.

Unu tago — Plenigita stango restas plena

La hodiaŭa stango pleniĝas post unu horo. Poste la nuna totalo difinas la dekstran randon, por ke malpleno ne reaperu en jam plena stango.

Hodiaŭa ekzercado — 1 h 05 min

Elektita

Forlasita

Komparo ĉe 65 minutoj da ekzercado. Supre estas la elektita solvo: la totalo difinas la dekstran randon, kun minimuma skalo de unu horo. Malsupre la forlasita solvo plivastigas la skalon de 60 al 90 kaj 120 minutoj. Tuj post unu horo, malpleno revenas nur en la malsupra stango.

Akumuliĝo — Ĉio videbla, ekde la unua tago

Verdaj nuancoj montras ekzercadon, ruĝaj kadroj lecionojn, kaj horizontala rulumado atingas la unuan registritan tagon. Mi prioritatis superrigardon pri plurjara ekzercado anstataŭ pli malpeza bildigo.

Historikrastro. Verdaj nuancoj montras ekzercokvanton de junio ĝis septembro, ruĝaj kadroj la lecionojn ĉiun duan semajnon.
Kvin niveloj: 0 minutoj, malpli ol 30, malpli ol 60, malpli ol 90, kaj 90 aŭ pli. Tiu akumuliĝo estas la unua afero videbla ĉe malfermo de la aplikaĵo.

Kundivido — Komence de leciono, unu ekrano klarigas ĉion

Totaloj laŭ kategorio kaj ĉiutagaj detaloj resumas la tempon de la lasta leciono ĝis hodiaŭ, pretaj por montri al la instruisto. La taga tabelo enhavas ĉiujn kategoriojn sur unu ekrano, eĉ koste de pli malgranda teksto, sen horizontala rulumado.

Evoluo — Kartoj fariĝas la regpanelo de ekzercado

Mi konstruis la ekranojn laŭ specifo ellaborita per dialogo kun AI, poste mem ripete provis kaj reviziis ilin. En frua reta versio mi esploris registradon kaj kundividon, antaŭ ol realigi la aplikaĵon por iPhone.

Unua versio de la 9-a de septembro. Ses malgrandaj kategoriaj kartoj kaj la hodiaŭa totalo de 40 minutoj troviĝas en apartaj partoj de la registra ekrano.

9-a de septembro
Unua versio

Reta versio de la 21-a de septembro. Kategorio kaj hodiaŭa tempo kunestas en grandaj kartoj; la nunaj 10 minutoj da notlegado estas heligitaj.

21-a de septembro
Reta versio

Registra ekrano. Historikrastro troviĝas super la hodiaŭa stango (entute 54 minutoj) kaj la kategoriaj kartoj. La ekzercado de muzikpecoj daŭras jam pli ol 27 minutojn, markita per pli hela koloro kaj blanka konturo.

24-a de septembro
iOS 1.0

La unua kaj reta versioj uzas la samajn fikciajn datumojn (ses kategorioj, entute 40 minutoj hodiaŭ). iOS 1.0 uzas aliajn fikciajn datumojn.
Nomo kaj tempo kune
Mi montris la hodiaŭan tempon grande sur ĉiu karto, ligante la ekzercatan enhavon kun ĝia daŭro.
La nuna stato je unu rigardo
Mi heligis nur la karton kun aktiva mezurado kaj malheligis la ceterajn.
Regiloj ene de la ekrano
Mi igis la rulumadon halti tie, kie tuta vico de kartoj eniĝas en la ekranon.

Fine mi ripetis ciklon ĉirkaŭ 15 fojojn: Claude Code proponis eblajn problemojn, Codex kontrolis kaj korektis ilin, kaj mi decidis kiujn ŝanĝojn akcepti.

Sentumo — Elekti la haltmanieron per propra provo

Nur vortaj instrukcioj ne donis la senton «glate moviĝi kaj precize halti». Kun AI mi kreis agordilon por tuj ŝanĝi metodojn kaj valorojn, komparis kvin metodojn sur vera aparato kaj elektis la denaskan rulumfiksadon de la retumilo.

Ĝiba modelo

Kvin gestoj sur vera aparato kun Ĝiba modelo. Horizontala akso: 0–1200 milisekundoj post forlevo de la fingro; vertikala: distanco de la fiksopozicio. La streketa nulo markas tiun pozicion; la punkto ĉe ĉiu linifino estas la lasta mezurita pozicio.

Antaŭvidita finpunkto

Kvin gestoj sur vera aparato kun Antaŭvidita finpunkto. Horizontala akso: 0–1200 milisekundoj post forlevo de la fingro; vertikala: distanco de la fiksopozicio. La streketa nulo markas tiun pozicion; la punkto ĉe ĉiu linifino estas la lasta mezurita pozicio.

Denaska proximity
Elektita

Kvin gestoj sur vera aparato kun Denaska proximity. Horizontala akso: 0–1200 milisekundoj post forlevo de la fingro; vertikala: distanco de la fiksopozicio. La streketa nulo markas tiun pozicion; la punkto ĉe ĉiu linifino estas la lasta mezurita pozicio.

Denaska mandatory

Kvin gestoj sur vera aparato kun Denaska mandatory. Horizontala akso: 0–1200 milisekundoj post forlevo de la fingro; vertikala: distanco de la fiksopozicio. La streketa nulo markas tiun pozicion; la punkto ĉe ĉiu linifino estas la lasta mezurita pozicio.

Sen fiksado

Kvin gestoj sur vera aparato kun Sen fiksado. Horizontala akso: 0–1200 milisekundoj post forlevo de la fingro; vertikala: distanco de la fiksopozicio. La streketa nulo markas tiun pozicion; la punkto ĉe ĉiu linifino estas la lasta mezurita pozicio.
Pozicioj post forlevo de la fingro, komparitaj laŭ la sama skalo. La streketa nulo estas la fiksopozicio. El la aparataj protokoloj mi elektis po kvin gestojn por metodo kun rapidoj de 0,6–1,8 px/ms, kalkulitaj el la pozicioj dum la antaŭaj 60 ms, prioritate la plej proksimajn al 1,2 px/ms. Agordoj, komencaj pozicioj kaj direktoj varias inter gestoj.
Rulumagordilo. Elektiloj por kvin fiksmetodoj kaj iliaj parametroj apud telefona ekrano por provi la interagon.
Mi komparis la haltadon sur vera aparato, registrante rulumdistancon kaj rapidon. Malfermu la bildon por pligrandigi ĝin.

Kiel produkto — Preter ekzercado

La aspekto sekvas la aparatajn agordojn. Ekzercregistroj konserviĝas sur la aparato kaj aŭtomate savkopiiĝas al iCloud.

Hela reĝimo. Registra ekrano. Historikrastro troviĝas super la hodiaŭa stango (entute 54 minutoj) kaj la kategoriaj kartoj. La ekzercado de muzikpecoj daŭras jam pli ol 27 minutojn, markita per pli hela koloro kaj blanka konturo.Malhela reĝimo. Registra ekrano. Historikrastro troviĝas super la hodiaŭa stango (entute 54 minutoj) kaj la kategoriaj kartoj. La ekzercado de muzikpecoj daŭras jam pli ol 27 minutojn, markita per pli hela koloro kaj blanka konturo.
La sama registra ekrano en hela kaj malhela reĝimoj.
109 temaj piktogramoj laŭ la ekzercata agado, ordigitaj kiel instrumentoj, sporto, lernado, pentrado, manlaboro kaj esprimaj agadoj.
Eblas elekti piktogramon por la aplikaĵa kapo laŭ la ekzercado: 47 por muziko, 15 por sporto, 15 por lingvoj kaj lernado, 11 por arto, 14 por kreado kaj ĉiutaga vivo, kaj 7 por esprimo. La saksofono baziĝas sur Qlementine Icons (MIT-licenco).

Dum uzado — La sekva demando: kiom detale registri

Mi uzis la aplikaĵon dum matena ekzercado kaj montris la ekranon al mia instruisto dum leciono. La respondo estis, ke la enhavo tuj kompreneblas kaj ke registri la gamtipojn estus ankoraŭ pli utile (parafrazo). Mi pripensas plian nivelon sub la kategorioj por pli da detaloj sen perdi simplecon.

Materialoj

La reta demonstraĵo ebligas provi registradon kaj kundividon. Ĝi enhavas miajn proprajn ekzercregistrojn ĝis la 20-a de septembro 2026; viaj ŝanĝoj konserviĝas nur en la uzata retumilo.

  1. Lumbildo 1. Kovrilo: evoluigo de aplikaĵo por registri ekzercadon kaj montri ĝin al la instruisto. Takafumi Horiuchi.
  2. Lumbildo 2. Superrigardo: Log por registri kaj Share por montri ekzercadon al la instruisto. Rolo, periodo kaj iloj.
  3. Lumbildo 3. Fono: precize komuniki la saksofonan ekzercadon al la instruisto. Problemoj de papera taglibro kaj ekzistantaj aplikaĵoj.
  4. Lumbildo 4. Aliro: registrado per unu tuŝo kaj tuj komprenebla bildigo. Akumuliĝo laŭ du temposkaloj: tago kaj monatoj aŭ jaroj.
  5. Lumbildo 5. Kvar uzoj de AI: esplorado, baza realigo, ilo por agordi interagon kaj optimumigo.
  6. Lumbildo 6. Kunlaboro kun AI: esplori ekzistantajn aplikaĵojn kaj konkretigi la koncepton per dialogo.
  7. Lumbildo 7. Baza realigo: komparo de AI-generita V0 kaj V1 reviziita per ripetaj komentoj pri aranĝo kaj koloroj.
  8. Lumbildo 8. Agordi interagon: ilo kreita kun AI por mem kompari rulumrapidon kaj haltadon.
  9. Lumbildo 9. Optimumigo: ripetaj problemproponoj de Claude Code, kontroloj kaj korektoj de Codex, kaj homaj decidoj.
  10. Lumbildo 10. Rezultoj kaj sekvaj paŝoj: propra uzo, instruistaj komentoj kaj pripenso de subkategorioj por pli detalaj registroj.
Rulumu horizontale tra la lumbildoj. Klaku aŭ tuŝu por pligrandigi. La originaloj estas japanlingvaj.

Malfermi la projektajn materialojn kiel PDF (japane, 4,4 MB)