新卒から文系エンジニア→人材業界に転職した人のブログ

新卒から文系エンジニア→人材業界に転職。技術・スキルがないためブログを通して勉強。その後、IT業界の業界知識が活かせる人材業界へ。異業種×異職種の転職経験有り。

このエントリーをはてなブックマークに追加

Ajax

【Ajax・DOM】配下のliノードを全て削除し、DBを更新する

【今回の紹介】 DOMを使用し、対象の全ての配下ノードを削除し、DBへの更新処理を行う ということを紹介します。より具体的には、ulタグ配下の指定のリストを全て削除するという処理です。 ※先日作ったWebtodoリストの機能を一部実装したものを 少し整…

【Ajax・php・javascript】インクリメント検索を実装する

【今回の内容】 インクリメント検索の実装したので、その紹介ををしまーす 内容としては、テキストボックスへの入力一文字ごとに DBにある値に対し、検索を実行し、その結果を表示するというもの。 処理の内容としては、 一文字ごとに検索文字を提案してく…

【Ajax】Ajaxとは ~Ajax入門~

【今回の紹介】 Ajaxを使用しながら、いくつかサンプルを作ってきましたが、いったんもういちどAjaxの特徴とかメリットとかをまとめましたので紹介しまーーす。 【内容】 ■Ajaxとは Ajaxとは、Asynchronous JavaScript + XML」の略称で、javascript…

【php・Ajax・mysql】Webtodoリスト~カーソルをポインタに変更とwindow.onloadの変更~

【今回の紹介】 前回、完成したWebtodoリストに少し変更を加えたのでそれを紹介します。 ちなみに、このURLにとべば実際にどんなものを作成したのかわかると思います。リンク:http://mokumoku.sub.jp/WebToDo.htm 【内容】 変更したのは以下の二点 ①リ…

【php・Ajax・mysql】Webtodoリスト完成~はじめてjs・php・Ajax・mysqlを連携させ、わかったこと・わからなかったこと~

【今回の紹介】 簡易なWebアプリを作ってみたいということから、Webtodoリストを作成しました。 その振り返りとメモを兼ねて紹介します。 【内容】 ■当初の目的 ①Webアプリ作成の全体像をつかむ ①-①汎用的な機能(登録・変更・削除・検索)を作成してみる ①-…

【Ajax・xml・php】プルダウン選択時にMysqlの値を取得し、画面上に表示する

【今回の紹介】 今回は、 タイトルにある通りプルダウン選択時にMysqlの値を取得し、画面上に表示するをやります 流れとしては、 ①Ajax使用時の値の取得方法まとめ②処理の流れ③参考ソースなかんじで紹介していきます。 【内容】 ①Ajax使用時の値の取得方法…

【Javascript・php・xmlhttprequest・ajax】外部ファイル(text)に書き込む&読み込む(おまけ)~キャッシュについて~

【今回の内容】 今回はキャッシュについて考えてみたい 【前回までの流れ】 前回までで以下のようなデータの流れをつかむことができた。 ●入力→追加→保存→呼び出し→表示 しかし、前回記事にあげた動的要素の追加・保存・表示を行うプログラムの 動作確認を行…

【Javascript・php・xmlhttprequest・ajax】外部ファイル(text)に書き込む&読み込む

【今回の紹介】 ずっとできなかったことができるようになりました。 掲題にある通り外部のファイルの読み込みと書き込みを行う事です。これができることにより具体的には、 javascriptで動的に追加したものが保存できます。 【処理の流れ(概要)】 ①追加ボ…

【Javascript・Ajax・PHP】ページ遷移を行わず、テキストファイルに入力データのログを出力するサンプル

【今回の紹介】 今回は、 以前作成したWebToDoリストのログをとる と言う事をしたいと思います。 【HTTPプロトコルとは】 HTTPプロトコルは、Webでデータを交換する際に、用いているルールのことだそうです。 【HTTPプロトコルの特徴…

【JavaScript・Ajax・XML】JavaScriptから、XMLHttpRequestを使用して外部のXMLファイルを読み込む

【本日の内容】 掲題ににあるように、今回は、 「JavaScriptから、XMLHttpRequestを使用して外部のXMLファイルを読み込む」 をやっていきたいと思います。 【テキストで読み込むこととの違い】 前回はテキストファイルを読み込むことを行いまし…

【JavaScript】外部のテキストファイルをページ遷移なしで読み込む

【今回の内容】 今回は、前回から調べていたページ遷移なしで同一ページないの値をサーバとやり取りを行い、更新することを行ってみたいと思います。 具体的には、 「HTMLページに外部ファイルを読み込み、ページの一部を更新する」というの行ってみます。 …

.hatena-module:nth-of-type(10) { background: transparent; } .hatena-module:nth-of-type(10) .hatena-module-title{ display: none; } .hatena-module:nth-of-type(10) .hatena-module-body { padding: 0; }