Show HN: Nash - Tek bir HTML dosyasıyla yapılmış bağımsız not

• Nash, ek bir yazılım veya hizmet gerektirmeyen, bağımsız bir HTML biçiminde nottur.
• Yalnızca bir web tarayıcısıyla kullanılabilir; çevrimdışıyken de kaydedilip düzenlenebilir.
• İlham
  • Tek bir HTML ile basit fikirler için bir POC (Proof of Concept) işlevi geliştirirken, ayrı bir hizmet veya yazılım olmadan çalışan bir belge dosyası oluşturulabileceğini fark ettim.
  • Notion ya da Word gibi yazılımlar olmadan da çalışan bir belge dosyası oluşturmaya yönelik ilk denemedir.
• Boş not alma
  • Boş sayfaya gitmek için şu bağlantıyı kullanabilirsiniz: Nash boş sayfası
• Nash açık kaynaklıdır; özgürce değiştirilebilir ve kullanılabilir.

[xguru]

Nash, tek bir HTML ile çalışan notlar

Bunu Show GN'de paylaşmıştınız, Hacker News'e de göndermişsiniz ve epey oy almışsınız. Tebrikler!

[GN⁺]

Hacker News görüşleri

• Bu projeyi gerçekten çok beğendim; kaynak koda bakınca vanilla JS ile kodlanmış olmasının da harika olduğunu düşündüm. Bugünlerde, kütüphane veya framework olmadan ne kadar çok etkileşimli web uygulaması yapılabildiği küçümseniyor
  • Ben de tek bir HTML sayfasıyla basit yerel web uygulamaları yapma fikrini gerçekten seviyorum. Kısa süre önce çocuğumla bir bilim müzesini ziyaret ettik ve basit bir stop motion animatörü denedik. Ben de buna benzer bir web uygulaması yapmaya karar verdim ve tek bir HTML sayfası olarak oluşturup internet olmadan kullanabilmesi için çocuğumun dizüstü bilgisayarına kopyaladım. Vanilla JS yazmaya üşendiğim için React ve bir bundler kullandım. O da tek bir HTML dosyasına bundle edildi. Belki bir gün Show HN'de paylaşırım
• Oldukça ağır işlerin büyük kısmı bu basit ama güçlü özellik sayesinde yapılıyor. Şaşırtıcı biçimde birçok geliştirici bu özelliği pek bilmiyor gibi görünüyor. Oldukça uzun zamandır var
  • <div id="editor" contenteditable="true">
• Harika iş
  • Sayfa yerel diskten tarayıcıda açıldığında otomatik olarak düzenleme modunda açılmasını, birinin web sitesinde yayımlanıp açık web üzerinden erişildiğinde ise normal salt okunur görünüme geçmesini değerlendirebilirsin (http/https adresi olup olmadığına bakarak)
  • Tabii ki:
    1. Bunu yok saymanın bir yolu olmalı (bir sorgu dizesi parametresi veya sihirli bir URL parçası), böylece düzenleme modunda da görüntülenebilmeli
    2. Belirli alan adları/URL önekleri için istisna olmalı — temelde keepworking.github.io (veya https://keepworking.github.io/nash/) — böylece o sitede de düzenleme modu etkin olur. Bu da kişisel olarak demoyu çalıştırmak için özel bir şey yapman gerekmediği anlamına gelir (bu istisna kullanıcı tarafından değiştirilebilir olmalı; böylece başkaları da #1'deki hileyi kullanmadan aynı davranışı elde edebilir)
• Bu çok havalı. Biz (ya da belki sadece ben) bir web sitesinin JS kısmını gerçek HTML'nin dışında yazmaya o kadar alışmışız ki bunu görünce, “Vay canına, bunun sadece HTML ile mümkün olması çılgınca” diye düşündüm. Sonra kaynağa bakıp tüm JS'nin eski usul script tag'lerinde olduğunu görünce bunun gerçekten mümkün olduğunu yeniden hatırladım
• "Gerçek" kaydetmeyi kullanarak bunu bağımsız ve gerçekten taşınabilir hale getirebilirsin https://rpdillon.net/redbean-tiddlywiki-saver.html
• Keşke tarayıcılar yerel web uygulamaları için daha iyi destek sunsa. Yerel dosyalar kalıcı depolamaya kolayca erişebilse, hızlı ve kolay GUI uygulamaları için birçok fırsat doğardı. Temelde electron'un tersi
• Eline sağlık! Daha önce TiddlyWiki'den bahsedilerek bu fikir üzerine bir tartışma olmuştu https://news.ycombinator.com/item?id=43179649
• Buna "not" demek biraz kafa karıştırıcı. Ben buna kendini değiştirebilen, düzenlenebilir tek dosyalık web uygulaması derdim
• Öneri: Düzenledikten sonra kaydetmeden sayfayı kapatmaya çalıştığında uyarı vermeli. onbeforeunload işleyicisi eklemeyi düşünebilirsin
• Kısa süre önce TiddlyWiki ile yerel bir wiki yazmayı denedim ama feci şekilde başarısız oldum; sonunda HTML dosyasını doğrudan kendim yazdım
  • Nash işimi basitleştirecek gibi görünüyor, teşekkürler
• Kolay bir içindekiler tablosu için şunu ekleyin https://codepen.io/cgurski/pen/qBrNrPo