to-R

すぐに使えるスタイルシート標準テクニックが発売

2010-03-18T09:53:09Z

ＭｄＮよりすぐに使えるスタイルシート標準テクニックが発売されました。

これはweb creatorsの連載「すぐ使えるCSSデザインテクニック」集めたムック本になっております。

2006年7月号から2009年9月号までの連載からの抜粋ということで、少し古いものから新しいものまで多数掲載されています。

「すぐ使えるCSSデザインテクニック」はサンプルサイトのクオリティがひとつの目玉ですので、テクニカルな箇所以外にもデザインサンプルとしてもご利用いただけると思います。

２００９年の6月号から連載を担当している私の記事以外にも、國分亨さん、中村享介さん、河内　正紀さんが執筆された記事も掲載されております。

興味がある方はぜひ、書店などで手に取っていただけたらと思います。

IE9のプレビュー版

2010-03-17T02:55:11Z

本日マイクロソフトから開発者向けにIE9のプレビュー版が公開されましたので、せっかくなので早速インストールしてみました。

Internet Explorer 9: Platform Demos

インストール

ダウンロードした「iepreview.msi」を実行するとインストール画面が開きます。「I Agree」にチェックを入れて「Install」を選択します。

インストールが開始されます。ちなみにインストールできるOSはWindows 7 と Windows Vista。

インストールが完了したらIE9プレビュー版が立ち上がります。メニューバーに「Page」「Debug」「Report　Issue」「Help」があるだけといたってシンプル。

IE9プレビュー版でこのサイトを確認したところ、文字化けしてしまいました。まーこの段階だとあまり気になりません。

Developer tool(IE8でいう開発者ツール)も搭載されていますので色々と確認が可能です。

ブラウザモードの切り替えもIE7,IE8,IE9に加え「IE9 8 compatibility view」や「IE9 7 compatibility view」があります。なんか近い将来にすごい数のブラウザを検証しなくちゃいけなくなりそうです。

CSS3も大幅に強化されています。

待望のHTML5にも対応しています。

他にも様々なチェックが可能になっています。

Firefoxより軽快に動作するものやFirefoxより動きが鈍いものなど様々ありましたが現時点では十分ではないでしょうか。

一番気になるのはXPに対応していないこと。これは対応してもらわないと困るWEB製作者は多そうです。

Web 制作の現場で使う jQueryデザイン入門　書評一覧

2010-03-16T08:24:22Z

発売されて１ヶ月近くたつWeb 制作の現場で使う jQueryデザイン入門ですが、多くの方に書評を書いていただいております。

私が見つけた書評・感想をまとめておきますので、購入を検討されている方の参考になればと。

基本的には発見順に掲載しておりますが、文章量の多い記事が先に来るように微調整を行っています。

Web 制作の現場で使う jQueryデザイン入門の立ち読み版ともいえる「「40分で覚える！jQuery速習講座」もはてなブックマーク数が1300を超える人気記事となっております。こちらもご検討の材料に利用いただけたらと思います。

4月11日ゼロからはじめるPHP入門講座 [東京]

2010-03-16T04:07:56Z

4月11日にサイバーガーデンbizでPHP入門講座を行います。

[詳細・申し込み]

PHPをまったく触ったことのない人、勉強中ながら実践に慣れていない人などを対象にした、1日間（6時間）のハンズオントレーニングです。単なる基礎的なスキルの習得ではなく、お問い合わせフォームや簡単なCMSの制作など実践的なスキルを身につけていただく講座です。

2010年4月11日日曜日 10:15-17:15 （昼休み1時間）
会場 NEC PCカレッジ池袋西武校（予定）
受講料 28,000円

[詳細・申し込み]

興味がある方はぜひご検討ください。

Web Creators (ウェブクリエイターズ) 2010年 4月号

2010-03-03T09:48:45Z

Web Creators (ウェブクリエイターズ) 2010年 4月号が発売されました。今回は記念すべきvol.100号です。

今回、私の連載では「HTML5で作るWebサイト」と題してHTML5でサイトを作成する際の方法と注意点に付いて解説しております。

