MothNote klasör tabanlı not sistemine saat, hava durumu ve takvim widget'ları ekleyen hepsi bir arada gösterge paneli Google Chrome yeni sekme eklentisi

lunamoth · 2025-09-01T16:42:57+09:00

🦋 MothNote MothNote not ayrıntı sayfası ekran görüntüsü MothNote hava durumu ayrıntı sayfası ekran görüntüsü MothNote lunamoth 4th blog tanıtım yazısı MothNote GitHub (Görünüşe göre GeekNews görsel göstermeyi desteklemiyor, bu yüzden bağlantı olarak ekliyorum.) MohtNote, klasör tabanlı not sistemine saat, hava durumu ve takvim widget'ları ekleyen, hepsi bir arada bir gösterge paneli Google Chrome yeni sekme eklentisidir. Geliştirme süreci MothNote ile Google Chrome yeni sekmesinde hızlıca doğrudan not yazabilir, saat/takvim/hava durumu/sıcaklık gibi bilgileri de anında görebilirsiniz. 15 özelliğe sahip LunaTools eklentisini yaptıktan sonra, bir anda yeni sekme eklentisi yapsam nasıl olur diye düşünmeye başladım ve geliştirmeye bu şekilde başladım. Geliştirici değilim ve programlamayı da hiç bilmiyorum; buna rağmen Google AI Studio (web) üzerinde Google Gemini 2.5 Pro ile 25 Temmuz 2025'te yapmaya başladım, yaklaşık 38 gün geliştirdikten sonra 1 Eylül 2025'te yayımladım. Harici kütüphaneler hariç kod satırı sayısı 7.385. En çok görülen yeni sekmede doğrudan not yazabilmenin kullanışlı olacağını düşündüğüm için, önce birçok proje yönetim aracında gördüğümüz 3 sütunlu yapıdan oluşan bir not uygulaması yapmaya başladım. Solarized Light/Dark tema desteği ekledim; Tabliss eklentisinden fikir alarak dijital saat, analog saat, hava durumu ve sıcaklığı ekledim, günlük tutma amacıyla da takvim koydum. Yazı yazma uygulamalarında sık görülen odak modu ve zen modunu da ekledim. Yerleşim ayarları, düzenleyici yazı tipi ayarları, hava durumu şehir ayarı ve veri yedekleme/geri yükleme özelliklerini de destekledim. Bir ara çoklu sekme senkronizasyonunu da destekledim, sonra bunun over-engineering olduğunu anlayıp geri aldım. "Atomik işlem" ifadesini de geliştirirken ve desteklerken öğrenmiş olduğumu hatırlıyorum. Daha önce yaptığım ayrıntılı hava durumu sayfasını da birleştirmenin iyi olacağını düşündüm ve ekledim. Markdown desteği vermemeyi planlıyordum ama harici kütüphane kullanmayı öğrendikten sonra Markdown görüntüleme modunu destekledim. (Snakdown kullanıyordum, sonra Marked'e geçtim) Varsayılan klasörler olarak PARA ve Bullet Journal'da önerilen klasörleri ekledim. Todo.txt tarzı kullanım da mümkün olabilir. Daha önce Simplenote kullanıyordum; veri taşıma da mümkün olabilir diye düşünerek Simplenote yedek dosyası JSON verilerini içe aktarma özelliğini de ekledim. Birkaç gün önce de yerel depolamadaki 10MB sınırı yerine sınırsız kullanım sağlayan unlimitedStorage iznini öğrendim ve uyguladım. Geliştirme sürecinde aklıma gelen fikirler arasında etiketler, çok katmanlı klasörler, WYSIWYG editör, wiki tarzı bağlantılar, yapılacak iş onay kutuları, Readability.js ile içerik kırpma özelliği, Google Drive entegrasyonu gibi şeyler de vardı. Bundan sonra anlamlı özelliklere odaklanarak güncellemeyi düşünüyorum. Hata düzeltme sürecinden epey geçtikten sonra artık yeterince kullanılabilir hale geldiğini düşündüğüm için yayımlıyorum. Oldukça işe yarayacaktır. Deneyip özellik iyileştirmeleri ve hata raporları paylaşmanızı rica ederim. (Bluesky, Twitter veya Threads üzerinden yanıt verirseniz sevinirim.) Başlıca özellikler (Aşağıdaki özellik açıklamaları, MothNote kaynak kodu analiz edilerek Gemini 2.5 Pro tarafından yazılmıştır.) Hepsi bir arada gösterge paneli: Yeni sekmede ihtiyaç duyduğunuz tüm bilgileri tek bakışta görün. Saat: Şık tasarımlı bir analog saat ve okunaklı bir dijital saat sunar. Ayrıntılı hava durumu bilgileri: Gösterge panelindeki widget'a tek tıklamayla hava durumu uzmanı olun. Haftalık tahmin: Özel sayfada haftalık en yüksek/en düşük sıcaklık değişimlerini görsel grafiklerle tek bakışta takip edebilir, ayrıca mevcut hava durumuna göre yağmur veya kar yağan güzel arka plan efektlerini de görebilirsiniz. Saatlik ayrıntılı bilgiler: Belirli bir tarihin tahmin kartına tıkladığınızda, o günün saatlik sıcaklığı, hava değişimi ve yağış olasılığı ayrıntılı liste ve grafiklerle sunulur. Konum ayarı: Şehir adı aramanın yanı sıra enlem ve boylamı doğrudan girerek dünyanın herhangi bir yerinin hava durumunu ayarlayabilirsiniz. Not entegreli takvim: Not yazılmış tarihler altı çizili olarak gösterilir; tarihin üzerine fare ile geldiğinizde not başlığını önizleyebilir, tıkladığınızda ise o güne ait tüm notları anında bir arada görebilirsiniz. Güçlü not sistemi: Düşüncelerinizi klasör tabanlı olarak düzenli biçimde organize eder ve 3 panelli UI ile notları verimli şekilde yönetir. Markdown desteği: #, *, ** gibi basit sözdizimleriyle biçimlendirilmiş notlar yazabilir ve tek tıkla temiz şekilde render edilmiş bir önizleme görünümüne geçebilirsiniz. Yüksek verimliliğe sahip editör: Editörün altında karakter/kelime/satır sayısı, oluşturulma/değiştirilme tarihi gibi ayrıntılı bilgileri gerçek zamanlı görebilir, Tab tuşuyla girinti artırma/azaltma yapabilirsiniz. Otomatik kaydetme ve manuel kaydetme: Yazdığınız içerik yazmayı bıraktığınızda otomatik olarak kaydedilir; Ctrl+S (Mac: Cmd+S) kısayoluyla da istediğiniz anda anında manuel kayıt yapabilirsiniz. Kullanışlı özellikler: Başlığı boş bırakırsanız içeriğin ilk satırı otomatik olarak başlık olur. Yüksek kullanıcı özgürlüğü ve kullanım kolaylığı: Verimliliği en üst düzeye çıkaran çeşitli özellikleri destekler. Kullanıcı ayarları: Light/Dark tema, editör yazı tipi/boyutu gibi uygulamanın görünümünü tercihinize göre değiştirebilir ve tüm ayarları sıfırlayabilirsiniz. Dinamik UI: Sadece ayarlar menüsünde değil, fareyle sürükleyerek panellerin ve zen modunun genişliğini de sezgisel olarak ayarlayabilirsiniz. Gelişmiş not yönetimi: Not arama (arama terimi vurgulama dahil), sıralama, önemli notları sabitleme ve favorilere ekleme özellikleri sunar. Sezgisel taşıma: Sürükle ve bırak ile klasör sırasını değiştirebilir veya notları kolayca başka klasörlere taşıyabilirsiniz. (Notları çöp kutusu/favoriler klasörüne sürükleyerek doğrudan silebilir/ekleyebilirsiniz.) Odak için Zen Mode: Çevredeki tüm öğeleri gizleyip yalnızca not yazmaya odaklanabileceğiniz bir ortam sunar. Çöp kutusu ve geri yükleme: Silinen öğeler çöp kutusuna taşınır; geri yükleme sırasında isim çakışmalarını otomatik olarak algılayıp çözer ve güvenli bir geri yükleme sağlar. Veri yedekleme ve geri yükleme: Tüm verileri tek bir JSON dosyası olarak güvenle yedekleyip geri yükleyebilirsiniz. Simplenote yedek dosyası (JSON) içe aktarmayı destekler ve mevcut verileri koruyarak yeni klasörlere güvenle ekler. Klavye kısayolları: Yeni klasör/not oluşturma, yeniden adlandırma, liste içinde gezinme gibi çeşitli işlemleri yalnızca klavyeyle hızlıca gerçekleştirebilirsiniz. Veri kararlılığı ve güvenilirlik: Kullanıcının değerli verilerini güvenle korur. Veriler web tarayıcısının local storage alanında saklanır. Kayıp önleme uyarısı: Kaydedilmemiş değişiklikler varken sayfayı kapatmaya çalışırsanız veri kaybını önlemek için bir uyarı penceresi gösterilir. Acil durum kurtarma özelliği: Tarayıcı beklenmedik şekilde kapanırsa kaydedilmemiş son değişiklikler geçici olarak yedeklenir ve bir sonraki çalıştırmada geri yüklenip yüklenmeyeceği sorulur. Otomatik veri denetimi: Uygulama açılışında veri bütünlüğü kontrol edilir; sorun tespit edilirse kararlılığı korumak için otomatik onarım yapılır. Kurulum yöntemi GitHub sayfasındaki releases bölümünden en son sürüm dosyasını indirip arşivi açın. Chrome tarayıcısında adres çubuğuna chrome://extensions yazıp yönetim sayfasına gidin, ardından Geliştirici modunu etkinleştirin. Paketlenmemiş uzantıyı yükle düğmesine tıklayın ve 1. adımda açtığınız klasörü seçin; kurulum tamamlanacaktır. Klasörü uzantı yönetim sayfasına sürükleyip bırakmanız da mümkündür. (Bu klasörün silinmemesi gerektiğini unutmayın.) Güncelleme geçmişi 2025-09-01 16:15 // 17.58 yayımlandı, ilk sürüm

