jQuery

tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/1378/dom%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0%e3%81%ab%e3%82%88%e3%82%8b%e8%b6%85%e7%b0%a1%e6%98%93cms%e3%81%ae%e4%bd%9c%e6%88%90/’;CheckあるWeb運用案件で、全くCMS化されていない今時珍しいサイトがある。 運用を任されており、お知らせ一覧を毎回、トップページ、お知らせ一覧その1、お知らせその2と 三箇所更新しなくてはいけないのがいい加減面倒になってきたので、これを簡易CMS化してみようと思い、やってみた。 もっとも適している言語はPHPだが、URLが変わってしまうので、 あくまでJavaScriptによるDOM操作のレベルで、一箇所書き替えるだけで3つの場所に代入され更新されるような プログラムを考えたかった。 1)JavaScriptで配列を組む(更新日、リンク先、更新内容、など) 2)配列内の文字列を加算演算子で制御して、htmlソースを組み立てる(htmlタグの間に上記文字列を挿入) 3)トップページは五件まで繰り返す。お知らせ一覧は全て出力。それぞれを関数化。 4)jQueryでDOM操作(指定のIDを持つタグに上記文字列を関数化し代入) 5)DOM(xhtml)の作成 というような処理を作ってみた。 4)でつまづくかと思ったが、普通のJavaScriptで書いた関数名をそのままjQueryのセレクタに代入できたので、 createElementやらappendChildやらinnerHTMLやら使わずに、あっけないほど簡単に実現出来た。 直感的にDOM操作が簡単にできるjQueryはすごく便利だ。DOM操作には欠かせない。

Continue reading about DOMプログラミングによる超簡易CMSの作成

Katsu on 8月 10th, 2010

tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/1011/wordpress%e3%81%aeweb%e3%82%af%e3%83%aa%e3%82%a8%e3%82%a4%e3%82%bf%e3%83%bc3%e5%82%91/’;Checkwordpressで構築されたサイト、多いですよね。人気の背景には、プラグインやテーマ(デザインテンプレート)が充実していることが挙げられると思います。ちなみに当ブログも、wordpressで動いております。日ごろWebクリエイターなどをやっているにもかかわらず、このサイトはほぼ頂き物だけで作られています。有志の方々が作ってくれた、便利なプラグインやテーマを組み合わせているだけ。日ごろ全身全霊を込め人様のサイト制作をしているので、自分のサイトくらい楽をさせて、というのが現状の偽らざる本音でございます。 さて、そんな便利なwordpressプラグインをもっぱら個人的な趣味で開発、無償で提供し、ブログライフひいてはウェブライフを便利にしてくれる愛すべき”ギーク”たちには感謝と敬意(といくばくかの呆れ)を忘れてはなりません。 また、彼らの創造物から学び、一歩でも追いつこうとする技術的向上心も、忘れてはなりません。 私が特に個人的にリスペクトを欠かさない三人を、感謝と敬意(といくばくかの呆れ)を表し、ご紹介します。 ■Roy Tanck http://www.roytanck.com/ Flashによる3Dタグクラウド「WP-Cumulus」の作者。当ブログにも設置させていただいてます、球体でクルクル回るタグクラウド。回すと気持ちいいですね。呆れるくらい、よく出来てる。 ■Alex King http://alexking.org/ ・Wordpressブログのサイドウィジェットに最新のTweetを表示 ・Wordpressブログに記事を投稿するとTweetで知らせてくれる ・一週間のツィートのまとめをWPブログに投稿してくれる など多機能なTwitter用プラグインTwitter Toolsの作者。まぁ、普通ですが、Twitterと連動させたいコトはこれ一本で事足りるので、Tweeterには便利です。 ■Andres Armeda http://armeda.com/ jQueryを使い記事をカルーセル表示させる「WP Post Carousel」作者。 jQueryを使ったwordpressのプラグインもだいぶ充実してきているなか、このインターフェイスは画期的。残念ながら当サイトのようなブログサイトよりはニュースサイトやECサイトのほうが使い道がありそうですが、wordpressの使い道の新たな方向性を提示するような優れたイノベーションという感想を持っております。

Continue reading about wordpressのwebクリエイター3傑

Katsu on 4月 24th, 2010

tweetmeme_style = ‘compact’;tweetmeme_url=’http://dentaq.net/912/jquery%e5%85%a5%e9%96%80/’;Checkhttp://semooh.jp/jquery/ref/cont/selectors/ 上記サイトでセレクターの威力を確認し、 cssコーディングの幅が相当広がるJSフレームワークであろう、とその可能性を探りはじめている。 感覚的に使えるところがデザイナーにも受けているということだが、確かにcssに慣れているデザイナーなどが、次のステップとしてJavaScriptの習得を考えているならば、入口としてこれほどとっつきやすいJSのフレームワークはないのではなかろうか。

Continue reading about jQuery入門