特集では「デザインアイデアが続々湧き出る3ステップ&トレーニング」です。かなり読みごたえのある特集ですね。

また、Web Creatorsはvol.101つまり次月号で月刊誌としての展開を中止する旨が発表されてますのでWeb Creators が読める後2回の機会のひとつです。

興味がある方はぜひごらんになってください。

CSS Nite LP9 連動第2回コーディングコンテスト開催

2010-02-21T16:52:20Z

4月17日にCSS Nite LP9 が開催され、イベントに合わせてピクセルグリッドさん主催で「第 2回コーディングコンテスト」が開催されます。

今回、私は審査員として参加させていただきます。

与えられたデザインをHTML5とCSS3で再現するコンテストです。対象ブラウザがFirefox 3.6とSafari 4 のみですので思う存分HTML5やCSS3を利用することができます。
(そのほかのブラウザではデザインの再現は必要ないですが、情報が正しく伝わる必要があるので、少し気配りが必要になります。)

「HTML5やCSS3には興味があるけど実務で使えな」という方や、「HTML5やCSS3を勉強しているので早く利用したい」という方などに参加していただけたらとよいのではないでしょうか。

CSS Nite LP9　Coder's Higherも席数400席に対して、すでに250名の応募があるとのことで満席になるのも時間の問題ですので、興味があるけど・・・という方は早めにご検討いただけたらと思います。(LP9に参加しなくてもコーディングコンテストへの参加は可能です。)

Web 制作の現場で使う jQueryデザイン入門 Amazonで通常購入可能に

2010-02-21T16:40:40Z

Web 制作の現場で使う jQueryデザイン入門がAmazonに入荷されましたので通常購入が可能になりました。

一時は配送まで3～5週間かかるとなっていたのですが、これで一安心です。

Amazonの入荷をお待ちしていた方は是非ご購入ください。

Re:PHPで誰でも簡単Webサービス製作！でなんか作って公開した奴ちょっと来い

2010-02-19T20:53:44Z

ネタ元：PHPで誰でも簡単Webサービス製作！でなんか作って公開した奴ちょっと来い

PHPのXSSとSQLインジェクションの解説が書かれています。丁寧に書かれていますのでぜひ一読ください。ただ、読む上で1点注意することがあります。

XSSはそれほど単純じゃない！

ネタもとのXSS対策済みのソースコードの１行目で次のようなコードがあります。

<form action="<?=$_SERVER['PHP_SELF']?>" method="get">

実はここにもXSSの脆弱性が含まれています。次のようなURLでアクセスされた場合、任意のスクリプトを実行することが出来ます。

http://www.example.jp/ 
example.php/%22%3E%3Cscript%3Ealert(document.cookie);%3C/script%3E

これはネタ元で対策方法として「変数を書き出す時は、必ずエスケープを行いましょう。」と書きながら$_SERVER['PHP_SELF']をエスケープしていないのが原因でしょう。
（注意：最近ではこのようなスクリプトはブラウザがブロックしてくれるのですが、IE6とか古いブラウザもありますしね）

$_SERVER['PHP_SELF']に関してはエスケープより次のようにformのaction属性を空にする対策が一般的じゃないでしょうか？

<form action="" method="get">

このようにXSSはセキュリティ意識が高くても発生してしまいます。

Movable TypeやWordpressなどの、業界で超一流と呼ばれる方々が開発してるプログラムでも定期的にXSSの脆弱性が発見されています。
100%脆弱性がないというのは規模が大きくなればなるほど難しくなってきています。

常にセキュリティを意識して様々な事例を知識として身につけ、なるべくセキュアなプログラムを作成するようこころがけるのがよいのではないでしょうか？

特に初心者の方はネタ元で指摘されている内容から強く意識するのがよいでしょう。

Web Designing (ウェブデザイニング)2010年 03月号で執筆しました。

2010-02-19T16:26:34Z

Web Designing 2010年 03月号の特集「王道の装飾系CSS＋αのテクニック」で「IE6にも対応した透過PNGによるロールオーバーメニュー」、「スクロールバーに追随して移動するメニュー」、「ページ内リンクをスムーズスクロールで」、「ラジオボタンやチェックボックスを画像で表現」という記事を執筆しました。

