JSPT
[1日目]私のJavaScriptに対するイメージ
- 2008-04-05 (土)
- トレーニング
JavaScriptと言えば、以下のことを思い浮かべます。
用語が並ぶと？？？と頭がパニックになりますが、これらは学んでいくうちにだんだんと理解できるようになる（予定な）ので、ざっくりとだけ。
スクリプト言語
スクリプト言語（-げんご、scripting language）とは、アプリケーションソフトウェアやソフトウェアツールの動作内容を、台本（Script）のように記述するための、簡易的なプログラミング言語の総称である。
プログラミング言語の中でも簡易的なものをさすようです。が、別にJavaScriptが簡単だと思っちゃうと後で痛い目に遭う。台本（Script）のように記述するっていうのがよくわからない。きっとプログラミングしていくうちにわかるようになるはず＞＜
インタプリタ方式
インタプリタ（interpreter）とは、プログラミング言語で書かれたソースコードを逐次解釈しながら実行するソフトウェアである。プログラムの実行に主としてインタプリタが用いられるプログラミング言語をインタプリタ言語と呼ぶ。
普段人が書いているコードは人にわかりやすく書いているだけであって、コンピュータはそのままでは解読できない。よって一度コンピュータが解釈（翻訳）する手間がいる。
Javaとかだったらコードをコンパイルしてコンピュータが解釈できる形にしたもの（classファイルとか）サーバにアップするのだけど、JavaScriptは逐次コンピュータが解釈しながら実行しているという感じなのかな？
そのため、コンパイルよりもインタプリタのほうが解釈する手間分時間がかかるようですが、どのくらい違いがあるのかは実行内容などにもよるようです。
クライアントサイドスクリプト
クライアントサイド（client side）とは、コンピュータネットワーキングにおいて、クライアントサーバ関係におけるクライアントによって実行される操作・処理のことを指す。
クライアントとはこの場合ブラウザを指します。ブラウザによってコードが実行されるので、閲覧しているブラウザの種類によって実行結果が違ったりうまく実行できなかったりします。要は、Javascriptはブラウザ依存があるってことですね。
オブジェクト指向
オブジェクト指向（オブジェクトしこう）とは、オブジェクト同士の相互作用としてシステムの振る舞いをとらえる考え方である。
正直、オブジェクト指向とは何か？を理解できるのは結構難しいかもしれません。私も少しJavaをしたことがあるのですが、人のコードをいじくりまわしていてようやく「こういうことがオブジェクト指向なのね！」と感じる瞬間があったくらいですし。
オブジェクト指向って、プログラミングの設計方法みたいなものなのですよね。大掛かりなシステム設計などしたときに、Javaだったらカプセル化とか継承などの概念がすごく重要になってくるようなのですが、Javascriptでのオブジェクト指向に関しては全くよくわかりませんので、これから勉強していきたいと思います。
Javascriptにおけるオブジェクト指向を理解するために、このあたりのサイトを読んでみたい。
- JavaScriptによるオブジェクト指向プログラミング
- オブジェクト指向プログラム言語としてのJavaScript
- Part2 JavaScript流オブジェクト指向プログラミング：ITpro
- プロトタイプ（prototype）によるJavaScriptのオブジェクト指向：CodeZine
- JavaScript によるオブジェクト指向プログラミング
- ＠もぐりん JavaScript->オブジェクト指向
Javascript オブジェクト指向でググったらたくさんわかりやすい説明をしているサイトを発見できます。
- Comments: 0
- Trackbacks: 0
JavaScript関連ライブラリ一覧
- 2008-03-31 (月)
- ブックマーク
JavaScript関連のライブラリが一覧にまとまっていて便利です。
- Comments: 0
- Trackbacks: 0
ニュースティッカー
- 2008-03-31 (月)
- ブックマーク
テキスト（正確にはリスト形式のもの）をマーキーみたいに横にスクロールさせるｊQueryです。あまりにもスクロール速度を上げると見ているだけで気持ち悪くなるので注意です。デモは以下サイト内にあります。
- Comments: 0
- Trackbacks: 0
サブタグクラウドを表示できるおしゃれなタグクラウド
- 2008-03-31 (月)
- ブックマーク
タグクラウドにカーソルを合わせると、さらにタグクラウドを表示してくれます。jQueryで動作します。デモはこちらから。
- Comments: 0
- Trackbacks: 0
動的な表とグラフ
- 2008-03-31 (月)
- ブックマーク
表の値を変更すると、グラフも一緒に変更してくれるｊQueryです。デモはこちらから。また、円グラフだけでなく折れ線グラフや棒グラフも作成できるようです。
Creating accessible charts using canvas and jQuery | Filament Group, Inc.
- Comments: 0
- Trackbacks: 0
Flickrライクなスライドショー
- 2008-03-31 (月)
- ブックマーク
prototypeを使用して、Flickrのようなスライドショーを作成できるようです。詳細は以下のサイトから。
woork: Simple images slider to create Flickr-like slideshows
- Comments: 0
- Trackbacks: 0
hamashunさんのサイ本読書記
- 2008-03-31 (月)
- ブックマーク
hamashunさんがサイ本読書記を書かれていました！時間をかけて読みたいです。
- サイ本読書記 １章 JavaScriptの概要 ～用語まとめ～ - hamashun.hatena
- サイ本読書記 １章 JavaScriptの概要 ～読書メモ～ - hamashun.hatena
- サイ本読書記 2章 字句構造 - hamashun.hatena
- サイ本読書記 3章 データ型と値 - hamashun.hatena
- サイ本読書記 4章 変数 - hamashun.hatena
- サイ本読書記 5章 式と演算子 - hamashun.hatena
- サイ本読書記 6章 文 - hamashun.hatena
- サイ本読書記 7章 オブジェクトと配列 - hamashun.hatena
- サイ本読書記 8章 関数 - hamashun.hatena
- Comments: 0
- Trackbacks: 0
[0日目]意気込み表明
- 2008-03-30 (日)
- トレーニング
こんばんは。CoolWebWindowのvanillaです。
以前からやってみたいと言っていたプログラミングblogですが、ようやく公開することとなりました。
勉強するプログラム言語ですが、PHPとJavascript、どちらにするか決めかねていたのですが、以下の点からJavascriptを勉強することにしました。正確にはJavascriptはプログラミング言語ではないのですがね。
- １．環境設定の易しさを考慮して
- PHPを動作させようと思ったら、環境構築が面倒だし、サーバ立てるのもね私ひとりの力では無理だったので。その点、Javascriptはブラウザとテキストエディタがあればよいので、環境設定をする必要がなくラクだったため。
- ２．デザインをよりリッチにする技術を取得したいから
- ホームページ作成において、別に自分でフォームを作ったりCMSを構築したいとかは思わないから。それよりも、CSSではできなかったり複雑になってしまうことを簡単にできるようになりたいです。
- ３．ライブラリを使えるようになりたい
- 特にPrototypeよりもｊQueryを勉強したいです（気分的に）。最終的には、ライブラリを使用してJavascriptが書けるといいな。
- ４．Ajaxがしたい
- 例えば、GoogleMapがAjax技術を利用しているとかはわかるのだけど、マクロな目でみて、今までのJavascriptとは何か違うのか理解したい。
- ５．amachangさんが何を話しているか理解したい
- amachangさんのblogはいつも楽しく読ませていただいているのですが、Javascriptの話題になると途端についていけなくなります＞＜もっと楽しくamachangさんのblogが読みたいですｗ
一方で、Javascriptはクライアントサイドに依存するため、OFFられてたら意味ないからなあと敬遠していましたが、「デザインをよりリッチにする」という目的であるならば、OFFにしてデザイン的に劣ってもwebサイトとしてはなりたつし、別にいいんじゃないかなぁと思ったり思わなかったりで。
師匠は誰か？
最近のこういう流行のプログラミングblogには必ず師匠がいるようですが、私は周りにそういう人がいないし（いや、いるのはいるのですが身内はお互い非常に嫌な気持ちになるだけなので）、師匠は本とwebサイトです。
現在の私の師匠はこちらです。
Amazonおすすめ度：
本当はサイ本を購入しようとしていたのですが、参考書を買うにあたり夫に相談したら「お前には難しくて無理だから、入門書にしろ。」と言われてしまいました＞＜入門的サイ本でもよかったかもしれませんが。
Amazonおすすめ度：
blogの更新頻度について
勉強のほうは時間が空いたときにしようと思いますが、blogの更新頻度としては、週一くらいを目指しています。が、もっとスパンが空くかもしれません＞＜とりあえず三日坊主にならないようにしたいです。
その他の目的
あと、このblogはJavascripを勉強する他に、WordPressを勉強するという目的もあります。これまでWordPressでサイト構築をしたことがなかったものですから。あとデザインはできるだけ自分で作らず、人が作ったのをガシガシ使っていきたいです。ホームページ用のデザインテンプレート配布をしているwebサイトではそうはいきませんからね。
そんなこんなでどうぞ宜しくお願いします。
- Comments: 0
- Trackbacks: 0
- Search
- Feeds
- Meta