(github.com/lunamoth)

5 puan yazan lunamoth 2025-09-01 | 3 yorum | WhatsApp'ta paylaş

🦋 MothNote

(Görünüşe göre GeekNews görsel göstermeyi desteklemiyor, bu yüzden bağlantı olarak ekliyorum.)

MohtNote, klasör tabanlı not sistemine saat, hava durumu ve takvim widget'ları ekleyen, hepsi bir arada bir gösterge paneli Google Chrome yeni sekme eklentisidir.

Geliştirme süreci

MothNote ile Google Chrome yeni sekmesinde hızlıca doğrudan not yazabilir, saat/takvim/hava durumu/sıcaklık gibi bilgileri de anında görebilirsiniz. 15 özelliğe sahip LunaTools eklentisini yaptıktan sonra, bir anda yeni sekme eklentisi yapsam nasıl olur diye düşünmeye başladım ve geliştirmeye bu şekilde başladım.

Geliştirici değilim ve programlamayı da hiç bilmiyorum; buna rağmen Google AI Studio (web) üzerinde Google Gemini 2.5 Pro ile 25 Temmuz 2025'te yapmaya başladım, yaklaşık 38 gün geliştirdikten sonra 1 Eylül 2025'te yayımladım. Harici kütüphaneler hariç kod satırı sayısı 7.385.