この特集では他にも益子貴寛さん、伊藤学さん、山田あかねさん、角谷　和昭さん、千貫りこさんが様々なテクニックを紹介されています。

また、今月号のもうひとつの特集「小さな小さなWebデザインギャラリー」はすごく素敵です。ナビゲーションメニューやボタン、チェックボックスなどWebサイトのパーツのギャラリーになっており、見応え抜群です。これは連載とかになるといいですね(要望)。

興味がある方は是非ごらんになってください。

[ASCII.jp]40分で覚える！jQuery速習講座

2010-02-16T13:15:00Z

ASCII.jpで「40分で覚える！jQuery速習講座」が公開されました。

jQueryってどんな感じ？どんなことが出来るの？というのを短時間で理解できる構成になっております。

jQueryに興味があるけど・・・という方はぜひ一度この講座をごらんになってください。

そして、この講座でjQueryに興味を持って、Web制作の現場で使う jQueryデザイン入門で様々なこと表現できるようになっていただけたらと思います。

Web 制作の現場で使う jQueryデザイン入門が現在購入可能なネットショップ

2010-02-15T06:30:16Z

本日がWeb 制作の現場で使う jQueryデザイン入門の発売日ですが、多くの有名ブロガーさんに取り上げていただきすでに品薄状態のようです。

取り上げていただいたブロガーの方々(発見順)

[本]jQueryをしっかりと使いこなせるようになりたい人向けの一冊 | コリス
 ブックレビュー「WEB制作の現場で使うjQueryデザイン入門」 | DesignDevelop
web制作の現場で使うjQueryデザイン入門が激しくお勧めな件*ホームページを作る人のネタ帳
 デザイナー・コーダー必見の一冊！『Web制作の現場で使う jQueryデザイン入門』 | THE HAM MEDIA

ありがとうございます！

Amazonはすでに在庫がなく「2～5週間以内に発送」となっており結構待たなくてはいけませんので、他のネットショップの在庫状況と発送の時期などを調べてみました。

ネットショップの在庫状況と発送時期(2010/2/18 05:00時点)

Amazon(2～5週間以内に発送)
楽天(在庫22冊　1～2日以内に発送予定　送料無料)
ＢＫ１（24時間以内で出荷　送料無料）
livedoor BOOKS( 予約)
セブンネットショッピング(１～３週間で発送送料無料)
紀伊國屋書店BookWeb（1-3日以内に発送　送料無料）
JBOOK(通常2～4日で発送　送料無料)
e-hon　本（通常3日～3週間　送料無料）
アウルHON急便(２日でお届け　送料無料)

興味がある方は是非ご購入ください！

Web 制作の現場で使う jQueryデザイン入門発売開始。

2010-02-12T03:42:18Z

正式な発売日は2/15で書店に並ぶのはもうすぐですが、ネット書店では本日12日より購入することが出来ます。

amazonは売り切れで予約になってしまいましたが、楽天ではまだ在庫があり購入できます。

本書の内容

「Web 制作の現場で使う jQueryデザイン入門」は、Webデザイナーさんやマークアップエンジニアさん向けの jQuery入門本です。

HTMLやCSSについてはある程度習得していることを前提に、HTMLやCSSの知識をもとにjQueryを習得していく流れになっています。

jQueryの基本的な使い方に始まり、実際に実務でよく利用されるロールオーバーやツールチップ、タブパネル、フローティングウィンドウなどのUIの作成方法について解説しています。

多くのjQuery本ではUIはプラグインを利用して作成するという流れが多いのですが、自身の手で作成できるようになればクライアントの要望（表示の速度を変えるや形を変える）に対応ができるようになり、これが本書のひとつのテーマになっております。

応用力も付くように、例えば縦型アコーディオンパネルを作成し、応用として横型のアコーディオンパネルを作成するなど同じUIでもいくつかのパターンで紹介しています。

100を超えるダウンロード可能なサンプルを用意していますので、実際に手を動かしながら学習していくことができます。

興味がある方はぜひご購入ください。

Firefox3.6でメニューバーを消してしまった場合の対処方法

