Code.ge Blog http://code.ge კიდევ ერთი WordPress საიტი Wed, 25 Apr 2012 17:13:57 +0000 en hourly 1 http://wordpress.org/?v=3.4-alpha-19672 Collection.next+JSON Hypermedia Format http://code.ge/posts/collection-nextjson-hypermedia-format http://code.ge/posts/collection-nextjson-hypermedia-format#comments Fri, 20 Apr 2012 18:11:18 +0000 admin http://code.ge/?p=595 სულ რამდენიმე წუთის წინ IANA.org – მა დაასრულა ჩემს მიერ შექმნილი ჰიპერმედია ფორმატის სპეციფიკაციის რეგისტრაცია.

ამ მომენტისთვის სულ ეს არის. დეტალებს, მაგალითებს, და ა.შ. შემოგთავაზებთ მოგვიანებით! B-)

]]> http://code.ge/posts/collection-nextjson-hypermedia-format/feed 2 script ტეგის სასარგებლო დეტალები 2 http://code.ge/posts/script-tag-details-2 http://code.ge/posts/script-tag-details-2#comments Thu, 02 Dec 2010 09:59:16 +0000 admin http://www.code.ge/?p=570 წინა პოსტში ლაპარაკი მქონდა script ტეგის id ატრიბუტისა და მისი გამოყენების შესახებ. ცოტაოდენი ექპსერიმენტების შემდეგ კიდევ ერთი სასარგებლო გამოყენება ვუპოვე ამ ატრიბუტს.

მაგალითისათვის განვიხილოთ რეალური კოდი:

1
2
3
4
<script type="text/javascript" id="widget">
  var script = document.getElementById("widget");
  console.log(script);
</script>

კოდის შესრულების შედეგად კონსოლი გამოგვიტანს DOM ობიექტს რომელიც რეალურად არის ის script ელემენტი რომლის შიგნითაც სრულდება ნაჩვენები კოდი.

ერთი შეხედვით ბანალური კოდია… თუმცა მიაქციეთ ყურადღება რომ script ტეგის შიგნით კოდიდან “მშობელ” ელემენტზე წვდომა ხდება getElementById() მეთოდის მეშვეობით, რადგან, სხვა ალტერნატიული გზა არ არსებობს(მაგ. this ან სხვა რაიმე გასაღები სიტყვა). რა პრაქტიკული დანიშნულება აქვს ამ მცირე აღმოჩენას?

წარმოვიდგინოთ რომ ვწერთ ვიდჯეტს, რომელიც, მომხმარებლებმა უნდა ჩასვან თავიანთ საიტებზე. დაახლოებით მსგავსი კოდის მეშვეობით:

1
<script type="text/javascript" src="http://widget.vendor.com/weather.js"></script>

ასეთ შემთხვევაში გარე სკრიპტის ევალება მომხმარებლის გვერდზე სკრიპტის ადგილას გამოიტანოს/დახატოს რაიმე სახის ინფორმაცია(ამ შემთხვევაში ამინდის პროგნოზი). ის რეალიზაციები რაც ძირითადად მინახავს ასეთ შემთხვევაში იყენებენ document.write(…) მეთოდს, რომელიც, სკრიპტის შესრულების თანავე იწყებს კონტენტის გენერაციას და დოკუმენტში გამობეჭდვას. ასეთ მიდგომას უამრავი მინუსი აქვს(თუნდაც ბლოკირების ეფექტი) თუმცა ამ თემის განვრცობას ამ პოსტში არ ვაპირებ :)

ნაცვლად აღნიშნული მეთოდისა შესაძლებელია ზუსტად პოსტის დასაწყიში ნაჩვენები შესაძლებლობის გამოყენება. მაგალითად თუ სკრიპტ ტეგს შევცვლით და დავამატებთ ორ ატრიბუტს id და defer:

1
<script type="text/javascript" src="http://widget.vendor.com/weather.js" id="widget" defer="defer"></script>

მივიღებთ შემდეგ ეფექტს ა) defer ატრიბუტის დამსახურებით არ შეაფერხდება გვერდის რენდერი და ავიცილებთ ე.წ. ბლოკირების ეფექტს; 2) გარე სკრიპტს შესაძლებლობა ექნება მოპოვოს მშობელი DOM ელემენტი და განახორციელოს საჭირო მანიპულაციები რომელიც ნაჩვენებია ქვემოთ;

1
2
3
4
var div = document.createElement('div');
div.innerHTML = 'Good sunny weather! B-)';
var script = document.getElementById('widget');
script.parentNode.insertBefore(div, script);

შედეგად ბრაუზერში ზუსტად იმ ადგილას რა ადგილასაც ჩავსვით გარე სკრიპტი script ტეგის მეშვეობით დაიხატება ამინდის პროგნოზი(პირობითად) და მივიღებთ ასეთ DOM სტრუქტურას:

1
2
<div>Good sunny weather! B-)</div>
<script type="text/javascript" src="http://widget.vendor.com/weather.js" id="widget" defer="defer"></script>

და ეს ყველაფერი მოხდება ბრაუზერის ბლოკირების გარეშე!

