2013-01-01から1年間の記事一覧
【今回の内容】 今回は、 ・プルダウンの動的生成 ・動的生成したプルダウンに属性・テキストを与える ・動的に生成したプルダウンで選択した情報をもとに リストを追加する というのをやります。 DOM、たくさん使います ざっくりいうと ・既存のプルダウ…
今回の記事は、 新人にオススメのリンク です。 年末にPC・スマホでブックマークにしていたものをまとめ、自分の立場(新人SE)として役に立ったまたはおもしろかったなと思ったものをまとめました。 ※本当はCSSでもうすこしかっこよくかつJSで動的…
【今回の内容】 掲題にあるように今回は、 きれいなJavascriptについて です。 この「きれいな」には様々な解釈があると思います。 ・ロジックがしっかりとしている ・形式がしっかりしている(コメント・変数の宣言位置) ・HTMLからしっかり外出しされ…
【本日の内容】 掲題ににあるように、今回は、 「JavaScriptから、XMLHttpRequestを使用して外部のXMLファイルを読み込む」 をやっていきたいと思います。 【テキストで読み込むこととの違い】 前回はテキストファイルを読み込むことを行いまし…
境内の通りです。 以前の記事にXMLについて以下のようニ表記を行いましたが、 <住所録> <氏名>田中一郎</氏名> <住所>千葉県</住所> </住所録> <住所録> <氏名>田中二郎</氏名> <住所>神奈川</住所> </住所録> <住所録> <氏名>田中三郎</氏名> <住所>栃木</住所> </住所録> 以下のように訂正します。住所録を囲むタグが必要でし…
【今回の内容】 今回は、前回から調べていたページ遷移なしで同一ページないの値をサーバとやり取りを行い、更新することを行ってみたいと思います。 具体的には、 「HTMLページに外部ファイルを読み込み、ページの一部を更新する」というの行ってみます。 …
【xmlとは】 xmlとは、汎用性の高いデータを長期的に保存することができる言語。 ※自分でデータ形式(要素タグなど)を作成できるが、 大文字・小文字・タグの入れ子の関係は厳格ニ規定する必要あり。 【xmlの特徴】(CSV形式やバイナリ形式との比…
【XMLHttpRequestによりできること】 「XMLHttpRequest」とはjavaScriptなどに書き込むことができ、 指定したURLと自由にHTTP通信を行えるもの。 Ajax関連の書籍を読むと必ずと言っていいほど出てくるもの。 →動的なページ生成をページ遷移せずに…
【今回やること】 今回も前回の続き。 前回の動的なリストに以下の点を追加します。 ・今回はユーザが選択するリストに<a href>を追加し、リンク設定を出来るようにする 【ノードの構造】 今回のノードの構造は以下のなっていると思います。 ※bodyのところでもっと枝</a>…
前回の動的なリストの追加に少し変更しました。 変更内容は、 「選択したリストにリストを追加していくという」 ものです。 最初からきめうちで追加するリストがあるのではなく、ユーザが選択したリストにリストを追加するというように変更しました。 【処理…
今日は、DOMを使って、動的にリストを生成します。 テーブルと同様でリストを動的に生成していきたいと思います。 うまく活用出来たら、これで自分だけのリンク集とか作れるんじゃないかなと思います。(生成したHTMLをどう保存するかは学習の必要が…
■CSSの存在意義 「目的」 以下の目的のため ・HTMLファイルの可読性をあげるため ・保守性のため。デザインの変更時、変更箇所をCSSファイルのみにする ■HTMLファイルの外部ファイルとしてCSSを利用する 「記述する個所」 <head>ここに以下のソー</head>…
今回は、イベントハンドラについて簡単なものを作ったので紹介します。 【イベントハンドラとは】 ページを閲覧していて、 ・プルダウンを選択したら、ページ繊維した ・文字や写真にマウスカーソルをあてたら、色が変わる写真が変わった ・ボタンをクリック…
今日はDOMについて。 【DOMとは】 DOMとは、「doccument object model」の略で、HTMLやXMLに含まれる要素にアクセスできる仕組みことだそうです。 【DOMでできること】 DOMを利用することによって、サーバサイドではなく、クライアント側で…
今回は、varの存在意義について。 当たり前ですが、「var」は変数の前につきますが、 ひとによってつけたり、つけなかったり まちまち そこにどんな意味があるのか?少し調べてみたので記載します。 varは通常このように書くと思います。 例)var i=0; ※ちな…
動的なテーブルシリーズです。 この前の記事の流れとして、動的にテーブルを生成して操作を行うという ことを紹介してきました。 グレープシティ社などからもエクセルライクをWebで実現するパッケージなどもでています。 参考URL:http://www.grapecity.c…
動的なテーブルシリーズです。 この前の記事の流れとして、 グレープシティ社などからもエクセルライクをWebで実現するスプレッドというパッケージなどもでているなどといったことを紹介しました。 参考URL:http://www.grapecity.com/tools/products/spr…
お客さんの業務から自分達の業務まで、テーブル構造で情報をまとめるということはよくあると思います。 グレープシティ社などからもエクセルライクをWebで実現するパッケージなどもでています。 参考URL:http://www.grapecity.com/tools/products/spread…
Javascriptって型に関してゆるすぎないか 他の言語を利用してきた人はそういった印象をもつのではないでしょうか? 経験の浅い自分も同じような印象を持ちました。 では、そもそもなぜ型が必要なのか? 型のゆるさによって、開発者にどのような影響があるの…
今回は、オブジェクトのプロパティを表示する部品の紹介。 〇〇な動きさせたいんだけどなー どこいじればいいかなー このオブジェクトってこういうメソッド又はプロパティ持ってたっけ?? っと、ググルことは、よくあること。 検索すればどのオブジェクトに…
今回は、プログラミングから少し距離を置き、日頃仕事を行っていて「なんだかなー」と思う事。特に頭のきれる優秀な上司に感じることを、優秀な人が陥りがちだと思う事として書きたい。 優秀な人が陥りがちで人への評価や過大な対処を招きかねないなと思う事…
今回は、HTML.Javascript.CSSをこれから学びたいという人向けに便利ツールを紹介します! 紹介するのは、CODEPREPという便利ツールである 参考:http://codeprep.jp/ja このツールは以下の点で非常に魅力的である。 1、一方的な情…
1、ドキュメント管理がずさん ・だれが書いたのか不明 ・どのバージョンが最新なのかわかりずらい 2、UI工程での顧客との合意が曖昧 ・IT(結合テスト)間際でも、仕様に関して顧客ともめている ・テスト項目や設計書に頻繁に訂正・修正がはいる 3、…
Webページを作成する際に、 ウィンドウのサイズでレイアウトが崩れるとか、崩れないとか、、 意外とウィンドウの大きさって重要であったりします。 この部品が即時的に役立つかはわかりませんが、動的にウィンドウの大きさがわかるシンプルなものを作りまし…
前回、作成したシンプルな正規表現の部品から、今回は条件分岐を取り入れてみました。 実際の業務では、以下のような入力チェックを行うのかなと思います。 1、違うファイルに各項目のIDと項目のあるべき属性をまとめて管理する 2、入力チェックを行う際は…
今回は、どんなシステムでも埋め込まれている入力チェックについての学習。 JSの正規表現学習メモです。 「処理の流れ」 1、テキストボックスのIDから値を取得 2、指定した正規表現で判定する ※返り値がNULL=一致しないという条件で判断しています こ…
まずは簡単な自己紹介 僕は、 ・文系私大卒 ・PG経験なし ・パソコンはネットサーフィンを行うものとして認識していたようなやつ である。 そんな僕は、SEとして中堅SI会社に就職を決めたピチピチ?の「社会人(無謀な)一年目である。 (なぜそんなやつがSE…