2010-02-05T14:39:07Z

少しはまってしまったので書いておきます。Firefox3.6で従来のナビゲーションメニューなどに加えメニューバーも右クリックで非表示に出来るようになりました。

ブラウザのタイトルバーの下にある「ファイル(F)」とか書かれているのがメニューバーです。

このようにタブ部分以外きれいに非表示にできるようになりました。

ただし、メニューバーを消してしまうと「右クリック」で反応する領域がなくなってしまって、表示することが出来なくなってしまいます。(Windows Vista + Firefox3.6でしか確認してませんが)

「Alt + T」などのショートカットを利用すると1瞬だけ、メニューバーが表示されますので、その隙に右クリックすると表示を切り替えることができるようになります。

(追記)コメントでAlt だけで一瞬表示されるようになると、教えていただきました。

私と同じように困ってる人の参考になればと。

Web Creators (ウェブクリエイターズ) 2010年 3月号

2010-02-02T16:31:44Z

Web Creators (ウェブクリエイターズ) 2010年 3月号が発売されました。

今回の私の連載ではjQueryを利用したアニメーション表現について解説しています。

特集は「CSSテクニックを完璧にする38レッスン」と「WEBの作業が楽になるテクニック総まとめ」です。

興味がある方は是非ごらんになってください。

次回は記念すべきWeb Creators　vol.100です！

jQuery基礎文法最速マスター

2010-02-02T02:15:19Z

はやっているようなのでまとめてみたいと思います。

jQueryの読み込み

Google AJAX Libraries APIで簡単に読み込めます。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

jQueryの記述場所

基本的にはscript要素内の次の箇所に記述していきます。

<script type="text/javascript">
$(function(){
	/*ここにjQueryを記述*/
})
</script>

上のコードは$(document).ready()のショートカットなので、次のように書いても大丈夫です。

<script type="text/javascript">
$(document).ready(function(){
	/*ここにjQueryを記述*/
})
</script>

jQueryの実行場所の設定

jQueryで操作したい要素をセレクターで指定します。

$("セレクター")

セレクターはCSSとほぼ同じものが利用できます。

HTMLの操作

セレクターで指定した要素内のテキストを変更します。

$("セレクター").text("ほげほげ");

セレクターで指定した要素内のHTMLを変更します。

$("セレクター").html("<strong>ほげほげ</strong>");

セレクターで指定した要素内の先頭にHTMLを追加します。

$("セレクター").prepend("<strong>ほげほげ</strong>");

セレクターで指定した要素内の最後にHTMLを追加します。

$("セレクター").append("<strong>ほげほげ</strong>");

セレクターで指定した要素の前にHTMLを追加します。

$("セレクター").before("<strong>ほげほげ</strong>");

セレクターで指定した要素の後ろにHTMLを追加します。

$("セレクター").after("<strong>ほげほげ</strong>");

セレクターで指定した要素を別の要素で包みます。

$("セレクター").wrap("<h1></h1>");

セレクターで指定した要素を別の要素と置き換えます。

$("セレクター").replaceWith("<h1></h1>");

セレクターで指定した要素を削除します。

$("セレクター").remove();

セレクターで指定した要素の属性を変更します。

$("セレクター").attr("属性名","属性値");

セレクターで指定した要素の属性を削除します。

$("セレクター").removeAttr("属性名");

セレクターで指定した要素にclass属性を追加します。

$("セレクター").addClass("class属性値");

セレクターで指定した要素からclass属性を取除きます。

$("セレクター").removeClass("class属性値");

セレクターで指定した要素のCSSを変更します。

$("セレクター").css("プロパティ","値");

jQueryの実行のタイミング

jQueryはイベントを設定し、そのタイミングで命令を実行できます。

$("セレクター").イベント(function(){
	/*ここにイベント時の命令を記述*/
})

イベントにはclick、dblclick、mousedown、mouseup、mouseover、mouseout、mousemoveなどの他に、交互に命令を実行するtoggleなどがあります。

jQueryでのアニメーション

以下のようなアニメーションで表示、非表示を切り替えることが出来ます。

$("セレクター").show(スピード);//表示
$("セレクター").hide(スピード);//非表示