მარტივია ხო? :)

]]> http://code.ge/posts/script-tag-details-2/feed 10 script ტეგის სასარგებლო დეტალები http://code.ge/posts/script-tag-details http://code.ge/posts/script-tag-details#comments Wed, 24 Nov 2010 21:35:17 +0000 admin http://www.code.ge/?p=552 იცოდით თუ არა, რომ, script ტეგს შესაძლებელია განვუსაზღვროთ id ატრიბუტი? ის თუ იცოდით, რომ, ამავე ტეგის type ატრიბუტის მნიშვნელობა შესაძლებელია იყოს text/html გარდა ცნობილი text/javascript და text/vbscript ცნობილი მნიშვნელობებისა?

რაში შეიძლება დაგვჭირდეს აღნიშნული ტეგის ეს შესაძლებლობები? პასახად რეალურ მაგალითს მოვიყვან!

JavaScript აპლიკაციებზე მუშაობისას HTML დოკუმენტში ხშირად გვიწევს ისეთი ვიზუალური კომპონენტების გამოყენება რომლებიც რეალურად ატარებენ დამხმარე ხასიათს და სინამდვილეში არ უნდა განეკუთვნებოდნენ ძირითად HTML დოკუმენტს. ყველაზე მარტივ მაგალითად შეგვიძლია განვიხილოთ არასტანდარტული შეტყობინების დიალოგური ფანჯრები. განსხვავებით JavaScript – ის მშობლიური alert() ფუნქციისა რომელიც გვიჩვენებს სისტემური შეტყობინების ფანჯარას. მსგავს სისტემურ შეტყობინების ფანჯრებზე არ გაგვაჩნია არანაირი ვიზუალური კონტროლის მექანიზმები რაც იწვევს არასტანდარტული ვიზუალური კომპონენტების გამოყენების აუცილებლობას.

ახლა წარმოვიდგინოთ სცენარი სადაც ერთი დოკუმენტის ფარგლებში, მომხმარებელთან ურთიერთქმედებისათვის გვესაჭიროება არასტანდარტული შეტყობინების რამდენიმე ფანჯარა, ერთი და იგივე ვიზუალური მახასიათებლებითა და განსხვავებული შეტყობინების ტექსტებით.

სერვერის მხარეს პროგრამირებისას ბუნებრივი იქნებოდა შაბლონების გამოყენება, თუმცა, ბრაუზერშიც არსებობს ამის შესაძლებლობა სწორედ პოსტის დასაწყისში ნახსენები script ტეგის თვისებების მეშვეობით. კერძოდ კი, თუ script ტეგის type ატრიბუტის მნიშვნელობად გამოვიყენებთ text/html – ტეგს შიგნით მოთავსებული ნებისმიერი HTML კოდი აღქმული იქნება როგორც ჩვეულებრივი ტექსტი რომელიც ა) არ ჩანს ვიზუალურად ბრაუზერში; ბ) არ ხდება ამ ტექსტის ინტერპრეტირება JavaScript – ის სახით; გ) არ ვაბინძურებთ დოკუმენტის ძირითად DOM სტრუქტურას არასაჭირო ტეგებით; დ) არ გვესაჭიროება CSS ტექსტის დასამალად; ე) საძიებელი სისტემები როგორც წესი იგნორირებას უკეთებენ script ტეგებს; შაბლონის გამოყენების რეალური მაგალითი ნაჩვენებია ქვემოთ:

1
2
3
4
5
6
7
8
<script type="text/html" id="tpl-alert">
  <div class="alert" id="alert">
    <div class="alert-title">{title}</div>
    <div class="alert-message">
      <p>{message}</p>
    </div>
  </div>
</script>

ნაჩვენებ მაგალითში, script ტეგის შიგნით განთავსებული HTML კოდი არის ტიპიური შაბლონი რომელიც შესაძლებელია გამოვიყენოთ მრავალჯერ სხვადასხვა შემთხვევაში.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
//template placeholder values
var texts = {
    title: "Test Title!",
    message: "Test Message!"
};

//template text
var tpl = document.getElementById('tpl-alert').innerHTML;

//placeholders replacement
var result = tpl.replace(/{(w+)}/gi, function(match, key) {
    return key in texts ? texts[key] : '';
});

//do something with result

კოდის შესრულების შედეგად მივიღებთ შემდეგ რეზულტატს:

1
2
3
4
5
6
<div class="alert" id="alert">
  <div class="alert-title">Test Title!</div>
  <div class="alert-message">
    <p>Test Message!</p>
  </div>
</div>
]]> http://code.ge/posts/script-tag-details/feed 5 Apple vs Adobe and why Adobe SUCKS http://code.ge/posts/apple-vs-adobe-and-why-adobe-sucks http://code.ge/posts/apple-vs-adobe-and-why-adobe-sucks#comments Mon, 03 May 2010 14:19:27 +0000 admin http://www.code.ge/?p=546 ერთადერთი მიზეზი რამაც ამ პოსტის დაწერსკენ მიბიძგა გახლავთ ვიდეო რომელიც გამომამზეურა Adobe – მ Flash – ის თაჩსკრინიანი მოწყობილობებისათვის მზაობის დასამტკიცებლად, მაგრამ, ჩემის აზრით მათ მხოლოდ თავის მორიგ უსუსურობას გაუსვეს ხაზი. სულ ეს იყო სტივ ჯობსის ღია წერილისადმი პასუხი?

