旧ブログコンテンツ

現在は note で発信しています。

2ページ目   #徳田_和規

#Android #CodeGrid #iPhone #jQuery #LP #UI #たにぐち_まこと #まぼろし #スマートフォン #スマートフォンサイト #ソースコード #デザイン #ピクセルグリッド #中村_享介 #伊原_力也 #撮影 #益子_貴寛 #矢野_りん #神森_勉 #西畑_一馬 #飯田_昌之 #高津戸_壮 

「jQuery」特集のLP18を9月17日に開催

CSS Nite LP, Disk 18

9月17日、ベルサール神保町にて、CSS Nite LP, Disk 18「その先にあるjQuery」を開催します。

次の3セッションを予定しています。

  • 西畑一馬(to-R):jQuery高速化
  • 高津戸 壮(ピクセルグリッド):「ポチってもうたー」設計手法?
  • 徳田 和規(ピクセルグリッド):deferredやdele?gateなど

“その先にある”とありますように、jQueryに関する基礎的なセッションはありませんのでご注意ください。

このセミナーは有料イベントです。ご参加を希望される方?は、上記の告知ページから登録を行い、事前決済をお願い?します。

今後、LPシリーズは、参加人数を少なめに、セッション数を少なく(全体として短く)、少しお安く、とんがったトピックをよりタイムリーに開催していきたいと考えています。


『jQuery逆引きマニュアル』の著者3人によるjQueryセミナー(大阪、2月20日)

banner_resem_05.png

2011年2月20日、デジタルハリウッド大阪校 地下セミナールームにて第5回 リクリセミナーが開催されます。

講師は、2010年10月にインプレスジャパンから発売された『jQuery逆引きマニュアル』の著者3名、西畑一馬さん、徳田和規さん、中村享介さんです。

『jQuery逆引きマニュアル』を持参し、受付で提示されると500円割引になるそうです。


LP13にご参加の方に抽選で『jQuery逆引きマニュアル Webデザインの現場で役立つ基本と実践』をプレゼント

jQuery逆引きマニュアル Webデザインの現場で役立つ基本と実践

2010年12月にインプレスジャパンから『jQuery逆引きマニュアル Webデザインの現場で役立つ基本と実践』が発売になりました。

著者は、西畑一馬さん、中村享介さん、徳田和規さんの3名。jQueryの知識&テクニックを121項目にわたって解説。基本構文から、プラグインの活用・作成、イベント処理、多彩なフォームやアニメーションの実現、さらにはiPhone/iPadサイト作成まで網羅した書籍です。

1月22日開催のLP13にご参加の方に、抽選(またはジャンケン)でプレゼントします。


CSS Nite LP, Disk 9.2(reprise)フォローアップ+メッセージ(5)徳田 和規さんのセッション

c_0014.jpg

2010年6月5日、ベルサール九段で開催したCSS Nite LP, Disk 9.2(reprise)のフォローアップとして、徳田 和規さん(マインドフリー)の『Coding with jQuery』のスライドとメッセージをシェアします。


「CSS Nite LP, Disk 9.2(reprise)フォローアップ+メッセージ(5)徳田 和規さんのセッション」の続きを読む

CSS Nite in OSAKA, Vol.14 の見どころ、ピックアップ!

4月16日にアップルストア心斎橋で開催予定のCSS Nite in OSAKA, Vol.14に出演される徳田和規さんが作った『jQuery.validation.js』を一足お先にご紹介します。詳細はセッションでご説明してくださいます。

快適なform入力チェックを楽に実装! jQuery.validation.js

イライラさせて顧客獲得を逃したフォーム、それを改善すべく人気のライブラリ、「jQuery.validation.js」。

とにかく、JavaScriptが分からない方も必見!<br />

皆さんの大切な「フォーム」を快適にするために、実装方法を憶えておきましょう!

□■□■クール&シンプルなサンプル□■□■
http://moto-mono.net/sample/validation/

フォーム画面遷移なく、クールな入力チェックをとても簡単な実装で行える徳田さんのオリジナルのJavaScriptライブラリです。
セッションでは、実際どれだけ簡単か、実装するための方法と効果を見せていただきます。

正直、JavaScriptが分からない方でも、XHTMLが理解できている方なら、とても簡単でカッコいい「フォームの入力チェック」が作成可能になります。

例えばお問い合わせフォームにこんな設定をしたい場合↓↓↓

・必須項目指定<br />
・メールアドレスチェック<br />
・全角禁止<br />
・電話番号<br />
・数値のみかどうか?<br />
・郵便番号<br />
他</p>

【例】メールアドレスチェックの場合

&lt;input type=&quot;text&quot; name=&quot;mail&quot; id=&quot;mail&quot; value=&quot;&quot; class=&quot;email hankaku required&quot; /&gt;<br />
JavaScriptファイルを読み込み、設定を終わらせた後input要素のクラス名の値を上記のように設定するだけで、必須項目・メールアドレスチェック・全角禁止が可能になります。※</p>

■メールアドレス再入力チェックの場合

■入力文字数をチェックする場合<br />
なども楽に実装可能になります。</p>

※アクティベートが必要ですが、その簡単な方法も教えて下さいます。

# $(function(){<br />
# $(&quot;フォーム要素のID属性&quot;).validation();<br />
# });</p>

とにかく、実装方法もお伝えいただくので、「コードが苦手」な方にはぜひみていただきたいセッションです。

実際どれだけ簡単か、実装方法と効果をその目でお確かめください。

    <li><a href="https://cssnite.jp/osaka/vol14/">CSS Nite in OSAKA, Vol.14</a></li>
    <li><a href="https://cssnite.jp/archives/post_1468.html">出演者情報(1):CSS Nite in OSAKA, Vol.14</a></li>