プログラミング
【今回の紹介】 ずっとできなかったことができるようになりました。 掲題にある通り外部のファイルの読み込みと書き込みを行う事です。これができることにより具体的には、 javascriptで動的に追加したものが保存できます。 【処理の流れ(概要)】 ①追加ボ…
【今回の内容】 とても簡易な商品購入サイトができましたー。 ページ遷移する際のデータの受け渡しの感覚がつかめてきたような気がします。 最近、プログラミングが結構楽しい。 ・思ったようにプログラムが動く感じ ・想像したものが少しずつ出来ていく感じ…
【今回の内容】 前回から簡単な商品購入サイトを作るみたいな流れでやっています。 今回は、情報を入力する画面の作成します。 【やること】 1、PHPにJavascriptを埋め込む 2、クライアント側でプルダウン選択時に商品の金額をで自動計算 3、クライアント…
【今回の内容】 ここから何回か、本当に簡易な商品購入サイトを作成しようと思います。 理由:ページ遷移をしながら、データを保持するという流れを実感するため。 ということで、ますはログイン機能からやってみたいと思います。 ※ちなみに、最初に簡易な商…
【今回の内容】 ページ遷移をする中で、データを受け渡しができる セッション・クッキーというキーワードから 学習しました。 【補足】 「セッションとクッキーの関係」一度の通信で情報が消えてしますステートレスな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>…
今日は、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、一方的な情…