なんだろう、この感じ・・・

Webクリエイターを目指せ！
今日も前進したかなぁ？

----------------------------------------------------------
連日すっきりしないお天気ですね

今日はモチベーションが上がらなくて

なんでしょう・・・・
「ｊQueryで作るAjaxアプリケーション」を読んでも全然頭に入らず
思い通りに動かなくて、ちょっとストレス溜まってますねぇ

う～～んorz



javascriptで何かしたいとき、XHTMLのコードをその為に汚したくない（変なこだわり）。
javascriptを動かす為だけに、idやclassを書きたくないのです（汗
javascriptがoffでも、問題なく見える（動く）ようにしたいという基本姿勢なのです（上達してから考えればいいものを・・・）。

だから、javascriptでXHTMLにidやclassを足して、それにコードを書いて動かしたりしたいわけなんですよ。

たとえば
<p>test</p>
を

<div id="text">
<p>test</p>
</div>

にしたいとき、

$('p').wrap($('div#text'));
と命令すればいけるはずなんですけどねぇ・・・。

cssを指定してみると
$('div#text>p').css('color','red');

色変わらない・・・・

こんな初歩的命令ができないのですよ


ふ～～～～～ん、オバマチャイチェ～ケンが～～～～～～～～～～（元財務大臣風に壊れてみる）

だ・・・・誰だ・・・・（しつこい？）
↑
最近一番笑ったので、気に入ってます。

ちょっと気晴らしが必要ですね。
今日は、飲みます（酒飲み）

動くとウレシイ！でも分からない～～？

Webクリエイターを目指す！
今日も前進したかな？
-----------------------------------------------------

今日は昨日に続き「ｊQueryで作るAjaxアプリケーション」を読み進めております。

jQueryで作る Ajaxアプリケーション/沖林 正紀

￥2,919

Amazon.co.jp

前半の教科書的な説明に飽き（早っ！）、ついついアニメーションの方を進めちゃう。・ﾟﾟ･(≧д≦)･ﾟﾟ･｡

コード見ると、飛ばした所に出てきたであろうコード（？）がチラホラ・・・

だから、ちゃんと前から読み進めなきゃ！

でも、面白くないんだもんヽ(`Д´)ノ

「これはこうだからして、こうなります」
みたいなのを読んでると眠くなるし、頭に入らないのです。

要素（ノード）操作とか、イベントの処理とか・・・

こうやって行ったりきたり（生産的ではないですね）しながら、全体が掴めるようになればいいかな～～～（楽観的）



独学ってモチベーションを保つのが大変なんですよね。（私だけ？）

ちょっとした達成感とか、ちょっと満足感がないととてもやってらんない・・・




こんな画面を１日中見てるわけですからねぇ。

でも、ここでペタ頂いたり、コメント頂いたりしてとっても元気になります。
ありがとうございますm(__)m

前はコード打って、firefoxで確認するときに、右下のホタルマークちゃん（firebug）に赤い×マークが出ると焦ってたんだけど（英語で指摘されてもはっ？みたいな）、最近はちょっと落ち着いて考えてみようって思えるようになってきました。

ホタルちゃんは私に何を教えてくれてるの？（病んでる）
って優しく問いかけてみると、ちょっとだけ何か聞こえるような気がするのです（気持ち悪い？）。

人に対してもそうですが、こちらが敵対的になっては仲良くなれるものもなれないわけで。
とにかく自分から仲良くなりましょ！ってオーラを出し続ける事。

これがきっと大切なんだろうなぁと。

ね？

今日から「jQueryで作るAjaxアプリケーション」を読みます！

昨日は祖父の一周忌で実家に帰っておりました。


実家は私の住んでいるところよりも都会なので、大きい本屋さんがありまして、またまた本を探しに行ってみました。

父がプログラマーなんで、どれがいいか吟味してもらいに着いてきてもらいました。
やっぱり大きな本屋さんは品揃えがいいですねぇ～～～～
javascriptはちょっと奥が深すぎるので（笑）ライブラリーで頑張ろう！
ってなわけで、これを買いました↓

「ｊQueryで作るAjaxアプリケーション」

jQueryで作る Ajaxアプリケーション/沖林 正紀

￥2,919

Amazon.co.jp

今日はさっそく本をペラペラとめくってみて、メニューを左にス～～～っと動かす方法っぽいのを見つけたんで、早速ゴニョゴニョ・・・
（順番どおりに読めない・・・興味があるところから手をつけちゃうのです。）

なかなか動かなくて、でもcssを/**/で止めてみたりしながら3時間ほど・・・。

動いた！！！！！
うれし泣きしそうなほどうれしかったです～～～

なんだろ、達成感？

やる気出てきたぞ～～～！！

html
<div id=nav>
<ul>
<li><a href=""><img src="" /></li>
<li><a href=""><img src="" /></li>
<li><a href=""><img src="" /></li>
<ul>

css
#nav {
position: relative;
width: 400px;
height: 40px;
margin-top: 0px;
margin-right: 10px;
padding: 3px;
float: right;
background: url(..);
background-repeat: no-repeat;
}

#nav ul {
position: absolute;
margin-top: 0;
padding-left: 0;
padding-left: 7px;
list-style-type: none;

}

#contents ul li {
float: left;
margin-top: 12px;
margin-right: 8px;
}

jQuery
window.onload = function(){
$('div#nav').css('marginRight','0px');//ここはCSSの指定なので関係ないです。//
$('div#nav').animate({left:'-=30px'},2000);//←これですdiv#navという箱を←に2秒かけてす～っと動かします//
}