ამონარიდი აღნიშნული გვერდიდან:

Everyone who actually programs in Flash knows that there is now full multi-touch and gesture support available. Unfortunately, some people still like to make claims to the contrary in an effort to make Flash appear behind the times. It is fortunately very easy to prove them wrong. Below is a great example built by StruckAxiom that showcases the new APIs that we have made available in Flash Player 10.1.

ჩემი განრისხება(:D) გამოიწვია ფლეშ პლეიერის ვერსიამ – 10.1. რა არის ასეთი უცნაური ამ ვერსიაში და რატომ იმოქმედა ამ ვიდეო რგოლმა ასე უარყოფითად? პასუხი მარტივია: რადგან დღეს არის 2010 წლის 3 მაისი და სტივ ჯობსის ღია წერილის პასუხად ადობი მსგავსი უსუსური დემო ვიდეოებით ცდილობს თავის მართლებასა და პასუხის გაცემას, მაშინ, როდესაც ადობის მსგავსი დემო(და შესაბამისად დასრულებული პროდუქტიც) უნდა დაედო არაუგვიანეს 2007 წლისა რადგან პირველი iPhone – ს პრეზენტაცია შედგა 2006 წლის დეკემბერში.

3.5 წელი არის უზარმაზარი დრო რომელსაც რატომღაც არავინ(ძირითადად Flash და ე.წ. Open ტექნოლოგიების ქომაგები) არ აქცევს დიდ ყურადღებას და თურმე სტივ ჯობსი არის “ბუა” რომელმაც აკრძალა ფლეში iTouch(iPode Touch/iPhone/iPad) ოჯახის მოწყობილობებზე.

მათთვის ვისაც არ გახსოვთ(ან არ იცით, ან არ გინდათ რომ გახსოვდეთ, ან არ გინდათ დანახვა და ა.შ.) რამდენიმე მნიშვნელოვან ფაქტს(ძირითადად კრიტიკას) შეგახსენებთ რომელიც iPhone – ს გამოჩენას სდევდა თან:

  • Java დეველოპერთა და ქომაგთა ურიცხვმა არმიამ ეფლი და მისი მესვეურნი მონათლეს სულელებად მობილურ მოწყობილობებში უკვე “გამოცდილი” პლატფორმის იგნორირებისათვის. მიზეზი გახლდათ ეფლის მიერ მისივე საკუთარ ტექნოლოგიებზე – ObjectiveC + Cocoa Touch გაკეთებული ფსონი. იყო უამრავი ცინიკური გამონათქვამი რომ ამ ტექნოლოგიების მეშვეობით არავინ არ დაწერდა აპლიკაციებს, არავინ აპირებდა ამ ეფლის მიერ ძალით “შემოგდებული” ტექნოლოგიების ათვისებას და ა.შ და ა.შ. შედეგი? დღევანდელი მონაცემებით უკვე 200000 – მდე აპლიკაციაა დაწერილი სწორედ ამ ტექნოლოგიების მეშვეობით.
  • Flash – ის იგნორირების გამო ამ ტექნოლოგიის ქომაგებმა ცხადია შეაჩვენეს ეფლი, რამეთუ, ფლეშის ურიცხვი დეველოპერები დაკარგა თურმე ეფლმა. შედეგი? დღევანდელი მონაცემებით უკვე 200000 – მდე აპლიკაციაა დაწერილი სწორედ ამ ტექნოლოგიის გამოყენების გარეშე.
  • აპლიკაციების დამოწმების კაბალური პროცესი(ეს მართლაც ასეა და ამის უარყოფას აზრი არ აქვს) ასევე წინასწარ გამოცხადდა ეფლის ფიასკოდ. შედეგი? ისევ და ისევ დაახლოვებით 200000 აპლიკაცია.

3.5 წელი საკმარისზე მეტი დროა რათა გავაკეთოთ გარკვეული ანალიზი და ვთქვათ(დავინახოთ და ვაღიაროთ?), რომ:

  • Flash – ის არ არსებობა iTouch პლატფორმაზე სინამდვილეში არავითარი დანაკლისი არ არის.
  • თურმე Flash – ის გარეშეც იწერება კარგი აპლიკაციები.
  • თურმე ვიდეოს ყურება ონლაინ რეჟიმში არ საჭიროებს Flash – ს.
  • …
  • და თურმე ძალიან ბევრი რაღაცის გაკეთება შიძლება Flash – ის გარეშე.

სად იყო ადობი მთელი ამ წლების მანძილზე? რატომ არ მოახდინა სათანადო რეაგირება ტექნოლოგიურ ცვლილებებსა და ძვრებზე? თუ რადგან იმ პერიოდისთვის რეალური ალტერნატივა არ გააჩნდა ჰქონდა მოდუნების საფუძველი? რამდენადაც უარყოფითი არ უნდა იყოს ეფლის როლი ამ დრამაში ერთადერთი დამნაშავე არის ზუსტად ადობი თავისი უმოქმედობის გამო. მოთქმა გოდება იმ პლატფორმის მხარდაჭერის უარყოფაზე რომელიც რეალურად არ არსებობს და არ არსებობს უკვე მეოთხე წელია არის უბრალოდ სასაცილო და საკუთარი შეცდომებისა და უუნარობის სხვაზე გადაბრალების მცდელობა. თავისი უმოქმედობით ადობიმ: ა) დაკარგა ეფლის მობილური მოწყობილობების ბაზარი; და ბ) დაკარგა ეს M$ – ის ფონზე რომელსაც გააჩნია ფლეშის რეალური ალტერნატივა და დიდი ალბათობით Windows Mobile 7 – ზე ფლეშს ვერასოდეს ვერ ვიხილავთ.

