سبک زندگی برنامه‌نویسی

۸ مطلب با کلمه‌ی کلیدی «کتابخانه جاوااسکریپت» ثبت شده است

ساخت پروکسی شخصی‌سازی شده با goproxy

برای بسیاری از ما این مشکل پیش آمده که نیاز به راه اندازی پروکسی برای وبسایت‌های خاص و کاربردهای خاصی داشته باشیم. برای مثال برای دور زدن تحریم‌های بسیاری از سرویس‌های خارجی مانند docker hub . ابزارهای راه اندازی پروکسی متفاوتی ساخته شده است که به سادگی میتوانید پروکسی سرور خود را با آن راه اندازی کنید. در این بین کتابخانه‌های قابل برنامه‌نویسی هم نوع جذابی از این مدل پروکسی سرورها هستند که میتوانید منطق خود برای استفاده‌ی شخصی را به پروکسی سرور خود بفهمانید. برای کاربردهایی نظیر caching و فیلتر درخواست‌های خاص و حالتهای زیادی که ممکن است در طول یک پروژه‌ی نرم افزاری به آنها نیاز پیدا کنید.

goproxy یکی از کتابخانه‌های خوب برای پیاده‌سازی پروکسی سرور خودتان با امکانات ویژه‌ی خودتان است. کافیست کمی زبان گو بدانید و البته بدانید چه نیاز دارید. این ابزار پروکسی‌های ساده‌ی http با قابلیت پشتیبانی از ssl/tls را داراست. برای استفاده از آن کافیست آن را نصب کنید و از مستندات خوب آن برای پیاده‌سازی های خود استفاده کنید.

برای نصب goproxy بعد از نصب زبان برنامه نویسی گو میتوانید آن را با دستور زیر دریافت کنید :
go get -u github.com/elazarl/goproxy

یک نمونه‌ی ساده از پروکسی با goproxy :
package main

import (
    "github.com/elazarl/goproxy"
    "log"
    "net/http"
)

func main() {
    proxy := goproxy.NewProxyHttpServer()
    proxy.Verbose = true
    log.Fatal(http.ListenAndServe(":8080", proxy))
}


مطالعه بیشتر
۰۹ خرداد ۹۸ ، ۰۸:۴۱ ۰ نظر

معرفی zdog - موتور شبه سه بعدی برای canvas و svg

امروز به پروژه‌ای برخوردم که نظرم را جلب کرد. کتابخانه‌ای سبک برای جاوا اسکریپت به نام zdog که به برنامه‌نویسان جاوا اسکریپت این امکان را میدهد به سادگی چند خط کد مدلهای ۳ بعدی روی canvas یا svg بسازند و در صفحات خود استفاده کنند.

کار با این کتابخانه بسیار ساده است و مثال‌ها و افزودنی‌های زیادی هم به همراه خود دارد و از ساخت تا انیمیت کردن مدل‌ها استفاده آنها با یکدیگر را میتوانید در سایت رسمی آن بیاموزید.


پیوندهای بیشتر

۰۸ خرداد ۹۸ ، ۰۸:۳۷ ۰ نظر
يكشنبه, ۴ بهمن ۱۳۹۴، ۱۰:۱۰ ب.ظ
نمایش بج و ویدیو در favicon مرورگر با favico.js

نمایش بج و ویدیو در favicon مرورگر با favico.js

favicon‌ها در وبسایت‌ها همیشه بخشی از جذابیت صفحات وب هستند و وبسایت‌هایی که شمایل مختص خود را ندارند در نگاه اول شاید جذاب به نظر نرسند. با این حال استفاده از فرم کلاسیک این شمایل‌ها شاید آنقدرها شما را به خود جذب نکند و به فکر تنوعی در آنها باشید.

کتابخانه‌ی favico.js یک کتابخانه‌ی کاربردی برای ساخت و دستکاری favicon های وب است و امکانات آن هر اهل ذوقی را به وجد می آورد. کتابخانه‌ای که بصورت آزاد روی گیتهاب منتشر شده است.

اولین امکان این کتابخانه قابلیت نمایش تعداد نوتیفیکیشن‌ها بصورت بج روی فیوآیکون اصلی شماست برای مثال فرض کنید تعداد نوتیفیکیشن‌های فیسبوکتان روی نقطه‌ای قرمز روی favicon آن صفحه نمایش داده شود و شاید یکی از بهترین کاربردهای آن مطلع سازی کاربران از اعلانات سایت بدون رفتن به تب آن سایت و تنها با مشاهده‌ی favicon آن در مرورگر باشد.

امکان دوم این کتابخانه قابلیت استفاده از ویدیو در محل favicon سایتتان است. تصور کنید که یک ویدیو آنجا در حال پخش است :)

و امکان خوب دیگری که این کتابخانه ارایه میدهد قابلیت نمایش تصویر کاربرتان از طریق وبکم کامپیوتر او بجای favicon سایت شماست. این قابلیت با استفاده‌ از قابلیت‌های webrtc روی مرورگرهای مدرن پیاده‌سازی شده است.