$("セレクター").slideDown(スピード);//表示
$("セレクター").slideUp(スピード);//非表示

$("セレクター").fadeIn(スピード);//表示
$("セレクター").fadeOut(スピード);//非表示

スピードにはslow／normal／fast のいずれか、またはミリ秒（1秒＝1000秒）が指定できます。

スピードの後ろにはコールバック関数を指定することができ、アニメーション終了時の命令が設定できます。

$("セレクター").アニメーション(スピード,function(){
	/*アニメーション終了時の命令*/
});

次のように設定するとCSSの値をアニメーションで変更することが出来ます。

$("セレクター").animate(値を変更したいCSSプロパティ, スピード, 動き, コールバック関数)

動きには「linear」または「swing」を設定でき、linearは常に一定の速度で、swingは最初ゆっくり・後半は速くCSSプロパティの値を変更します。

jQueryでAjax

次のように記述しておくとセレクターで指定した要素の内側を取得したファイルの内容と差し替えることができます。

$("セレクター").load("ファイル名");

繰り返し構文(2010/2/6追加)

eachで繰り返し処理を行うことができます。

$("セレクター").each(function(){
	//セレクターで指定した要素に対する命令
});

if文などで条件により異なる命令を設定する場合などによく利用します。

プラグインの作成(2010/2/6追加)

jQueryでは次のようなコードで新たにメソッドを定義することが出来ます。

$.fn.メソッド名 = function(){
	//実行したい命令
	return this;
}

jQueryの為になるサイト

jQuery公式サイト
 jQuery 1.3.2 日本語リファレンス
 Web制作の現場で使える jQuery　UIデザイン入門
 もっと便利に！jQueryでラクラクサイト制作（実践サンプル付き）

jQueryについてもっと知りたい！

「Web制作の現場で使う jQueryデザイン入門」という書籍が発売されますので是非参考にしてください。

JavaScriptについてもっと知りたい！

JavaScript基礎文法最速マスター - なんとなく日記にまとまっていますので是非参考にしてください。

MTのキャプチャ認証の負荷を軽減する方法

2010-01-29T05:29:34Z

先日、このブログのサーバー負荷が増大して、表示できないことがある状態になったのでMTのキャプチャ認証に対して負荷を軽減を行いました。

MTは通常、静的にHTMLを書き出している為、表示に対する負荷はそれほど掛かりませんが、静的ページで読み込んでいるキャプチャ認証の画像に関してはcgiで書き出されている為、表示のたびにcgiが実行されています。

MTの4.2のマイナーバージョン(細かいバージョンは忘れましたが)では、デフォルトテンプレートではコメント欄にフォーカスがあった場合にキャプチャ認証の画像を表示するように改善されていますが、それ以前のバージョンのテンプレートを利用している場合や、独自のテンプレートで運用している場合には独自に実装しなくてはなりません。

変更前

<dt><label for="comment-text">コメント:</label></dt>
<dd><textarea id="comment-text" name="text" rows="10" cols="30"></textarea></dd>
<dt><label for="comment-Captcha">認証:</label></dt>
<dd id="captcha"><$MTCaptchaFields$></dd>

これを次のように変更

変更後

<dt><label for="comment-text">コメント:</label></dt>
<dd>
<script type="text/javascript">
var captcha_html='<$MTCaptchaFields$>';
</script>
<textarea id="comment-text" name="text" rows="10" cols="30" onfocus="document.getElementById('captcha').innerHTML=captcha_html"></textarea>
</dd>
<dt><label for="comment-Captcha">認証:</label></dt>
<dd id="captcha"></dd>

これでコメント投稿時にのみキャプチャ認証が表示さえるようになりますのでサーバー負荷を大幅に軽減することが出来ました。

Web制作の現場で使う jQueryデザイン入門

2010-01-29T01:54:26Z

Amazonで予約が開始されたので告知をしたいと思います。

2/12にアスキー・メディアワークスより拙著「Web制作の現場で使う jQueryデザイン入門」が発売されます。

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」を書籍化したもので、総ページ数342ページと結構なボリュームになっており、付録にはjQueryチートシートが付属してきます。