ახლა რაც შეეხება სტივ ჯობსის მიერ ფლეშის ალტერნატივად გამოცხადებულ HTML5 – ს რომელიც ერთის მხრივ ეფლის პროდუქტების “ექსპერტებმა” მძაფრად დაიხვიეს ხელზე და აღტაცებულები გაიძახიან ამ ბაზვორდად ქცეულ აბრევიატურას რადგან ეს თქვა სტივმა(იმჰოტეპმა?) ხოლო მეორეს მხრივ ფლეშის გულდათუთქული ქომაგნი რომელიც წარმადობას უწუნებენ HTML5 – ს(ცხადია ამ შემთხვევაში მოიაზრება HTML5/CSS/JavaScript კომპლექსურად) – . მაგრამ არცერთი მხარე არ უშვებს იმ აზრს რომ HTML5 არ არის Flash – ის რეალური ალტერნატივა, არა! და შეუძლებელია რომ გახდეს უახლოვეს მომავალში. ეს არის რაციონალური კომპრომისი რომელიც გაცილებით უფრო ნატურალურია ბრაუზერის კონტექსტში ვიდრე სხვა(Flash, Silverlight, Java FX) არსებული ტექნოლოგიები თუმცა გარკვეულწილად ნაკლებეფექტური. მიუხედავად ამისა არსებობს უამრავი დეტალი რაც ამ “ტექნოლოგიას” მეტად ეფექტურად გამოყენების საშუალებას იძლევა(რაც სხვათაშორის დიდწილად მხოლოდ Webkit – ის დამსახურებაა):

  • ტეგების მდიდარი სემანტიკური და სტრუქტურული არსენალი
  • ვებ ფორმები
  • CSS3 + CSS3 Transformations & Animations
  • Canvas 2D გრაფიკასთან სამუშაოდ
  • SVG ინტერაქტიული 2D გრაფიკისთვის
  • შედარებით დახვეწილი და საკმარისად სწრაფი JavaScript
  • ვიდეო და აუდიო
  • …
  • და დაამატეთ ამას კონტენტის ინტეროპერაბელურობის ხარისხი არა მხოლოდ ბრაუზერების დონეზე(!)

არ უვარგა HTML5 – ს წარმადობა? არ არის პრობლემა… როგორც აქამდე არ არსებობდა Java და Flash ამ პლატფორმისთვის და მიუხედავად ამისა უამრავი შესანიშნავი პროდუქტი შეიქმნა ასევე შეიქმნება უამრავი შესანიშნავი პროდუქტი სწორედ დაბალი წარმადობის მქონე HTML5 – ის მეშვეობით(იხ. თუნდაც iAd დემოები ამის დასამტკიცებლად).

დარწმუნებული ვარ ამ პოსტის წამკითხავი ანტი ეფლისტები ტროლინგში და ეფლის ფანბოიზმში დამდებენ ბრალს თუმცა ცოტა საკითხისადმი რაციონალური მიდგომა და დამოკიდებულება არც თქვენ გაწყენთ რადგან მეორე მხრიდან თქვენ არ აღმოჩნდეთ იგივე როლში ;)

]]> http://code.ge/posts/apple-vs-adobe-and-why-adobe-sucks/feed 19 git log – მცირე მიმოხილვა http://code.ge/posts/git-log-%e1%83%9b%e1%83%aa%e1%83%98%e1%83%a0%e1%83%94-%e1%83%9b%e1%83%98%e1%83%9b%e1%83%9d%e1%83%ae%e1%83%98%e1%83%9a%e1%83%95%e1%83%90 http://code.ge/posts/git-log-%e1%83%9b%e1%83%aa%e1%83%98%e1%83%a0%e1%83%94-%e1%83%9b%e1%83%98%e1%83%9b%e1%83%9d%e1%83%ae%e1%83%98%e1%83%9a%e1%83%95%e1%83%90#comments Mon, 15 Mar 2010 22:29:24 +0000 admin http://www.code.ge/?p=438 არც კი ვიცი როგორ დავიწყო პოსტის წერა :) მოკლედ მოცემული პოსტი არ ატარებს არავითარ შემეცნებით ხასიათს და მას ვწერ მხოლოდ და მხოლოდ იმისათვის რომ GIT – ის კონკრეტულ ბრძანებათა კომბინაციები არ დამავიწყდეს და საჭიროების შემთხვევაში მეც და სხვა დაინტერესებულმა GIT – ის მომხმარებლებსაც ისარგებლონ (პირველრიგში გეხება შენ @ირაკლი :) ).

პროექტში შეტანილი ცვლილების რეპოზიტარიუმში ფუშის გაკეთებამდე აკრიფე:

