入門者にオススメのサイト

[新着] Webテンプレートを仮オープンしました



0   名前: ケン : 2007/08/07(火) 07:26  ID:VnT3/0SD sub-Ds
CSSはかなりいじれます。その習得がかなり大回りしたと感じています。はじめに悪いサイトを手本にしたため、概念を学ぶまでは無駄な時間だったと思っています。

JavaScriptを始めようと思うのですが、同じ轍は踏みたくありません。皆さんが良質の学び方ができると思うサイトを紹介して欲しいです。できれば、とっつきのいいサイトをお願いしたいのですが、有害な楽しいサイトは勘弁してください。

必ず仕様書がでると思いますが、仕様書は入門後少しわかった時に目を通します。今の段階では全然わかりませんでした。

よろしくお願いします。

1   名前: Z ◆XTzyosZXcL : 2007/08/07(火) 07:26  ID:EMLvzDFm sub-Cl
「Java Script お奨め サイト」でgoogle検索をしてみたところ、下記スレッドが見つかりました。

http://q.hatena.ne.jp/1145431475

 このやり取りの中で紹介されているのが下記サイトですが、これではいかがでしょうか?

「目指せ!ウェブマスター」JavaScript講座
http://www.openspc2.org/kouza_js/

#私自身は製作者は、ユーザの操作系に(javascriptなどで)干渉すべきではありませんhttp://members.jcom.home.ne.jp/jintrick/Personal/WebDesign1.html#as)という意見に同意しますけど。

2   名前: 匿名 : 2007/08/07(火) 07:26  ID:Xb13CYH9 sub-Cz
名称は「JavaScript」。途中で切ってはいけない。「ECMAScript」で探せばノイズをいくらか減らせるかもしれない。

>>0
・プログラミング言語は初めてですか。
・JavaScript で何をしたいのですか。
e.g. Web ページの制御をしたい。Firefox 拡張、Opera や Dashboard の Widget を作りたい。PDF を制御したい。後々 Flash との連係も考えている。外部プログラムと連係して作業を自動化したい。etc.

3   名前: 匿名 : 2007/08/07(火) 07:26  ID:CNtDkbLA sub-Ds
>Zさん
私も同意します。実際、オンマウスでごにょごにょとか、プルダウンメニューとかはCSSでやっております。でも、敵も知ってみたくなったので。JavaScript講座の紹介ありがとうございます。

>匿名 さん
わかっていない人が、良質の教科書を探す難しさに懲りたので検索はしませんでした。

質問にお答えします。
プログラムは初めてです。
今、勉強したい動機は「敵を知りたい」です。Offられたら動かないことで、使いたくないという意識があり、これまで拒否していたので。でも、切ってるひと1%くらいサイトも持ってるし、使えるかなと。あと、パクリサイトを最近4つも発見して、怒ってるので、セキュリティにも貢献しないかなと。私自身も解析などの為に切っているので、たまに不便なときがあり、敵を知れば、見えないお化けは怖くなくなるかなとか。何が出来て何が出来ないかを知りたい。


ついでに、
最近、JavaScriptを利用した、ジェネレーターサイトを良く見かけるようになりました。ボタン作りますとか、見出しを2.0風にしますとか、カラーピッカー&コンビ色提案とか。たいていは英語のサイトで、日本語はダメとかが多いのですが。ソースをみているとそんなに難しそうでもないし、まずは自分用に英語サイトから日本語OKくらいには改変できるのではと。なんとなく、こうなったらこう、違えばこうの繰り返しの気がしてるんでできそうかなと。でも、cssでコピペ学習法は非効率とわかっているので、基本はまず教科書から勉強したいと思って。良質な教科書を学習者が選べるわけもないので、達人に推薦してもらえると適切なのを教えてもらえればと質問しました。

よろしくお願いします。

4   名前: 匿名 : 2007/08/07(火) 07:26  ID:f3eYLMpf sub-Ds
>3
あなたの文章を読んでいるとプログラミングには向いていない気がする。
ポイントを押さえ、場合分けし、最短のコードを考え出す、その兆候がない。

5   名前: 匿名 : 2007/08/07(火) 07:26  ID:Xb13CYH9 sub-Cz
『敵』ね…… JavaScript もいろんな意味で誤解と偏見を被っているよなあ。

>>2
じゃあ、Web ページ操作が主目的ということで話を進めるよ。

> 良質な教科書

率直に言えば、ない。

他の言語経験があるのなら以下がオススメだが、これらは決して「プログラミング入門」じゃない。
http://developer.mozilla.org/ja/docs/Core_JavaScript_1.5_Guide
http://www.oreilly.co.jp/books/9784873113296/

プログラミング入門(の入門)としては以下がオススメだが、言語が Ruby だ。まあ、最近の JavaScript は Python や Ruby からの影響もあるので、読んでおいて損はないが。
http://www1.tf.chiba-u.jp/~shin/tutorial/index.rb?Chapter=Contents