タイトルに「デザイン」を冠しているとおり、デザイナーやマークアップエンジニアの方が学習しやすいように構成しております。jQuery本ではめずらしいフルカラーになっておりますので楽しく学んでいただけると思います。

もうすぐ書店に並びますので、興味がある方は是非手にとっていただけたらと思います。

ゼロからはじめるPHP入門講座 [名古屋]

2010-01-17T10:42:35Z

2月にサイバーガーデンbizでセミナーを行います。

[詳細・申し込み]

ゼロからはじめるPHP入門講座名古屋

2010年2月13日土曜日 10:00-17:00 （昼休み1時間）

PHPをまったく触ったことのない人、勉強中ながら実践に慣れていない人などを対象にした、1日間（6時間）のハンズオントレーニングです。Webプログラミングやシステム開発、フロントエンド実装、さらにSEOなどマーケティングまで精通している西畑一馬氏が講師を担当。単なる基礎的なスキルの習得ではなく、お問い合わせフォームや簡単なCMSの制作など実践的なスキルを身につけていただく講座です。

[詳細・申し込み]

翌日には益子さんの新ハイレベルCSS実践講座があります。こちらも興味がある方はチェックしてみてください。

1月23日に大阪で行うPHP入門講座もまだ残席がありますので、大阪の方はこちらもチェックしてみてください。

開業届けの時期について考えてみる

2010-01-15T09:14:07Z

榊原さんがフリーランスになられたとのことでおめでとうございます！ご活躍を期待しています！

さて、このフリーランスになるためにやったことを読んでいて気になったのが、新年に開業届けを出されたらしいのですが個人的には年明けに開業届けを出すよりかは、年末に出したほうがよいんじゃないかなと思っています。

年末に開業届けを出すメリット

まず、前提として、2009年に開業届けを出していも2010年に出していも、2009年度の申告はしたほうがよいですね。開業前のサラリーマン時代の給与所得は源泉徴収されているので青、白関係なく確定申告をしないと払いすぎた税金が戻ってきません。

年末に開業届けを出しておくと、2009年度の申告から青色申告が利用できます。事業所得がないのに青色申告?という感じですが、青色申告の場合、赤字が出た場合、損失分を3年間繰り越すことができます。

事業所得がなくても、2009年度中に発生したセミナー参加費や書籍購入費、同業者との情報交換(飲み会等)、それに伴う交通費等、意外と結構な金額を経費に落とすことができます(経費もしくは、開業費として計上できます。)。初年度で赤字にして、次年度に引き継げば次年度の税金が結構楽になりますね。

ただ、フリーランスで赤字申告をしている場合、銀行等がお金を貸してくれにくくなるため、間近にマイホームなどの購入の予定がある場合は注意が必要です。（ローンなんかはサラリーマン時代に組むのがベストですが）

私は年末(といっても10月)に独立したのですが、サラリーマン時代から副収入等があったので赤字申告はできず青色で収支0にまでして、申告したので翌年の税金などはかなり助かりました。

独立はタイミングですのであまり気にしなくてもよいと思いますが、これから独立される方の参考になればと。

注）あまり詳しくないので間違ってる可能性もありますので、その場合は誰かご指摘ください。

Web Creators (ウェブクリエイターズ) 2010年 2月号

2010-01-02T15:29:42Z

Web Creators (ウェブクリエイターズ) 2010年 2月号が発売されました。

今回は「透明度を利用したWebデザイン」にと題して透過pngなど様々なテーマについて執筆しております。

特集は「WEB制作テクニックの新標準２０１０」で、HTML5やCSS３など様々な新しい技術について解説されており、かなり読み応えがあります。

興味があるかたは是非ご覧になってください。

[ASCII.jp]実務で使えるjQueryプラグイン3選

2009-12-30T10:52:12Z

少し報告が遅くなりましたが、ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で最終回実務で使えるjQueryプラグイン3選が公開されました。

７月の中頃より、続きました連載もこれで終了です。

興味がある方はぜひ、お正月休みの間などに時間を見つけ読み返していただけたらと思います。

2009年のto-R人気エントリーTOP20