$ git log origin/master.. –name-status – ბოლო ფუშის შემდეგ გაკეთებული ყველა კომიტის სანახავად. რეზულტატი:

1
2
3
4
5
6
7
commit 2ae4ee6bcad8fd0d507c54872772789ff1225f06
Author: Ioseb Dzmanashvili <ioseb.dzmanashvili@*****.com>
Date:   Thu Mar 11 12:00:16 2010 +0400

    changed exception handling logic

M       uroute.lib.php

თუ –name-status ოპციას შეცვლი –stat – ით:

$ git log origin/master.. –stat – მიიღებ იგივე შედეგს სხვა ფორმატირებით:

1
2
3
4
5
6
7
8
commit 2ae4ee6bcad8fd0d507c54872772789ff1225f06
Author: Ioseb Dzmanashvili <ioseb.dzmanashvili@gmail.com>
Date:   Thu Mar 11 12:00:16 2010 +0400

    changed exception handling logic

 uroute.lib.php |    8 ++++----
 1 files changed, 4 insertions(+), 4 deletions(-)

ასევე –since ოპციის მეშვეობით შესაძლებელია დროის შუალედითის მითითება:

$ git log –since=”2 days ago” – ბოლო ორი დღის განმავლობაში გაკეთებული ცვლილებების ნახვა.

ეს არის და ეს “ფუშის” და “კომიტის” გამო მომიტევეთ სხვა უკეთესი შესატყვის არ მომდის თავში :)

]]> http://code.ge/posts/git-log-%e1%83%9b%e1%83%aa%e1%83%98%e1%83%a0%e1%83%94-%e1%83%9b%e1%83%98%e1%83%9b%e1%83%9d%e1%83%ae%e1%83%98%e1%83%9a%e1%83%95%e1%83%90/feed 0 STL: Simple Template Language Preview http://code.ge/posts/stl-simple-template-language-preview http://code.ge/posts/stl-simple-template-language-preview#comments Wed, 02 Dec 2009 08:41:15 +0000 admin http://www.code.ge/?p=428 დიდი ხნის პაუზის შემდეგ მინდა წარმოგიდგინოთ ერთი ახალი პროექტი რომელზეც გარკვეული პერიოდია ვმუშაობ. ჯერჯერობით ეს არის პრივიუ რელიზი რომელიც მალე საბოლოო ფაზაში შევა და სრულ დოკუმენტაციასა და მაგალითებს შესაბამისად წარმოგიდგენთ. მანამდე კი მისი ნახვა და გადმოწერა შეგიძლიათ შემდეგი მისამართიდან: STL Library.

რა არის STL? როგორც სათაურმა მიგანიშნათ ეს არის PHP – ზე დაწერილი მარტივი და მოქნილი შაბლონების ენა და ამ ენის პროცესორი. STL არის მარტივად გამოყენებადი შაბლონების ენა რომელიც არის საკმაოდ მარტივად ასათვისებელი თუ თქვენ გაგაჩნიათ ნებისმიერ მსგავს შაბლონების ენასთან სულ მცირედი მუშაობის გამოცდილებაც კი. მისი სინტაქსი წააგავს Django, Jinja2, Smarty და სხვა მსგავსი შაბნოლენბის ენებს.

ბიბლიოთეკას არ აქვს არანაირი დამოკიდებულება სხვა გარე ბიბლიოთეკებზე და PHP – ს სპეციფიურ მოდულებზე. კი არის სრულად ე.წ. standalone და მისი გამოყენება შეგიძლიათ ნებისმიერ PHP პროექტში.

რა არის საჭირო მისი გამოყენებისთვის? სულ მცირედი: 1) თქვენს პროექტში უნდა ჩატვირთოთ stl.lib.php რომლის გადაწერაც შეგიძლიათ ზემოთ მითითებული მისამართიდან; 2) შექმნათ შაბლონი ნებისმიერ ტექსტურ ფორმატში(html, txt, xml და ა.შ); 3) შექმნათ STL_template კლასის ობიექტი, გადასცეთ მას საჭირო ტექსტური შაბლონი და კონტესტური ცვლადები და შეასრულოთ. სულ ეს არის და ეს. როგორ? მაგალითი იხილეთ ქვემოთ:

