ブログトップ 記事一覧 ログイン 無料ブログ開設

あと味 このページをアンテナに追加 RSSフィード Twitter

2008-11-27 デザイナ向け「はじめてのjQuery」

デザイナ向け「はじめてのjQuery」

東京への転勤でバタバタしてたのと、引越し先にネット回線がないのとでアップが遅れました。

先週、制作会議というデザイナの会議でjQeryの勉強会をしました。その際に作成・発表したスライドです。

前回、制作会社で働く人向け「はじめての正規表現」 - あと味で使ったスライドほどインパクトはないのですが、これをきっかけに、社内外問わず、jQueryを使ってみようと思ってくれるデザイナが増えたらうれしいです。もちろんプログラマにもおすすめです。

KeynoteHTML書き出し機能で出力したものを改変して作っています。超楽チン。時間がなかったので取り急ぎアップしますが、近日中にjQueryを使ってコピペ用のテキストと目次を設置します。

前提

uriとまとめ

=> はじめてのjQuery

正直、これだけでjQueryを使いこなせるようになるのは難しいと思います。

でも、デザイナにとってあと一歩で手が届く技術であると認識してもらうことと、最初からリファレンスを見ながら自分で弄って学べるようになることが最大の目的です。

これをキッカケに、デザイナの表現の幅が広がることになれば本望です。

追記

この勉強会のためにデモで作ったプログラムはここで公開しています。

=> アマグラマーが初めてのAjaxのプログラムを作成するまでの道のり全容 - あと味

popocornpopocorn 2008/11/27 23:06 初心者向けページは数多くありますが、日本語にして説明されているのは珍しかったです。私には理解し易かったです。ガンダムが出てきたのは理解できませんでしたがw

jdgjdg 2008/11/28 04:11 ありがとうございます!
私自身が理解力のある人間ではないので、極力平易にしようと思うと、日本語にしちゃう事がよくあります。
ガンダムは元ネタ知ってるとブラックユーモアで楽しめるオチになってますが、元ネタしらなければ意味分からないですよねw

kotarokkotarok 2009/03/02 00:24 hoverメソッドで二つめのfunctionを渡すところを「そうでない時」と解説するのは明らかな誤りだと思います。jQueryには条件分岐を作る制御構文はありませんよね。そこはネイティブなJavaScriptを使うのがjQueryのお作法だと思うので、jQueryでそのようなことができそうな書き方をするのは誤解を招くと思いました。

jdgjdg 2009/03/02 07:55 id:kotarokさん
ご指摘ありがとうございます。
おっしゃるとおり、誤解を招く可能性がありそうなので、「そうでない時」という箇所を「hoverしてない時」に変更しました。

taktak 2009/08/01 03:22 ガンダムの動画がyoutubeで削除されてましたよww

jQueryのほうは大変楽しめました。
ありがとうございます。

jdgjdg 2009/08/03 17:31 > takさん
おお、情報ありがとうございます!
DOMが肝なので、やばいですねーw
代替策考えます。。。

flo-tflo-t 2010/02/02 23:40 とても興味深く一気に読みきりました。以前からjQueryのことが気になりながらも食わず嫌いだったんですが、このコンテンツが踏み込むいいきっかけになりました。ありがとうございました!

jdgjdg 2010/02/03 00:14 コメントありがとうございます!
キッカケになることがこのコンテンツの最大目標なので、そう言っていただけるとうれしいです!

tsukasa01tsukasa01 2010/03/16 03:10 jQueryに手が届きそうな気がしました。でもガンダムのyoutubeが削除されていて残念でした。

jdgjdg 2010/03/16 10:52 コメントありがとうございます!

ドムの件は申し訳ないです。。。

totototo 2010/05/06 22:44 多謝!JQueryを勉強する気になりました。

tan-yukitan-yuki 2010/06/03 17:54 めちゃくちゃわかりやすかったです。
やっとjQueryの入り口に立てました。