2009-12-28T14:03:26Z

今年も残りあとわずかということで、昨年に引き続きto-Rでアクセスが多かったエントリーTOP20をご紹介。

昨年と比較して、VMware Player関連の話題が随所に入ってきています。

今年はASCII.jpやWeb creators、Web Designingなど他媒体で執筆をさせていただく機会が増えて、ブログ自体はそれほど書けていないので、来年は時間を見つけブログにも力を入れていきたいなと思います。

1月のセミナー案内[大阪]

2009-12-24T18:50:57Z

1月にサイバーガーデンbizでセミナーを行います。興味がある方は是非おこしください。

ゼロからはじめるPHP入門講座大阪

2010年1月23日（土曜日）

PHPをまったく触ったことのない人、勉強中ながら実践に慣れていない人などを対象にした、1日間（6時間）のハンズオントレーニングです。Web プログラミングやシステム開発、フロントエンド実装、単なる基礎的なスキルの習得ではなく、お問い合わせフォームや簡単なCMSの制作など実践的なスキルを身につけていただく講座です。

［詳細・お申し込みはこちら］

翌日にはサイバーガーデンの益子さんによる新ハイレベルCSS実践講座も行われますのでこちらも合わせてチェックしてみてください。

[ASCII.jp]制作現場で役立つjQueryプラグインの使い方

2009-12-24T18:44:57Z

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で第25回制作現場で役立つjQueryプラグインの使い方が公開されています。

ASCII.jpの連載も、いよいよ残すところ2回です。今回と次回で「jQueryプラグイン」の概要や利用方法について解説します。

興味がある方はぜひごらんになってください。

[ASCII.jp]jQuery＋CSSによるカルーセルパネルの作り方 / jQueryとAjaxで作るスムーズページング

2009-12-17T15:50:43Z

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で第23回 jQuery＋CSSによるカルーセルパネルの作り方、第24回 jQueryとAjaxで作るスムーズページングが公開されています。

カルーセルパネルはスライド型の回転ギャラリーで、スムーズページングではページ内でローディング画像を表示してコンテンツを切り替えるページングに付いて解説しています。

興味がある方はぜひご覧になっていただけたらと思います。

[ASCII.jp]jQueryでバリデーション付きメールフォームを作ろう

2009-12-03T04:09:26Z

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で第21回 jQueryでバリデーション付きメールフォームを作ろうが公開されました。

jQueryを利用したフォームバリデーションについて解説しております。

入力項目のチェックはエラー時に、スムーズスクロールでエラー箇所に移動する方法など紹介しております。

興味がある方は是非ごらんになってください。

Web creators (ウェブクリエイターズ) 2010年 1月号

2009-12-01T04:22:40Z

Web creators (ウェブクリエイターズ) 2010年 1月号が発売されました。

今回私はYUIライブラリの使い方について解説しております。

特集はjQueryを利用したWEBが際立つ動き&装飾デザインです。かなりの量のライブラリやTIPSが紹介されてます。

また、CSSレイアウト表現帳とういう冊子がおまけで付いてきます。

興味がある方は是非ご覧になってください。

[ASCII.jp]jQueryで自作するフローティングウィンドウ

2009-12-01T03:13:23Z

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で第21回 jQueryで自作するフローティングウィンドウが公開されました。

jQueryを利用したフローティングウィンドウの作成方法について解説しております。

また、最後にはIEで半透過PNGをフェードイン／アウトする際にが色が付いてしまうバグについて解説しております。

本連載もいよいよ佳境にさしかかっておりますので、興味がある方は是非ごらんになってください。

[ASCII.jp]jQueryによるLightbox風モーダルウィンドウの作り方

2009-11-26T09:06:44Z

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で第20回 jQueryによるLightbox風モーダルウィンドウの作り方が公開されました。

jQueryを利用したLightbox風のモーダルウィンドウの作成方法について解説しています。

また、解説途中にはjQueryを利用したIE6でのposition:fixedの擬似再現方法についても解説しております。

興味がある人はぜひご覧になってください。

[ASCII.jp]jQueryで作る多階層ドロップダウンメニュー