HTML შაბლონი – test.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
{if students}
  <h1>This is students list</h1>
  <ul>
  {for student in students}
    <li>
      <h2>{fn:ucfirst(strtolower(%student.name%))}</h2>
      <ul>
      {for friend in student.friends}
        <li>%friend.name%</li>
      {/for}
      </ul>
    </li>
  {/for}
  </ul>
{else}
  <h1>The students list is empty :(</h1>
{/if}

ნაჩვენები შაბლონის მეშვეობით ხდება სტუდენტებისა და შესაბამისად ცალკეული სტუდენტის მეგობრების სიის გამობეჭდვა. ქვემოთ ნაჩვენებია შაბლონის ინიციალიზაციის კოდი:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
//შაბლონის ობიექტის შექმნა
$tpl = new STL_template('test.html', true);

//შაბლონში მონაცემების დამატება
$tpl->put('students', array(
  array(
    'name' => 'John',
    'friends' => array(
      array(
        'name' => 'Ann'
      ),
      array(
        'name' => 'Suzan'
      ),
      array(
        'name' => 'Tom'
      )
    )
  ),
  array(
    'name' => 'Tom',
    'friends' => array(
      array(
        'name' => 'David'
      ),
      array(
        'name' => 'Mary'
      )
    )
  )
));

//შაბლონის პროცესინგი, შესრულება და გამობეჭდვა
echo $tpl->process();

ნაჩვენები კოდის შესრულების შედეგად მიიღებთ სურათზე ნაჩვენებ შედეგს:

Picture 28

რაც შეეხება თავად ენის სინტაქსს როგორც მაგალითიდან ჩანს იგი საკმაოდ მარტივია, თუმცა ყურადღებას შეფაჩერებ რამდენიმე დეტალზე.

if/elseif/else ოპერატორი
ეს არის ერთერთი ყველაზე ხშირად გამოყენებადი ოპერატორი და შესაბამისად მაქსიმუმი გავაკეთე იმისთვის რომ მისი გამოყენება მაქსიმალურად ეფექტურად იყოს შესაძლებელი. მაგალითში ნაჩვენები კოდის ფრაგმენტი “{if students}” უბრალოდ ამოწმებს არის თუ არა აღწერილი ცვლადი სახელით “students” და აქვს თუ არა მას მინიჭებული საწყისი მნიშვნელობა. თუმცა პირობა შესაძლებელია იყოს გაცილებით უფრო კომპლექსური. ქვემოთ ნაჩვენებია ამ ოპერატორის გამოყენების ნიმუშები:

1
2
3
4
5
6
7
{if students && someOtherVariable=="some test value" || testValue in someCollection}
Do something
{elseif !students && !someOtherVariable}
Do something else
{else}
UPS :D
{/if}

გარდა if/elseif/else ოპერატორისა ასევე შეგიძლიათ პოპულარული და უმნიშვნელოვანი foreach ოპერატორის გამოყენება, მაგ:

1
2
3
{for student in students}
%student.name%
{/for}

ნაჩვენებ მაგალითში მოხდება “students” კოლექციის იტერაცია ხოლო ყოველი მომდევნო ელემენტის ახალ “student” ცვლადზე მინიჭება. მოგვიანებით კი შეგიძლიათ ახალი “student” ობიექტისა და მისი თვისებების გამოყენება.

ცვლადების გამობეჭდვა ხდება სპეციალური ფორმატის მეშვეობით, კერძოდ კი ცვლადი უნდა განათავსოთ პროცენტის(%) სიმბოლოებში.

ამ მომენტისათვის ასევე უკვე არსებობს ფუნქციების გამოძახების საშუალება, მაგალითში ნჩვენები ფრაგმენტი:

1
{fn:ucfirst(strtolower(%student.name%))}

ფრაგმენტიდან ჩანს რომ ხდება ორი ფუნქციის გამოძახება: 1) strtolower() PHP ფუნქცია რომელიც მნიშვნელობას გადაიყვანს ქვედა რეგისტრის სიმბოლოებში; 2) ucfirst PHP ფუნქცია რომელიც სტრიქონის პირველ სიმბოლოს გადაიყვანს ზედა რეგისტრის სიმბოლოში.

ასევე STL – ს აქვს მოდულების მხარდაჭერა თუმცა ამაზე ოდნავ მოგვიანებით შეგატყობინებთ პროექტის დარელიზების შემდეგ.

ამ მომენტისათვის სულ ეს არის, დოკუმენტაციასა და უფრო ვრცელ მაგალითებს შემოგთავაზებთ სულ მალე :)

]]> http://code.ge/posts/stl-simple-template-language-preview/feed 38 Google Code Jam 2009 და ქართველი ფინალისტი! http://code.ge/posts/google-code-jam-2009-%e1%83%93%e1%83%90-%e1%83%a5%e1%83%90%e1%83%a0%e1%83%97%e1%83%95%e1%83%94%e1%83%9a%e1%83%98-%e1%83%a4%e1%83%98%e1%83%9c%e1%83%90%e1%83%9a%e1%83%98%e1%83%a1%e1%83%a2%e1%83%98 http://code.ge/posts/google-code-jam-2009-%e1%83%93%e1%83%90-%e1%83%a5%e1%83%90%e1%83%a0%e1%83%97%e1%83%95%e1%83%94%e1%83%9a%e1%83%98-%e1%83%a4%e1%83%98%e1%83%9c%e1%83%90%e1%83%9a%e1%83%98%e1%83%a1%e1%83%a2%e1%83%98#comments Sat, 14 Nov 2009 11:03:04 +0000 admin http://www.code.ge/?p=421 მაშ ასე დასრულდა Google Code Jam 2009. წლევანდელი წელი იმით იყო აღსანიშნავი, რომ, 25 ფინალისტს შორის მოხვდა ქართველი პროგრამისტი ნიკა ჯიმშელეიშვილი.

