自己学習
【今回の内容】 ページ遷移をする中で、データを受け渡しができる セッション・クッキーというキーワードから 学習しました。 【補足】 「セッションとクッキーの関係」一度の通信で情報が消えてしますステートレスなHTTP通信では、 ページ遷移をしなが…
【今回の内容】 前回に引き続き、Javascriptをかじった人の phpの学習メモの紹介という立ち位置で紹介していきます。 【今回の内容】1、配列の使用 2、連想配列の使用 3、関数の使用 4、参照渡しと値渡し 【補足】「連想配列」 要素が文字列になったイメ…
【今回の内容】 PHPの学習メモを紹介します。Javascriotを少しかじった 人目線でのメモになっています。 【学習内容】 1、formでの値の送信 リクエストのPOSTメソッド使用 2、変数の型を調べる 3、定数の宣言 【補足】 「変数の型は値を…
【今回の内容】 フォルダの整理を行っていて、出てきたものを あげてきます。 ソースをそのまま貼り付けていますので、読みにくいかもしれません。 こう書いた方がよいなどのご意見などがありましたら是非ください。 【ソース】 「ウィンドウのサイズを出力…
【今回の紹介】 今回は、 以前作成したWebToDoリストのログをとる と言う事をしたいと思います。 【HTTPプロトコルとは】 HTTPプロトコルは、Webでデータを交換する際に、用いているルールのことだそうです。 【HTTPプロトコルの特徴…
【今回の紹介】 今回は、 WebTodoリストを作成します。 たいした理由はなくて、 会社の先輩がJavascript・DOMを勉強をする過程でWebTodoリストとかを作成し、自分で使いながら改造していた からです。笑 【WebToDo】 目的:DOMの勉強 ・各ノー…
【今回の内容】 今回は、 ・プルダウンの動的生成 ・動的生成したプルダウンに属性・テキストを与える ・動的に生成したプルダウンで選択した情報をもとに リストを追加する というのをやります。 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>…
■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…
Javascriptって型に関してゆるすぎないか 他の言語を利用してきた人はそういった印象をもつのではないでしょうか? 経験の浅い自分も同じような印象を持ちました。 では、そもそもなぜ型が必要なのか? 型のゆるさによって、開発者にどのような影響があるの…
今回は、オブジェクトのプロパティを表示する部品の紹介。 〇〇な動きさせたいんだけどなー どこいじればいいかなー このオブジェクトってこういうメソッド又はプロパティ持ってたっけ?? っと、ググルことは、よくあること。 検索すればどのオブジェクトに…
Webページを作成する際に、 ウィンドウのサイズでレイアウトが崩れるとか、崩れないとか、、 意外とウィンドウの大きさって重要であったりします。 この部品が即時的に役立つかはわかりませんが、動的にウィンドウの大きさがわかるシンプルなものを作りまし…
前回、作成したシンプルな正規表現の部品から、今回は条件分岐を取り入れてみました。 実際の業務では、以下のような入力チェックを行うのかなと思います。 1、違うファイルに各項目のIDと項目のあるべき属性をまとめて管理する 2、入力チェックを行う際は…
今回は、どんなシステムでも埋め込まれている入力チェックについての学習。 JSの正規表現学習メモです。 「処理の流れ」 1、テキストボックスのIDから値を取得 2、指定した正規表現で判定する ※返り値がNULL=一致しないという条件で判断しています こ…