旧ブログコンテンツ

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

CSS Nite in OSAKA, Vol.15 出演者2人目が決定

5月12日にアップルストア心斎橋で開催予定のCSS Nite in OSAKA, Vol.15の出演者の2人目が決定しました!

デザイナーの方でMovable Typeになかなかなじめない方は必見です。

			<h3>デザイナーでもできる!Movable Typeでエンジニアリング </h3>
			<p>プログラマーがいなければできなかったあんなことやこんなことが今ではデザイナーだけでできちゃう世の中になってきました。Movable Typeを使えばあなただけでもウェブアプリが作れます。<br />
			CMSを利用して楽して「動的」なサイトを作れちゃうデザイナーになりましょう。 </p>
<div class="profile">
				<h4><img src="https://cssnite.jp/osaka/images/osaka_vol15_kawabata.jpg" alt="写真:川端 雅史(かわばた・まさふみ)" width="120" height="120" class="right picFrame" />川端 雅史(かわばた・まさふみ)</h4>
				<p><a href="http://webmax.co.jp/">ウェブマックス株式会社</a><br />
				PHP屋</p>
	<p>高校中退エンジニア。<br />
					フーテン、バンド活動などを経て26歳で一念発起してウェブ業界に転職。<br />
	企画書からサーバいじりまで浅く広くウェブる事を目標に日々精進中。</p>
				<p>現在は京都にある戦国和菓子を売るという、変わった会社ウェブマックスにてPHPアプリケーションの開発を主に仕事をしています。</p>
</div>
		</div>

CSS Nite in OSAKA, Vol.15 出演者1人目が決定

5月12日にアップルストア心斎橋で開催予定のCSS Nite in OSAKA, Vol.15の出演者の1人目が決定しました!森さんには、以前CSS Nite in Osaka, Vol.3でMovable Typeについてのセッションでご出演いただきましたが、今回はDreamweaverについてお話しくださいます。

知ってて得する「Dreamweaver」の勘どころ

新しくCS4が発売された『Dreamweaver』。しかし、多機能過ぎてフルに使えてない方も多いようです。デザイン・エディタ・管理・・・と超便利なソフトだけにもったいない!ということで、日頃スクールで教えている立場から、Dreamweaverの『知ってて得する』マニアックな機能をご紹介。


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>
    


CSS Nite in OSAKA, Vol.14のプレゼント情報(追加)

CSS Nite in OSAKA, Vol.14のプレゼント情報に追加です。

CSS Nite in OSAKA, Vol.14で、二宮さんがパノラマのお話をしてくださいますが、株式会社井澤(イザワオプト)様より、なんとも豪華なプレゼントをご提供いただきました!

写真:プレゼントレンズ

魚眼コンバージョンレンズはパノラマにも関係の深いものですよね。詳しくはセッション中にご紹介くださいます。

CSS Nite in OSAKA, Vol.14ご来場の方に、抽選またはじゃんけんにてプレゼントいたします。ぜひご参加ください。

(※)「KS-2」に関しては、市場未発表の最新モデルとなっています!ので、「KC-1」へのリンクとなります。


いよいよ、一週間後は『CSS Nite in OSAKA, Vol.14』です!

4月14日(火)19:00からアップルストア心斎橋にて、CSS Nite in OSAKA, Vol.14を開催します。

現地有志による企画、第2弾です!無料版にも関わらず、今回も濃い内容のセッションが期待されます。
技術系の話が中心になりますが、技術系でない人にも楽しんでいただける内容になっていますので、お仕事帰りにぶらりとお立ち寄りください。会場でお会いできることを楽しみにしています。

なお、お席に限りがございますので立ち見になる場合もございます。
交代でお座りになるなど、ご協力のほどよろしくお願いします。

CSS Nite in OSAKA, Vol.14の詳細

●ご来場の方に、抽選もしくはジャンケンにて多数のプレゼントあり!
 下記のエントリーよりご確認ください。

hi-posi Inc. の岡田さんのセッションにて、ケータイを使った参加型のデモが行われます。

当日は、ケータイをもってご参加ください。

☆イベント終了後にアフターパーティ(懇親会)も予定しています。名刺を多めに持ってご参加ください。
なお、こちらは事前登録が必要となりますので、mixiコミュニティより参加表明をお願いいたします。