En çok görülen yeni sekmede doğrudan not yazabilmenin kullanışlı olacağını düşündüğüm için, önce birçok proje yönetim aracında gördüğümüz 3 sütunlu yapıdan oluşan bir not uygulaması yapmaya başladım. Solarized Light/Dark tema desteği ekledim; Tabliss eklentisinden fikir alarak dijital saat, analog saat, hava durumu ve sıcaklığı ekledim, günlük tutma amacıyla da takvim koydum.

Yazı yazma uygulamalarında sık görülen odak modu ve zen modunu da ekledim. Yerleşim ayarları, düzenleyici yazı tipi ayarları, hava durumu şehir ayarı ve veri yedekleme/geri yükleme özelliklerini de destekledim.

Bir ara çoklu sekme senkronizasyonunu da destekledim, sonra bunun over-engineering olduğunu anlayıp geri aldım. "Atomik işlem" ifadesini de geliştirirken ve desteklerken öğrenmiş olduğumu hatırlıyorum.

Daha önce yaptığım ayrıntılı hava durumu sayfasını da birleştirmenin iyi olacağını düşündüm ve ekledim. Markdown desteği vermemeyi planlıyordum ama harici kütüphane kullanmayı öğrendikten sonra Markdown görüntüleme modunu destekledim. (Snakdown kullanıyordum, sonra Marked'e geçtim)

Varsayılan klasörler olarak PARA ve Bullet Journal'da önerilen klasörleri ekledim. Todo.txt tarzı kullanım da mümkün olabilir.

Daha önce Simplenote kullanıyordum; veri taşıma da mümkün olabilir diye düşünerek Simplenote yedek dosyası JSON verilerini içe aktarma özelliğini de ekledim. Birkaç gün önce de yerel depolamadaki 10MB sınırı yerine sınırsız kullanım sağlayan unlimitedStorage iznini öğrendim ve uyguladım.

Geliştirme sürecinde aklıma gelen fikirler arasında etiketler, çok katmanlı klasörler, WYSIWYG editör, wiki tarzı bağlantılar, yapılacak iş onay kutuları, Readability.js ile içerik kırpma özelliği, Google Drive entegrasyonu gibi şeyler de vardı. Bundan sonra anlamlı özelliklere odaklanarak güncellemeyi düşünüyorum.

Hata düzeltme sürecinden epey geçtikten sonra artık yeterince kullanılabilir hale geldiğini düşündüğüm için yayımlıyorum. Oldukça işe yarayacaktır. Deneyip özellik iyileştirmeleri ve hata raporları paylaşmanızı rica ederim. (Bluesky, Twitter veya Threads üzerinden yanıt verirseniz sevinirim.)

Başlıca özellikler

(Aşağıdaki özellik açıklamaları, MothNote kaynak kodu analiz edilerek Gemini 2.5 Pro tarafından yazılmıştır.)

Hepsi bir arada gösterge paneli: Yeni sekmede ihtiyaç duyduğunuz tüm bilgileri tek bakışta görün.
- Saat: Şık tasarımlı bir analog saat ve okunaklı bir dijital saat sunar.
- Ayrıntılı hava durumu bilgileri: Gösterge panelindeki widget'a tek tıklamayla hava durumu uzmanı olun.
  - Haftalık tahmin: Özel sayfada haftalık en yüksek/en düşük sıcaklık değişimlerini görsel grafiklerle tek bakışta takip edebilir, ayrıca mevcut hava durumuna göre yağmur veya kar yağan güzel arka plan efektlerini de görebilirsiniz.
  - Saatlik ayrıntılı bilgiler: Belirli bir tarihin tahmin kartına tıkladığınızda, o günün saatlik sıcaklığı, hava değişimi ve yağış olasılığı ayrıntılı liste ve grafiklerle sunulur.
  - Konum ayarı: Şehir adı aramanın yanı sıra enlem ve boylamı doğrudan girerek dünyanın herhangi bir yerinin hava durumunu ayarlayabilirsiniz.
- Not entegreli takvim: Not yazılmış tarihler altı çizili olarak gösterilir; tarihin üzerine fare ile geldiğinizde not başlığını önizleyebilir, tıkladığınızda ise o güne ait tüm notları anında bir arada görebilirsiniz.
Güçlü not sistemi: Düşüncelerinizi klasör tabanlı olarak düzenli biçimde organize eder ve 3 panelli UI ile notları verimli şekilde yönetir.
- Markdown desteği: #, *, ** gibi basit sözdizimleriyle biçimlendirilmiş notlar yazabilir ve tek tıkla temiz şekilde render edilmiş bir önizleme görünümüne geçebilirsiniz.
- Yüksek verimliliğe sahip editör: Editörün altında karakter/kelime/satır sayısı, oluşturulma/değiştirilme tarihi gibi ayrıntılı bilgileri gerçek zamanlı görebilir, Tab tuşuyla girinti artırma/azaltma yapabilirsiniz.
- Otomatik kaydetme ve manuel kaydetme: Yazdığınız içerik yazmayı bıraktığınızda otomatik olarak kaydedilir; Ctrl+S (Mac: Cmd+S) kısayoluyla da istediğiniz anda anında manuel kayıt yapabilirsiniz.
- Kullanışlı özellikler: Başlığı boş bırakırsanız içeriğin ilk satırı otomatik olarak başlık olur.
Yüksek kullanıcı özgürlüğü ve kullanım kolaylığı: Verimliliği en üst düzeye çıkaran çeşitli özellikleri destekler.
- Kullanıcı ayarları: Light/Dark tema, editör yazı tipi/boyutu gibi uygulamanın görünümünü tercihinize göre değiştirebilir ve tüm ayarları sıfırlayabilirsiniz.
- Dinamik UI: Sadece ayarlar menüsünde değil, fareyle sürükleyerek panellerin ve zen modunun genişliğini de sezgisel olarak ayarlayabilirsiniz.
- Gelişmiş not yönetimi: Not arama (arama terimi vurgulama dahil), sıralama, önemli notları sabitleme ve favorilere ekleme özellikleri sunar.
- Sezgisel taşıma: Sürükle ve bırak ile klasör sırasını değiştirebilir veya notları kolayca başka klasörlere taşıyabilirsiniz. (Notları çöp kutusu/favoriler klasörüne sürükleyerek doğrudan silebilir/ekleyebilirsiniz.)
- Odak için Zen Mode: Çevredeki tüm öğeleri gizleyip yalnızca not yazmaya odaklanabileceğiniz bir ortam sunar.
- Çöp kutusu ve geri yükleme: Silinen öğeler çöp kutusuna taşınır; geri yükleme sırasında isim çakışmalarını otomatik olarak algılayıp çözer ve güvenli bir geri yükleme sağlar.
- Veri yedekleme ve geri yükleme: Tüm verileri tek bir JSON dosyası olarak güvenle yedekleyip geri yükleyebilirsiniz. Simplenote yedek dosyası (JSON) içe aktarmayı destekler ve mevcut verileri koruyarak yeni klasörlere güvenle ekler.
- Klavye kısayolları: Yeni klasör/not oluşturma, yeniden adlandırma, liste içinde gezinme gibi çeşitli işlemleri yalnızca klavyeyle hızlıca gerçekleştirebilirsiniz.
Veri kararlılığı ve güvenilirlik: Kullanıcının değerli verilerini güvenle korur.
- Veriler web tarayıcısının local storage alanında saklanır.
- Kayıp önleme uyarısı: Kaydedilmemiş değişiklikler varken sayfayı kapatmaya çalışırsanız veri kaybını önlemek için bir uyarı penceresi gösterilir.
- Acil durum kurtarma özelliği: Tarayıcı beklenmedik şekilde kapanırsa kaydedilmemiş son değişiklikler geçici olarak yedeklenir ve bir sonraki çalıştırmada geri yüklenip yüklenmeyeceği sorulur.
- Otomatik veri denetimi: Uygulama açılışında veri bütünlüğü kontrol edilir; sorun tespit edilirse kararlılığı korumak için otomatik onarım yapılır.

Kurulum yöntemi

GitHub sayfasındaki releases bölümünden en son sürüm dosyasını indirip arşivi açın.
Chrome tarayıcısında adres çubuğuna chrome://extensions yazıp yönetim sayfasına gidin, ardından Geliştirici modunu etkinleştirin.
Paketlenmemiş uzantıyı yükle düğmesine tıklayın ve 1. adımda açtığınız klasörü seçin; kurulum tamamlanacaktır. Klasörü uzantı yönetim sayfasına sürükleyip bırakmanız da mümkündür. (Bu klasörün silinmemesi gerektiğini unutmayın.)

Güncelleme geçmişi

2025-09-01 16:15 // 17.58 yayımlandı, ilk sürüm

3 yorum

lunamoth 2025-09-01

Ah, ilk ekran görüntüsü bağlantısının URL'sinde yazım hatası varmış;

https://raw.githubusercontent.com/lunamoth/MothNote/…

Bu.

xguru 2025-09-01

Düzelttim.