jdgjdg 2010/06/03 19:24 コメントありがとうございます!お役に立ててよかったです!

miyumiyu 2010/06/17 17:52 はじめまして。jQueryを使うことになりそうで、色々探していてここにたどり着きました。とりあえずのデザイナですが、なんかちょっと頑張れば出来そうな気がしてきました。

jdgjdg 2010/06/18 10:12 ちょっとがんばれば、表現の幅が断然広がるので、ぜひご活用ください!

あんじんあんじん 2010/06/20 00:47 物凄い判りやすかったです!本当にありがとうございます。
今まで完全無視のJquery 使います。 貴方のおかげです。
心より感謝!!

jdgjdg 2010/06/20 15:10 ありがとうございます!

イムライムラ 2010/06/29 14:17 jQueryの解説とても分かりやすかったです!
ソースの羅列ではなく、スライドになっていることと、テンポのよさが心に響きました!
すばらしい説明をありがとうございます。

りんごりんご 2010/08/03 12:23 すごくわかりやすかったです。
そして面白かったです。
これでもかというくらい丁寧に教えてもらえたので、ありがたかったです。
作る楽しみがまた増えました。
本当に何度言ってもいい足りません!!!!
ありがとうございます!!

jdgjdg 2010/08/03 12:26 そんなに喜んでもらえると作った甲斐がありました!

machamacha 2010/08/09 17:59 めちゃくちゃわかり易かったです!
はじめは「なんだこのサイト???」とか思って見てましたが、すっごく参考になりました。

jdgjdg 2010/08/09 18:53 ありがとうございます!

kogonkogon 2010/08/18 10:32 サンプルをもとにやってみたのですが、どうしても上手くいきません…
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1445471004
文章が長くなってしまいましたので、yahoo!知恵袋にて質問させていただいております。
アドバイスいただけたら助かります。よろしくお願いします。

jdgjdg 2010/08/18 10:39 コード全体を以下のように囲ってください。
$(function() {
//書いたコード入る
});

kogonkogon 2010/08/18 16:04 解決しました!ありがとうございます!
こんな単純な見落としをしてしまっていたとは…

jdgjdg 2010/08/18 16:49 解決してよかったです!

もっつもっつ 2010/10/21 01:39 webデザインはじめたところの30女子です。webなめてて難しいことばかりだと挫折しそうでしたが、
がんばれそう!と思えました。

jdgjdg 2010/10/24 08:42 返信遅くなってごめんなさい!
最初は難しいことばかりですが、難しいと思ってたことが簡単にできるようになると嬉しいですね!

kenjikenji 2011/05/12 17:44 jQueryの解説、非常にわかりやすかったです。ありがとうございます。ところで、このスライド式の画面は、HTMLとCSSで作れるんですか?

jdgjdg 2011/05/12 17:49 ありがとうございます。実は、あれ作るのすごく手抜きしていて、KeynoteのHTML出力でベースを作って、ちょこっと手直して作りました。

あとる勉強家あとる勉強家 2011/06/22 19:09 jQuery解説、大変勉強になりました。この分野に手を出し始めて日も浅いですがこれを見てすぐ導入を開始しました。
本当にありがとうございました。

あとる勉強家あとる勉強家 2011/06/22 19:10 jQuery解説、大変勉強になりました。この分野に手を出し始めて日も浅いですがこれを見てすぐ導入を開始しました。
本当にありがとうございました。

たたごたたご 2011/08/25 14:45 「わかりやすい」「みやすい」「たのしい」の3拍子そろった解説でした。
PGである私にとっては、JQueryの解説以外でも非常に勉強になりました。

butasan2007butasan2007 2011/09/11 22:58 導入としてよかったです。慣れるまでは取っ付きにくいですけど、慣れれば面白いです♪

michelmichel 2011/12/27 18:43 googleで真っ黒な画面から入りました。
すごく面白いうえに、本当に解りやすかったです。
説明に親しみもててjQueryやってみようと思えました!ありがとうございます。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証