2013-12-01から1ヶ月間の記事一覧
【今回の内容】 今回は、 ・プルダウンの動的生成 ・動的生成したプルダウンに属性・テキストを与える ・動的に生成したプルダウンで選択した情報をもとに リストを追加する というのをやります。 ＤＯＭ、たくさん使います ざっくりいうと ・既存のプルダウ…
今回の記事は、 新人にオススメのリンク です。 年末にＰＣ・スマホでブックマークにしていたものをまとめ、自分の立場（新人ＳＥ）として役に立ったまたはおもしろかったなと思ったものをまとめました。 ※本当はＣＳＳでもうすこしかっこよくかつＪＳで動的…
【今回の内容】 掲題にあるように今回は、 きれいなJavascriptについて です。 この「きれいな」には様々な解釈があると思います。 ・ロジックがしっかりとしている ・形式がしっかりしている（コメント・変数の宣言位置） ・ＨＴＭＬからしっかり外出しされ…
【本日の内容】 掲題ににあるように、今回は、 「ＪａｖａＳｃｒｉｐｔから、XMLHttpRequestを使用して外部のＸＭＬファイルを読み込む」 をやっていきたいと思います。 【テキストで読み込むこととの違い】 前回はテキストファイルを読み込むことを行いまし…
境内の通りです。 以前の記事にＸＭＬについて以下のようニ表記を行いましたが、 <住所録> <氏名>田中一郎</氏名> <住所>千葉県</住所> </住所録> <住所録> <氏名>田中二郎</氏名> <住所>神奈川</住所> </住所録> <住所録> <氏名>田中三郎</氏名> <住所>栃木</住所> </住所録> 以下のように訂正します。住所録を囲むタグが必要でし…
【今回の内容】 今回は、前回から調べていたページ遷移なしで同一ページないの値をサーバとやり取りを行い、更新することを行ってみたいと思います。 具体的には、 「HTMLページに外部ファイルを読み込み、ページの一部を更新する」というの行ってみます。 …
【ｘｍｌとは】 ｘｍｌとは、汎用性の高いデータを長期的に保存することができる言語。 ※自分でデータ形式（要素タグなど）を作成できるが、 大文字・小文字・タグの入れ子の関係は厳格ニ規定する必要あり。 【ｘｍｌの特徴】（CSV形式やバイナリ形式との比…
【XMLHttpRequestによりできること】 「XMLHttpRequest」とはjavaScriptなどに書き込むことができ、 指定したＵＲＬと自由にＨＴＴＰ通信を行えるもの。 Ａｊａｘ関連の書籍を読むと必ずと言っていいほど出てくるもの。 →動的なページ生成をページ遷移せずに…
【今回やること】 今回も前回の続き。 前回の動的なリストに以下の点を追加します。 ・今回はユーザが選択するリストに<a href>を追加し、リンク設定を出来るようにする 【ノードの構造】 今回のノードの構造は以下のなっていると思います。 ※bodyのところでもっと枝</a>…
前回の動的なリストの追加に少し変更しました。 変更内容は、 「選択したリストにリストを追加していくという」 ものです。 最初からきめうちで追加するリストがあるのではなく、ユーザが選択したリストにリストを追加するというように変更しました。 【処理…
今日は、ＤＯＭを使って、動的にリストを生成します。 テーブルと同様でリストを動的に生成していきたいと思います。 うまく活用出来たら、これで自分だけのリンク集とか作れるんじゃないかなと思います。（生成したＨＴＭＬをどう保存するかは学習の必要が…
■ＣＳＳの存在意義 「目的」 以下の目的のため ・ＨＴＭＬファイルの可読性をあげるため ・保守性のため。デザインの変更時、変更箇所をＣＳＳファイルのみにする ■ＨＴＭＬファイルの外部ファイルとしてＣＳＳを利用する 「記述する個所」 <head>ここに以下のソー</head>…
今回は、イベントハンドラについて簡単なものを作ったので紹介します。 【イベントハンドラとは】 ページを閲覧していて、 ・プルダウンを選択したら、ページ繊維した ・文字や写真にマウスカーソルをあてたら、色が変わる写真が変わった ・ボタンをクリック…
今日はDOMについて。 【ＤＯＭとは】 ＤＯＭとは、「doccument object model」の略で、ＨＴＭＬやＸＭＬに含まれる要素にアクセスできる仕組みことだそうです。 【ＤＯＭでできること】 DOMを利用することによって、サーバサイドではなく、クライアント側で…
今回は、varの存在意義について。 当たり前ですが、「var」は変数の前につきますが、 ひとによってつけたり、つけなかったり まちまち そこにどんな意味があるのか？少し調べてみたので記載します。 varは通常このように書くと思います。 例）var i=0; ※ちな…
動的なテーブルシリーズです。 この前の記事の流れとして、動的にテーブルを生成して操作を行うという ことを紹介してきました。 グレープシティ社などからもエクセルライクをWebで実現するパッケージなどもでています。 参考ＵＲＬ：http://www.grapecity.c…
動的なテーブルシリーズです。 この前の記事の流れとして、 グレープシティ社などからもエクセルライクをWebで実現するスプレッドというパッケージなどもでているなどといったことを紹介しました。 参考ＵＲＬ：http://www.grapecity.com/tools/products/spr…
お客さんの業務から自分達の業務まで、テーブル構造で情報をまとめるということはよくあると思います。 グレープシティ社などからもエクセルライクをWebで実現するパッケージなどもでています。 参考ＵＲＬ：http://www.grapecity.com/tools/products/spread…
Javascriptって型に関してゆるすぎないか 他の言語を利用してきた人はそういった印象をもつのではないでしょうか？ 経験の浅い自分も同じような印象を持ちました。 では、そもそもなぜ型が必要なのか？ 型のゆるさによって、開発者にどのような影響があるの…