პირველ რიგში თავად ეს ფაქტი იმსახურებს დიდი ყურადღებას და უდავოდ დიდი წარმატებაა, თუმცა, კიდევ ერთი სასიამოვნო ფაქტი არის ის რომ გუშინ შედგა ეს ფინალი და ნიკა მეექვსე ადგილზე გავიდა! ეს ჩემის აზრით ძალიან ძალიან ძალიან მნიშვნელოვანი ფაქტი იმსახურებს სათანადო ყურადღებასა და დაფასებას. ვულოცავ ამ უზარმაზარ წარმატებას ნიკას და ვუსურვებ სხვა უფრო ბრწყინვალე გამარჯვებებს ამ სფეროში და არა მარტო!

კიდევ ერთხელ ვულოცავ ნიკას!

იხ: წლევანდელი ფინალის რეზულტატები

]]> http://code.ge/posts/google-code-jam-2009-%e1%83%93%e1%83%90-%e1%83%a5%e1%83%90%e1%83%a0%e1%83%97%e1%83%95%e1%83%94%e1%83%9a%e1%83%98-%e1%83%a4%e1%83%98%e1%83%9c%e1%83%90%e1%83%9a%e1%83%98%e1%83%a1%e1%83%a2%e1%83%98/feed 18 WebKit Patch: ჩემი მცირე წვლილი ბრაუზერების განვითარების ისტორიაში http://code.ge/posts/webkit-javascript-string-trim-patch http://code.ge/posts/webkit-javascript-string-trim-patch#comments Tue, 13 Oct 2009 09:55:11 +0000 admin http://www.code.ge/?p=414 რამდენიმე თვის წინ აღმოვაჩინე რომ FireFox – ის მორიგ განახლებაში დაუმატებიათ ახალი ფუნქციონალობა. კერძოდ კი JavaScript – ის String ობიექტს დაამატეს trim(), trimLeft() და trimRight() მეთოდები. ნებისმიერი პროგრამისტისთვის ცნობილია ამ მეთოდების დანიშნულება და მათი აუცილებლობა სტრიქონული ტიპის მონაცემებთან სამუშაოდ, შესაბამისად არც მე შეგაწყენთ მათი დეტალური განხილვით თავს :)

ECMAScript 5 სპეციფიკაციში განსაზღვრულია ახალი trim() მეთოდი, თუმცა Mozilla – ს გუნდი უფრო შორს წავიდა და დაამატა ორი ახალი, არასტანდარტული მეთოდი: trimLeft() და trimRight().

ამ მეთოდების აღმოჩენისა და გარჩევის შემდეგ შევეცადე მეპოვნა იგივე მეთოდები სხვა ბრაუზერებში და აღმოვაჩინე, რომ, იმ მომენტისათვის სხვა არცერთ ბრაუზერში მსგავსი რამ არ არსებობდა მათ შორის არც WebKit – ზე დაფუძნებულ ბრაუზერებში(Safari, Chrome). გამომდინარე იქედან რომ WebKit მიმაჩნია საუკეთესო ბირთვად დავინტერესდი შევძლებდი თუ არა ჩემით მსგავსი ფუნქციონალობის რეალიზებას. რამდენიმე საათიანი წვალების შემდეგ მივაღწიე იმას რომ უკვე ხელთ მქონდა WebKit – ის ე.წ. custom build რომელიც აღჭურვილი იყო მოზილას მსგავსი ფუნქციონალობით.

ამ ფაქტით გამხნევებულმა გავარჩიე დოკუმენტაცია მოვამზადე პატჩი და გავუგზავნე WebKit – ის გუნდს. რა თქმა უნდა ამ ფაქტს მოყვა შესაბამისი განხილვა და კოდის უამრავი მოდიფიკაცია, საბოლოო ჯამში მივიღეთ სრულებით სახეცვლილი კოდი რომელიც რამდენიმე თვის დაგვიანების შემდეგ როგორც იქნა ჩადეს WebKit – ის ძირითად კოდში. მართალია ჩემი უყურადღებობისა თუ სხვა მიზეზების გამო კოდის ამ განახლებაში ჩემი სახელი და გვარი არ ფიგურირებს თუმცა ცვლილებას თნ აქვს დართული მთელი დისკუსია შესაბამისი კოდებით რაც მაძლევს იმის თქმის უფლებას რომ WebKit – ში ამ ფუნქციონალობის დამატება ჩემი დამსახურებაა და ნამდვილად არ მეთაკილება ამის თქმა :D

ამ ფაქტმა ძალიან გამახარა იმიტომ, რომ, აქედან მოყოლებული ნებისმიერი ბრაუზერი რომელიც იყენებს აღნიშნულ ბირთვს(Safari, Chrome, iPhone Safari, Android Browser და სხვა) ყველა აღჭურვილი იქნება იმ ფუნქციონალობით რომელშიც წვლილი მიმიძღვის, ჩემთვის როგორც დეველოპერისთვის ეს ფაქტი ძალიან მნიშვნელოვანია და იმედია არ დამზრახავთ ამ სიხარულისთვის! :)