2009-11-24T12:05:01Z

ASCII.jpの連載「Web制作の現場で使えるjQuery　UIデザイン入門」で第19回 jQueryで作る多階層ドロップダウンメニューを作るが公開されました。

jQueryで、多階層ドロップダウンメニューを作る方法を解説しております。

　多階層ドロップダウンメニューを作ったことがある方はわかると思うのですが、このUIを作成する際にIE6,7の挙動がかなり曲者になってくるんですよね。

　試行錯誤して、かなりスマートな解決方法も書いておりますので、興味がある方はぜひご覧になってください。

to-R

すぐに使えるスタイルシート標準テクニック が発売

IE9のプレビュー版

インストール

関連エントリー

Web 制作の現場で使う jQueryデザイン入門 書評一覧

関連エントリー

4月11日 ゼロからはじめるPHP入門講座 [東京]

Web Creators (ウェブクリエイターズ) 2010年 4月号

関連エントリー

CSS Nite LP9 連動 第2回コーディングコンテスト開催

Web 制作の現場で使う jQueryデザイン入門 Amazonで通常購入可能に

関連エントリー

Re:PHPで誰でも簡単Webサービス製作！でなんか作って公開した奴ちょっと来い

Web Designing (ウェブデザイニング)2010年 03月号で執筆しました。

[ASCII.jp]40分で覚える！jQuery速習講座

Web 制作の現場で使う jQueryデザイン入門 が現在購入可能なネットショップ

取り上げていただいたブロガーの方々(発見順)

ネットショップの在庫状況と発送時期(2010/2/18 05:00時点)

Web 制作の現場で使う jQueryデザイン入門 発売開始。

本書の内容

Firefox3.6でメニューバーを消してしまった場合の対処方法

関連エントリー

Web Creators (ウェブクリエイターズ) 2010年 3月号

jQuery基礎文法最速マスター

jQueryの読み込み

jQueryの記述場所

jQueryの実行場所の設定

HTMLの操作

jQueryの実行のタイミング

jQueryでのアニメーション

jQueryでAjax

繰り返し構文(2010/2/6追加)

プラグインの作成(2010/2/6追加)

jQueryの為になるサイト

jQueryについてもっと知りたい！

JavaScriptについてもっと知りたい！

関連エントリー

MTのキャプチャ認証の負荷を軽減する方法

変更前

変更後

関連エントリー

Web制作の現場で使う jQueryデザイン入門

ゼロからはじめるPHP入門講座 [名古屋]

ゼロからはじめるPHP入門講座 名古屋

開業届けの時期について考えてみる

年末に開業届けを出すメリット

関連エントリー

Web Creators (ウェブクリエイターズ) 2010年 2月号

[ASCII.jp]実務で使えるjQueryプラグイン3選

関連エントリー

2009年のto-R人気エントリーTOP20

関連エントリー

1月のセミナー案内[大阪]

ゼロからはじめるPHP入門講座 大阪

[ASCII.jp]制作現場で役立つjQueryプラグインの使い方

関連エントリー

[ASCII.jp]jQuery＋CSSによるカルーセルパネルの作り方 / jQueryとAjaxで作るスムーズページング

関連エントリー

[ASCII.jp]jQueryでバリデーション付きメールフォームを作ろう

関連エントリー

Web creators (ウェブクリエイターズ) 2010年 1月号

[ASCII.jp]jQueryで自作するフローティングウィンドウ

関連エントリー

[ASCII.jp]jQueryによるLightbox風モーダルウィンドウの作り方

関連エントリー

[ASCII.jp]jQueryで作る多階層ドロップダウンメニュー

関連エントリー

すぐに使えるスタイルシート標準テクニックが発売

Web 制作の現場で使う jQueryデザイン入門　書評一覧

4月11日ゼロからはじめるPHP入門講座 [東京]

CSS Nite LP9 連動第2回コーディングコンテスト開催

Web 制作の現場で使う jQueryデザイン入門が現在購入可能なネットショップ

Web 制作の現場で使う jQueryデザイン入門発売開始。

ゼロからはじめるPHP入門講座名古屋

ゼロからはじめるPHP入門講座大阪