サルベージする根性があるなら、以下のサイトを一通り参照しとくと良い。古いしビミョーな記述もあるが、とっかかりとしては悪くない。
http://web.archive.org/web/20060319020814/http://www.axis.t.u-tokyo.ac.jp/~shunak/ecmascript/

JavaScript リファレンスとしては、以下をサルベージできればベターだ。
http://web.archive.org/web/20060706180246/http://www.interq.or.jp/student/exeal/dss/ref/jscript/top.html



さて、目的が Web ページ操作であるなら、貴方はもう JavaScript から扱う対象データ(HTML と CSS)についてよく知っている。そして、そのデータの正しい扱い方をすでに身に着けている。

槍玉に挙げて申し訳ないが、>>1 に挙がっているサイトに目を通してほしい。JavaScript を知らずとも、HTML、CSS データの扱い方がおかしいことは一見して分かるはずだ。こういう、データに無頓着な例文をマネしてはいけない。マネして良い例文・悪い例文の判断は、もう貴方はできるはずだ。

その上で、自分の作りたいものを作れば良い。まあ、一番最初はこんなのが無難かもしれない。

・ページ内の全ての blockquote 要素の cite 属性から、a 要素を作成する。
・ページ内の全ての a 要素の横に[別窓で開く]を作成してみる。
・<a href="URI">TEXT</a> を <img src="URI" alt="TEXT" /> に変換してみる。
・さらに、その画像をクリックしたら背景になるようにしてみる。

最初はどう頑張ったってコピペ以上のものにはならないが、それが第一歩だ。

作成時には、この一覧表は必携。
http://www2u.biglobe.ne.jp/~oz-07ams/prog/dom-ref/object-index.html
C++/Java 風のオブジェクト指向を知らないと読みづらいかもしれないが、案外すぐ慣れる。JavaScript は型におおらかな言語だが、DOM は型をきっちり意識しないと使えない(だから、データ型に無頓着な例文を参考にしてはいけない)。



まあ、とにかく書くことだ。データ形式の HTML と違い、プログラミング言語の JavaScript の書き方に「完全な正解」はないから、「見ているだけ」ではとても身に着かない。理屈は後からついてくる。まずは合計で 1 万行くらい書いてみることだ。なあに、200 行程度のコードを 50 個も書けば、1 万行なんてあっという間だ。

6   名前: ケン : 2007/08/07(火) 07:26  ID:FExm093s sub-Ds
>>4
向いていないですか。そうですか。では、組めなくても出来そうとか、ソースを見て何をしているかわかる位をまず目指します。ありがとうございました。

>>5
敵って話が伝わりやすいと思って使っただけで、たいして敵とは思ってませんよ。

たくさんありがとうございます。あたりまえですが、まだ、ぜんぜん目を通せてません。
サルベージもしようと思ったのですが、根性のいる量で人力はあきらめました。
ソフトを使いたいのですが、「warrick」使い方がわからない。昔も挫折したのでダウンロードはしているのですが、ご存知ないですか?アクティブパールはnamazu使ってるので入っています。

ご存知なければ、人力でがんばります。とりあえずゆーくりやっていきます。質問が出来るくらいにわかってきたらそのときはよろしくお願いします。ありがとうございました。

7   名前: 匿名 : 2007/08/07(火) 07:26  ID:VYb1HUGi sub-Cz
>>6
じゃあ、練習としてサルベージ用 JavaScript を作れば良いんジャマイカ?

まあ、あれだ。仕事でもなければ、プログラミング言語なんてのは「どうしてもこれがやりたい!」と思うまで手を出さん方がええよ。そして「これをやらなきゃ俺は死ぬ!」くらいの勢いを利用して、一気に 1 万行くらい書くことだ(テキストの練習問題でも良い)。それくらい書けば、それなりに軌道にのると思う。

もしこの時点で失速してしまったら、習得をあきらめた方が良い。ゆっくりやっても習得できるのは、それなりにプログラミング経験があって、ポイントを熟知している人だけだよ。未経験者は、とにかく勢いのあるうちにジャンプしないと、墜落するだけだ。

プログラミングに向いてるか向いてないかは、離陸に成功してからの話だと思うけどね。離陸時点で墜落するのなら、その人にはプログラミングが必要なかったということだ。

8   名前: 匿名 : 2007/08/07(火) 07:26  ID:OntA.nNB sub-Ds
>>7
サルベージできました。今、チラッとみた感じではおっしゃるとおり誤解してました。悪しきサイトの影響でJavaScriptをとても狭い物と捕らえてました。考えていたより可能性のある言語なんですね。勝手に限界をきめてましたが、思ってた機能よりもっと多くを盛り込んだソフトができそうです。

最短のコードよりとりあえず実現させること。習熟が進めばおのずとスマートなソースが書けるようになると思います。ありがとうございました。

一覧へ戻る