კოდში შეტანილი ცვლილებები: http://trac.webkit.org/changeset/49423
დისკუსია პატჩის გარშემო: https://bugs.webkit.org/show_bug.cgi?id=26590
WebKit – ის ბილდი აღწერილი ფუნქციონალობით: http://nightly.webkit.org/

]]> http://code.ge/posts/webkit-javascript-string-trim-patch/feed 13 Code.ge Presents: Internet Explorer 6 Must Die! http://code.ge/posts/code-ge-presents-internet-explorer-6-must-die http://code.ge/posts/code-ge-presents-internet-explorer-6-must-die#comments Sun, 27 Sep 2009 10:17:57 +0000 admin http://www.code.ge/?p=398 კიდევ ერთხელ მოგესალმებით ყველას. ამჯერად წარმოგიდგენთ ერთ მინი პროექტს რომლის განცხორციელებაც დაგეგმილი მქონდა გასული წლის დეკემბერში მაგრამ გარკვეულ თუ გაურკვეველ მიზეზთა გამო ვერ გამოვნახო სულ რამდენიმე საათი რათა ამ იდეისთვის ხორცი შემესხა :D . თუმცა რამდენიმე დღის წინ არსაიდან აღმოცენებულმა Google – ს პროექტმა Chrome Frame კვლავ გამიღვიძა ამის სურვილი.

პროექტი Internet Explorer 6 Must Die! მიმართულია ინტერნეტის მომხმარებელთა შორის Internet Explorer 6.0 – ის შემცირებისა და ამ ბრაუზერის სიკვდილის( :D ) დასაჩქარებლად. მიუხედავად ყველაფაფრისა ამ ბრაუზერს ინტერნეტ ბაზრის 25% უკავია რაც ყოვლად დაუშვებელი და მიუღებელია, მითუფრო რომ Microsoft – მა ბოლო წლების მანძილზე გამოუშვა ორი, გაცილებით უკეთესი ბრაუზერი Internet Explorer 7 და Internet Explorer 8.

Internet Explorer 6 Must Die! არის მცირე ზომის სკრიპტი, რომელიც უნდა ჩასვათ თქვენს ვებ გვერდში. ხოლო თუ მომხმარებელი თქვენს გვერდს გახსნის Internet Explorer 6 – ის მეშვეობით დაინახავს მსგავს შეტყობინებას:

Picture 16

ნაჩვენები შეტყობინება მთლიანად დაფარავს გვერდს ისე რომ მომხმარეელი მხოლოდ გამჭვირვალე ფონის მიღმა შეძლებს გვერდის კონტენტის დანახავს. მომხმარებელს შეუძლია არჩევანი გააკეთოს და ძირითადი 6 ბრაუზერიდან აირჩიოს ერთერთი.

ჩემის აზრით თითოეული ჩვენგანის აქტიურობა და მცდელობა იმისა რომ თუნდაც რამდენიმე ერთეულით შევამციროთ Internet Explorer 6 გარკვეული დროის შემდეგ მნიშნველოვან შედეგს გამოიღებს. ეს კი პირველ რიგში იმ ადამიანებისთვის არის მნიშნვნელოვანი რომლებიც ქმნიან ვებ საიტებს/აპლიკაციებს და რომლებიც უამრავ დროს ხარჯავენ Internet Explorer 6 – თან გაუთავებელ ბრძოლაში.

პროექტის საწყისი კოდი განთავსებულია GitHUB – ზე. მისი გამოყენებისათვის საკმარისია გადმოწეროთ სკრიპტის ბოლო ვერსიის zip არქივი შემდეგი მისამართიდან: http://github.com/ioseb/ie6mustdie/downloads.
გახსნათ არქივი თქვენთვის სასურველ დირექტორიაში ხოლო თქვენს ვებ გვერდში BODY ტეგის დახურვამდე მიუთითოთ შემდეგი JavaScript კოდი:

1
<script type="text/javascript" src="path/to/ie6mustdiefolder/ie6mustdie.js"></script>

დანარჩენს კი სკრიპტი თავად გააკეთებს!

]]> http://code.ge/posts/code-ge-presents-internet-explorer-6-must-die/feed 40 LinGEO – Now on iTunes! http://code.ge/posts/lingeo-now-on-itunes http://code.ge/posts/lingeo-now-on-itunes#comments Sat, 26 Sep 2009 09:33:31 +0000 admin http://www.code.ge/?p=390 LinGEO Dictionary Initial View აღესრულა! დღეს დილიდან ლაშამ ძალიან კარგი ამბავი შემატყობინა, ჩვენმა აპლიკაციამ Apple – ს კაბალური შემოწმების პროცესი წარმატებით გაიარა და დღეიდან უკვე LinGEO ოფიციალურად არის დამატებული Apple AppStore – ში, შესაბამისად ვისაც გაქვთ iTunes ანგარიში თამამად შეგიძლიათ გადმოწეროთ აპლიკაცია და დააინსტალიროთ თქვენს iPhone – ზე. კიდევ ერთხელ განასკუთრებული მადლობა ლაშას აპლიკაციის დასრულებისა და მისი გაუმჯობესებისათვის, ასევე იმ რთული პროცესის წარმატებით გავლისათვის რასაც აპლიკაციის AppStore – ში განთავსებას ახლავს თან! ასევე დიდი მადლობა Toto – ს შესანიშნავი რჩევებისა და გაუმჯობესებებისათვის და გიორგი(Flyer) კვიჟინაძეს ლოგოს შექმნისათვის!

]]> http://code.ge/posts/lingeo-now-on-itunes/feed 11