اگر فکر میکنید که این امکانات به سایت شما جذابیت میبخشد آنها را در صفحه رسمی پروژه امتحان کنید.

۰۴ بهمن ۹۴ ، ۲۲:۱۰ ۰ نظر
جمعه, ۲ بهمن ۱۳۹۴، ۰۱:۴۵ ب.ظ
ساخت اپ دسکتاپ برای وبسایت با Nativefier

ساخت اپ دسکتاپ برای وبسایت با Nativefier

بسته‌ی نرم افزاری الکترون یکی از محصولاتیست که تیم اصلی گیت‌هاب آن را توسعه داده و تولید کرده است، بسته‌ای که تحولی در ساخت اپلیکیشن‌های دسکتاپ ایجاد کرد و نمونه‌ی بسیار خوب آن ویرایشگر اتم و نسخه‌ی دسکتاپ وردپرس است.

جیا هاو توسعه‌دهنده‌ی سنگاپوری بسته‌ای را بر اساس الکترون آماده کرده که به شما این امکان را میدهد که با یک دستور یک اپ دسکتاپ که وبسایتان را نمایش میدهد بسازید. برای استفاده از آن لازم است Node.js و npm  را روی سیستم خود نصب داشته باشید و بسته ی nativefier را از npm نصب کنید و پس از آن دستور زیر را اجرا کنید :
nativefier noobi.ir
که بجای noobi.ir آدرس سایت خود را وارد کنید. با اجرای این دستور یک اپ دسکتاپ سازگار با سیستم‌عاملی که روی آن دستورات را اجرا کرده‌اید ساخته میشود و میتوانید برای دوستان و کاربرانتان منتشر کنید :)

گزینه‌های زیادی برای شخصی‌سازی اپ‌هایتان مانند اضافه‌کردن لوگوی‌ سایت به عنوان لوگوی اپ نیز تعبیه شده که میتوانید لیست آنها را در توضیحات مخزن پروژه مطالعه کنید.



۰۲ بهمن ۹۴ ، ۱۳:۴۵ ۱ نظر
يكشنبه, ۲۷ دی ۱۳۹۴، ۱۰:۲۰ ب.ظ
بررسی ویژگی‌های مرورگرها با Feature.js

بررسی ویژگی‌های مرورگرها با Feature.js

دنیای استانداردهای وب با سرعت در حال رشد و پیشرفت است و هرروز مباحث زیادی در کنسرسیوم وب جهانی از داوطلبان و مهندسان در نقاط مختلف دنیا برای اضافه کردن ویژگی‌های جدید برای ساختن آینده‌ی وب برگزار می‌شود. بسیاری از استانداردها در مرورگرهای مدرن پیاده‌سازی شده‌اند و البته همیشه افرادی هستند که مرورگرشان در آخرین نسخه‌ها نباشد و البته مرورگرها هم همیشه درمورد همه‌ی استانداردها توافق ندارند و پیاده‌سازی ویژگی‌های جدید را به تاخیر می‌اندازند.


از طرفی این مسائل برای برنامه‌سازان و طراحان سیستم مشکلات زیادی را ایجاد میکند و در طراحی برنامه‌هایی که از استانداردهای جدید مانند webGL، webRTC و ... استفاده میکنند برنامه‌نویسان همواره باید بررسی کنند که مرورگر مورد استفاده‌ی کاربر از آن ویژگی‌ها بخوبی پشتیبانی میکند یا نه.


کتابخانه‌ی Feature.js یک کتابخانه‌ی ساده و سبک ( ۱kb ) برای بررسی پشتیبانی مرورگرها از تکنولوژی‌ها و استانداردهای مختلف وب در مرورگر است. با استفاده ازین کتابخانه نیازی نیست بنا به شرایط مرورگرهای مختلف کدهای زیاد و پیچیده ( به همت جاوااسکریپت! ) بنویسید و کار این بررسی‌ها را برای شما ساده میکند و البته هیچ نیازمندی هم خاصی ندارد.

۲۷ دی ۹۴ ، ۲۲:۲۰ ۰ نظر

رسم گراف‌های زیبا تحت وب با sigma.js


گراف‌ ساختار داده‌ای پرکاربردی در علوم و صنایع نرم‌افزاری و محاسباتی است اما رسم و کنترل آنها در کامپوترها آنچنان ساده نیست و در بسیاری از موارد نیازمند نرم‌افزارهای جانبی است. با sigma.js به راحتی تعریف چند گره و یال میتوانید گراف‌هایی زیبا از داده‌های خود بکشید و چه برای تحلیل داده‌ای و چه برای زیبایی میتوانید از آن استفاده کنید.


برای رسم گراف‌ها نقاط و طول یالها و مسیرهای مورد نظر خود را درقالب یک شی جاوااسکریپت به کتابخانه میدهید و خروجی شما بدون دردسر زیادی در مرورگرتان قابل نمایش  و استفاده است.


۱۶ دی ۹۴ ، ۲۳:۰۰ ۱ نظر