ＨＴＭＬ
【今回の紹介】 前回と同じく、友人と一緒と企んでいることに関連してCSSの技術が必要になったので もう一度入門から体系的に学ぼうとおもったのでそのメモ 参考(.インストール) 【内容】 ■ブロック要素とインライン要素 ブロック要素：前後に改行が入る イ…
【今回の紹介】 前回と同じく、友人と一緒と企んでいることに関連してCSSの技術が必要になったので もう一度入門から体系的に学ぼうとおもったのでそのメモ 参考(.インストール) 【内容】 ブロック要素周辺のCSSについていくつか学習した ①ブロック要素に対…
【今回の紹介】 前回と同じく、友人と一緒と企んでいることに関連してCSSの技術が必要になったので もう一度入門から体系的に学ぼうとおもったのでそのメモ 参考(.インストール) 【内容】 ■色の指定３パターン ①キーワード指定 登録されている代表的ない色を…
【今回の紹介】 友人と一緒と企んでいることに関連してCSSの技術が必要になったので もう一度入門から体系的に学ぼうとおもったのでそのメモ 参考(.インストール) ■セレクタの指定の仕方は３種類 ①要素指定 例）hi{} ②クラス指定 例）.hi{} ③ID指定 例）#hi{…
【今回の内容】 前回は、formで値を送受信する際、htmlの特殊文字や「'」「"」を無効化する方法を取り上げました。 【php入門②】formの値を安全にphpで取得する～XSS対策～ 以下の参考書を使用しながら、今回は、複数の値をformを使用しながら送受信するとい…
【今回の紹介】 前回に引き続き以下の本を参考にphpの基礎的な部分の学習を行います。 前回の内容：http://forse.hatenablog.com/entry/2014/03/20/230824 よくわかるPHPの教科書 【メモ】 ①phpのセキュリティについて（クロスサイトスクリプティング（ＸＳ…
【今回の紹介】 前回、完成したＷebtodoリストに少し変更を加えたのでそれを紹介します。 ちなみに、このＵＲＬにとべば実際にどんなものを作成したのかわかると思います。リンク：http://mokumoku.sub.jp/WebToDo.htm 【内容】 変更したのは以下の二点 ①リ…
【今回の紹介】 簡易なWebアプリを作ってみたいということから、Webtodoリストを作成しました。 その振り返りとメモを兼ねて紹介します。 【内容】 ■当初の目的 ①Webアプリ作成の全体像をつかむ ①-①汎用的な機能（登録・変更・削除・検索）を作成してみる ①-…
【今回の紹介】 前回まででmysqlをインストールし、ＤＢの接続を確認するこ とまで完了しました。 今後は、ＤＢを使用した以下の基本的な操作を行っていきたいと思います。・登録 ・検索 ・変更 ・削除 ちなみに今回は、登録処理です。 【処理の流れ】 ■登録…
【今回の内容】 今回はキャッシュについて考えてみたい 【前回までの流れ】 前回までで以下のようなデータの流れをつかむことができた。 ●入力→追加→保存→呼び出し→表示 しかし、前回記事にあげた動的要素の追加・保存・表示を行うプログラムの 動作確認を行…
【今回の紹介】 ずっとできなかったことができるようになりました。 掲題にある通り外部のファイルの読み込みと書き込みを行う事です。これができることにより具体的には、 javascriptで動的に追加したものが保存できます。 【処理の流れ（概要）】 ①追加ボ…
【今回の内容】 とても簡易な商品購入サイトができましたー。 ページ遷移する際のデータの受け渡しの感覚がつかめてきたような気がします。 最近、プログラミングが結構楽しい。 ・思ったようにプログラムが動く感じ ・想像したものが少しずつ出来ていく感じ…
【今回の内容】 前回から簡単な商品購入サイトを作るみたいな流れでやっています。 今回は、情報を入力する画面の作成します。 【やること】 １、PHPにJavascriptを埋め込む ２、クライアント側でプルダウン選択時に商品の金額をで自動計算 ３、クライアント…
【今回の内容】 ページ遷移をする中で、データを受け渡しができる セッション・クッキーというキーワードから 学習しました。 【補足】 「セッションとクッキーの関係」一度の通信で情報が消えてしますステートレスなＨＴＴＰ通信では、 ページ遷移をしなが…
【今回の紹介】 今回は、 以前作成したＷｅｂＴｏＤｏリストのログをとる と言う事をしたいと思います。 【ＨＴＴＰプロトコルとは】 ＨＴＴＰプロトコルは、Ｗｅｂでデータを交換する際に、用いているルールのことだそうです。 【ＨＴＴＰプロトコルの特徴…
【今回の紹介】 今回は、 WebTodoリストを作成します。 たいした理由はなくて、 会社の先輩がJavascript・ＤＯＭを勉強をする過程でWebTodoリストとかを作成し、自分で使いながら改造していた からです。笑 【ＷｅｂＴｏＤｏ】 目的：ＤＯＭの勉強 ・各ノー…
【今回の内容】 今回は、 ・プルダウンの動的生成 ・動的生成したプルダウンに属性・テキストを与える ・動的に生成したプルダウンで選択した情報をもとに リストを追加する というのをやります。 ＤＯＭ、たくさん使います ざっくりいうと ・既存のプルダウ…
今回の記事は、 新人にオススメのリンク です。 年末にＰＣ・スマホでブックマークにしていたものをまとめ、自分の立場（新人ＳＥ）として役に立ったまたはおもしろかったなと思ったものをまとめました。 ※本当はＣＳＳでもうすこしかっこよくかつＪＳで動的…
【今回の内容】 掲題にあるように今回は、 きれいなJavascriptについて です。 この「きれいな」には様々な解釈があると思います。 ・ロジックがしっかりとしている ・形式がしっかりしている（コメント・変数の宣言位置） ・ＨＴＭＬからしっかり外出しされ…
【本日の内容】 掲題ににあるように、今回は、 「ＪａｖａＳｃｒｉｐｔから、XMLHttpRequestを使用して外部のＸＭＬファイルを読み込む」 をやっていきたいと思います。 【テキストで読み込むこととの違い】 前回はテキストファイルを読み込むことを行いまし…
【ｘｍｌとは】 ｘｍｌとは、汎用性の高いデータを長期的に保存することができる言語。 ※自分でデータ形式（要素タグなど）を作成できるが、 大文字・小文字・タグの入れ子の関係は厳格ニ規定する必要あり。 【ｘｍｌの特徴】（CSV形式やバイナリ形式との比…
【XMLHttpRequestによりできること】 「XMLHttpRequest」とはjavaScriptなどに書き込むことができ、 指定したＵＲＬと自由にＨＴＴＰ通信を行えるもの。 Ａｊａｘ関連の書籍を読むと必ずと言っていいほど出てくるもの。 →動的なページ生成をページ遷移せずに…
【今回やること】 今回も前回の続き。 前回の動的なリストに以下の点を追加します。 ・今回はユーザが選択するリストに<a href>を追加し、リンク設定を出来るようにする 【ノードの構造】 今回のノードの構造は以下のなっていると思います。 ※bodyのところでもっと枝</a>…
今日は、ＤＯＭを使って、動的にリストを生成します。 テーブルと同様でリストを動的に生成していきたいと思います。 うまく活用出来たら、これで自分だけのリンク集とか作れるんじゃないかなと思います。（生成したＨＴＭＬをどう保存するかは学習の必要が…
■ＣＳＳの存在意義 「目的」 以下の目的のため ・ＨＴＭＬファイルの可読性をあげるため ・保守性のため。デザインの変更時、変更箇所をＣＳＳファイルのみにする ■ＨＴＭＬファイルの外部ファイルとしてＣＳＳを利用する 「記述する個所」 <head>ここに以下のソー</head>…
今回は、イベントハンドラについて簡単なものを作ったので紹介します。 【イベントハンドラとは】 ページを閲覧していて、 ・プルダウンを選択したら、ページ繊維した ・文字や写真にマウスカーソルをあてたら、色が変わる写真が変わった ・ボタンをクリック…
今日はDOMについて。 【ＤＯＭとは】 ＤＯＭとは、「doccument object model」の略で、ＨＴＭＬやＸＭＬに含まれる要素にアクセスできる仕組みことだそうです。 【ＤＯＭでできること】 DOMを利用することによって、サーバサイドではなく、クライアント側で…
今回は、ＨＴＭＬ.Ｊａｖａｓｃｒｉｐｔ.ＣＳＳをこれから学びたいという人向けに便利ツールを紹介します！ 紹介するのは、ＣＯＤＥＰＲＥＰという便利ツールである 参考：http://codeprep.jp/ja このツールは以下の点で非常に魅力的である。 １、一方的な情…
