nicepaper @ ウィキ

nicepaper @ ウィキ内検索 / 「PDOとajaxでリアルタイム検索機能を作る～ajax入門1～」で検索した結果

• PDOとajaxでリアルタイム検索機能を作る～ajax入門1～
  https //www.ibm.com/developerworks/jp/opensource/library/os-php-jquery-ajax/ここの記事はmysql_real_escape_stringを使った書き方をしているので、PDOバージョンで書いてみます。まだ完璧なものではないので、流れだけ解釈してもらえればと思います。10月4日記事 目次 ajaxとは サンプルコード（英単語を検索する仕組み） table作成 データ登録 index.php post.php まとめ ajaxとは IT用語辞典によれば Ajaxとは、Webブラウザに実装されているJavaScriptのHTTP通信機能を使って、Webページのリロードを伴わずにサーバとX...
• PHP
  ...ラー処理～ PDOとajaxでリアルタイム検索機能を作る～ajax入門1～ 文字列のエスケープ処理 PHPでCookieの発行1 PHPでajax通信入門1 ちょっとした掲示板 require文 クッキーの基本 正規表現で郵便番号、電話番号、メールアドレスをチェックする セッションについて オブジェクト指向でPHP PHPでオブジェクト指向入門1～クラスの定義～ PHPでオブジェクト指向入門2～プロパティ～ PHPでオブジェクト指向入門3～メソッド～ PHPでオブジェクト指向入門4～コンストラクタ～ PHPでオブジェクト指向入門5～デストラクタ～ PHPでオブジェクト指向入門6～静的メソッド～ PHPでオブジェクト指向入門7～静...
• PHPでajax通信入門1
  PHPでajax通信するための基本の流れについて説明していきます。10月20日記事 目次 順序 コード index.php ajax.php まとめ 順序 jQueryを読み込む フォームでidを指定する。(name属性は記述しない） 実行したときのidも記述し、それをscriptコードを書いていく。 ajaxメソッドを使って記述する。 記述する方法はurl,type,dataType,dataを記述 dataのところにname属性の名前とそのデータのvalueを記述する。 成功したときと失敗したときの対応を記述 コード index.php !DOCTYPE HTML html hea...
• 再編集ボタンからきた編集ページを作る
  前記事、PHPとMySQLを使って更新情報の再編集ページを作るの続きです。 今度は編集ボタンを押した際に、データベースから記事を読み込み編集できるよう設置していきます。8月6日記事 目次 データベースから取得した内容をvalueなどに埋め込む コード まとめ データベースから取得した内容をvalueなどに埋め込む データベースから取得した値をvalueに埋め込んだり、if文を用いて、selectタグのselectedを追加したりを実装していきます。 また、再びjQueryを読み込ませて、再選択をできるような状況にしておきます。 コード ?php require( config.php ); $dsn = mysql dbname= .DB_NAME. ;host= .DB_HOS...
• jQueryで日付入力フォームを作る
  jQueryで当日がセレクトされている状態の日付フォームを作っていきたいと思います。6月2日記事 HTMLでセレクトボックスのプルダウンメニューを書くことはできるのですが、今日の日付の部分があらかじめセレクトされているような状況だと、やはりjQueryやphpなどのプログラムを使わなければなりません。。。。うむ・・・HTMLでもできればいいのに・・・と思ったりしますが、ダメなようです。jQueryで書いていきます。 目次 jQueryとCSSの読み込み HTML記述 結果 jQueryとCSSの読み込み jQueryとCSSはダウンロードしてもよいのですが、Googleから読み込みます。 http //jqueryui.com/datepicker/にサンプルソースコードが乗っかってるので、それを...
• jQueryとCSSでメニューなどのスクロールしたらついてくるエリアを作る2
  前回記事CSSでメニューなどのスクロールしたらついてくるエリアを作る1では一番上にある部分をスクロールしてもついてくる状態にしました。 今度は途中にあるメニュー部分などをスクロールしてもついてくる方法について考えていきたいと思います。12月3日記事 イメージ スクロールする前スクロールしてnav部分をすぎると？こんな感じでナビ部分だけが残る 目次 コード まとめ コード HTML !DOCTYPE HTML html head meta charset="utf-8" link rel="stylesheet" type="text/css" href="reset.css" link rel=&...
• PDOの利用
  SQLインジェクション対策を兼ねたデータベースの使い方を記述します。 主にはPDOを使った方法を記載していきます。ここでは例としてMySQL(UTF-8)を使います。 また、この資料を記述していくにあたり、 DBの場所はlocalhost、ポート番号は3306、データベース名はDBname、ユーザ名はDBuser、パスワードはDBpasswordというものにします。 各自がご利用になるときは適宜置き換えてください。 目次 PDOとは 自分のサーバでPDOは使えるのか？ PDOでデータベース接続 PDOとは PDOとは、PHP Data Objectsの略で、phpでデータベースとやりとりする際に利用するメソッドです。 今まではphpでmysql_connect()と接続していましたが、これではMySQLしか利用でき...
• カレンダーから日付を入力する方法
  フォームを作る際に日付をカレンダーから選ぶことが出来れば便利ですね。 今回はjQueryを利用してカレンダーから日付を選択出来るようにしたいと思います。 jQueryを導入する まずはjQueryを使えるようにします。 今回は最も簡単な方法を使います。 htmlのhead内に以下のコードを記述します。 script src="https //ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" /script これでファイルを置かなくてもjQueryを利用する事が可能になりました。 jQuery UIを導入する 上と同じ要領で、head内に以下の記述をしてみます。 script src="http //ajax.googleapis....
• phpでMySQLへフォームを使って挿入
  前回記事MySQLでテーブル作成2ではフィールドの挿入等の確認をしました。次にPHP側でコードを書いてデータベースへ挿入です。色々とセキュリティに関する事項がでてくるので、執筆が長くなるかもしれませんが、ご了承ください。6月2日記事 目次 掟 ユーザが入力したJavaScriptを実行させないhtmlspecialchars関数 MySQLへデータを正確に処理させ、データベースの内容を改ざん削除させないSQLインジェクション対策 PDOの利用 フォームを作ってみる 確認ページ 完了ページ 現在の風潮 感想 掟 phpでMySQLとの連携プログラムを書く際に、注意しなければならない点がいくつかあります。その中で、2つに絞ってまずは話していきたいと思います。非常に最初は混同し...
• 付箋のようにクリックORタップしたら透過する仕組みを作る2
  前回記事付箋のようにマウスを載せたら剥がされる仕組みを作る1ではCSSのみで実装していましたが、今回はjQueryも使って実装していきます。11月13日記事 イメージ クリックする前クリックした後 目次 概要 コード まとめ 概要 今度はjQueryのclickイベントを使って行っていきます。 コード HTML !DOCTYPE HTML html head meta charset="utf-8" link rel="stylesheet" type="text/css" href="reset.css" link rel="stylesheet&qu...
• Webページ制作に使える便利グッズ
  このページではwebページ制作時に利用できる便利なツールについて少しずつ紹介していきたいと思います。 目次 タグ入れ子ルール ピクセル定規 0 to 255 マウスが指している部分の色を確認する事ができるアプリ 角丸ボタンを自由に作成できるサイト ちょっとした時間短縮(？)に使えるかも知れないです。 ベンダープレフィックス対応状況サイト ajaxローディングマークgenerator font-awesome PHPでよく使う関数まとめ 記事 タグ入れ子ルール http //matome.naver.jp/odai/2137515842633207101 ピクセル定規 その名の通りパソコンの画面上に表示させて、ピクセルを測る定規として使うことがで...
• JavaScript入門1
  記事を読む対象者は他の言語は多少書けるようになったものの、Javascriptが必要になったという方を対象としています。 jQueryを使う場合に関しても、Javascriptの構文自体の利用は多少必要になってくる場合があります。そんな中で、知らなければならないことを考えていきます。10月21日記事 目次 Javascriptを学習の際にやること。 宣言 開始と終了 外部ファイルを読み込む場合 変数の定義 console.logの利用 コード まとめ Javascriptを学習の際にやること。 プログラム言語（PHPやC言語等）習得でまず、重要なのはprintf,print,echoといった関数を使いながら途中で値を再確認することです。 Javascript...
• jQueryでWEBページ全体をフェードインさせる。
  前回記事CSS3で画像をフェードインさせたりする。のことをjQueryで作ってみる。6月10日記事 イメージとしてはこんな感じです。 1（こんな感じから） 2（こんな感じになっていく。） 目次 jQueryの読み込み サンプルとして、まずは作ってみる 色々と試してみる ページ全体 jQueryの読み込み コードの head /head タグ内に script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js" /script を記述。googleのCDN使いましょう。 サンプルとして、まずは作ってみる HTM...
• JavaScriptについて
  このページではJavaScript（主にJquery）の使い方について説明していきます。 JavaScript入門 jQueryの読み込み jQueryを学ぶ1 jQueryを学ぶ2 jQueryを学ぶ3 jQueryを学ぶ4 jQueryで日付入力フォームを作る jQueryで複数の画像を切り替える jQueryでWEBページ全体をフェードインさせる。 jQueryで画像のスライドショーを実装する jQueryでタブコンテンツを作ってみる。 jQueryですべて表示（全部表示）と個別表示のタブ的なメニューを作る jQuery3.0登場 jQueryとCSSで上へ戻るボタンを作る jQueryで横並びメニューのドロップダウン型メニューを作る ...
• jQueryの読み込み
  WEB閲覧時に、画像が切り替わったり、マウスを載せるとウインドウがでてきたり、と様々な表現ができるjQuery。今回はそのjQueryについてまとめていきます。2015年5月27日記事 目次 jQueryのダウンロード Version１とVersion２の違い HTMLのheadに記述 記述方法 読み込み（設置方法） 何かテストしてみる。 コード 結果 まとめ jQueryのダウンロード 本家サイトよりダウンロードしてください。minのタイプがオススメです。 バージョンがころころ変わりますので、マウスを載せるとファイル名が表示されるので1.XX.X.min.jsか2.XX.X.min.jsというファイルをダウンロードするようにしてください。 ...
• jQueryを使って、windowの横幅サイズに応じてタグを追加したり内容を変更したりする。
  ウインドウの幅に応じてタグを追加したり内容を変更したりする方法について考えていきます。12月10日記事 目次 横幅で表示内容を変えたい 参考になりそうなnicepaper記事 ウインドウの幅を取得 コード 解説 横幅で表示内容を変えたい PC画面ではたくさんの情報を表示したいのに対し、スマートフォンではそんなに情報を表示したくない時があります。 そんなとき、状況応じて色々と処理を変えていく場合を考えていきます。 参考になりそうなnicepaper記事 HTMLタグをデバイスごとに、javascriptとjQueryで振り分け jQueryとCSSでメニューなどのスクロールしたらついてくるエリアを作る2 ウインドウの幅を取得 ウイン...
• jQueryを学ぶ1
  Photoshopの記事を書こうとしたのですが、編集後の画像があまりかっこよくなかったので少し後回しにし、jQueryについて執筆していきたいと思います。前回記事jQueryの読み込みからさらに進めていきたいと思います。読む人の対象は HTML+CSSがある程度わかっており、WEB上にあるjQueryのサンプルコードをいじって設定してみたものの、もう少し深く知りたいや、自分で実装してみたいという方向け です。7月11日記事 目次 jQueryを学ぶ手順 jQueryでCSS記述をしてみる jQueryを実行させる環境を整備する。 jQueryを呼び出す基本構文を作成する jQueryでCSSのなにか記述をしてみる。 pを赤字 #mainの中のpを赤字 まとめ jQuer...
• HTMLタグをデバイスごとに、javascriptとjQueryで振り分け
  MediaクエリでブラウザごとにCSSでデザインを変更することはできるが、HTMLのタグの構造自体をデバイス毎に分けたい場合があります。 グローバルメニューなど、ブラウザとスマートフォンでHTMLの構造を変更したいという場合について考えていきます。10月12日記事 目次 振り分けしたいタグは全部js部分に記述 HTMLタグ Javascript及び、jQueryのコード iPhone,iPad,Android,PCの4つに分ける。 （iPhone,iPad,Android）と（PC）の2つに分ける。 まとめ 振り分けしたいタグは全部js部分に記述 全部同じブラウザで表示したい部分に関しては、そのままでいいですが、振り分けたい場合は div id="deviceAr...
• PHPとMySQLでエンドユーザが見る更新情報一覧のページング機能を作る
  今回は更新一覧ページのリンクを押したら、更新一覧ページが表示され、さらに過去の記事等を見ることができるページング機能を作っていきたいと思います。7月20日記事 ※このページで作られるリンクから個別内容をページに表示させるプログラムは、PHPでPDOを使ってMySQLから1件だけフィールドを取得したい場合を参照してください。 イメージ 目次 設計思想 コード まとめ 設計思想 テーブルにはid,title,info_date,・・・,statusというカラムがあり、その中で、公開日(info_date)が今日以下のものかつ、statusが公開中のもの（今回の場合は2と例にとる）を取得し、5件ずつ表示させていくプログラムを作っていきます。 また、セキュリティ対策のため、ページ番号を文字列や...
• jQueryで画像のスライドショーを実装する
  このページではjQueryを使って簡単なスライドショーを作る方法を解説していきます。 この方法では、何かファイルをダウンロードしたりする必要もないのでかなり楽にできます。 下のような感じで変化していきます。 HTML div id="top_image" ul li img src="images/futta0847.jpg" class="reflect"/ /li li img src="images/futta2812.jpg" class="reflect"/ /li li img src="images/IMG_1935.jpg" class="reflect"/ ...
• jQueryを学ぶ2
  前回記事jQueryを学ぶ1では基本的な書き方を学んだと思います。今日は指定したセレクタについて、CSS以外の動かす方法について執筆していきたいと思います。7月12日記事 目次 jQueryの基本構文 代表的な関数（メソッド）を使ってみる fadeOut #mainのpにmouseoverしたときに、赤字に変える。 もう一つ遊んでみる。 まとめ jQueryの基本構文 !DOCTYPE HTML html lang="ja" head meta charset="utf-8" title jQueryでCSS /title link rel="stylesheet" type="te...
• jQueryで横並びメニューのドロップダウン型メニューを作る
  メニュー項目が多すぎるとメニューのものをグループ分けし、そのグループを横並びリンクとして作っている場合があります。さらに、そのリストにカーソルを載せるとそれぞれから下にサブメニューがでてくることがあります。今日はそんなドロップダウン型メニューを作っていきたいと思います。7月21日記事 イメージ 大きなカテゴリにあてると下側にサブメニューがあらわれる さらにサブメニューにカーソルを合わせると色も変わる 目次 作る上で注意したいこと HTML記述 CSS記述 jQuery まとめ 作る上で注意したいこと デザイン決めとく。 メインメニュー、サブメニューのそれぞれの背景色と文字色） メインメニュー、サブメニューのhover時のそれぞれの背景色と文字色） 4種類...
• jQueryとCSSで上へ戻るボタンを作る
  jQueryやスマートフォンが流行るようになってきてからスクロールしたあとに「上へ戻る」ボタンが作られるようになってきました。今回はそれを作っていきたいと思います。7月19日記事 イメージ 全体はこんな感じ 最初はボタンがあらわれないが 下の方にいくとあらわれる 目次 まずは全体の枠組み作り ボタン作り ボタン配置のHTML+CSS+jQuery まとめ まずは全体の枠組み作り HTML部 !DOCTYPE HTML html lang="ja" head meta charset="utf-8" link rel="stylesheet" type="text/css&qu...
• jQueryですべて表示（全部表示）と個別表示のタブ的なメニューを作る
  メニューを選択するリストがあり、そのリストのコンテンツをすべて表示と個別表示とで表示内容に分けるタブ的な機能をもつプログラムをjQuery作っていきたいと思います。2015年7月16日記事 イメージ1（はじめはすべて表示） イメージ2（個別をクリックすると、個別のものがあらわれる） イメージ3（すべて表示を再び押すともう一度すべて表示に戻る。） 目次 設計思想 コード まとめ 設計思想 初期状態はすべて表示（すべて表示のボタンのclassに.selectedをつけておく） 個別のものを押すと個別のものだけのコンテンツがあらわれ、以前につけられていたCSSのselectedを削除し、選択したものにCSSのselected付け加える 再びすべて表...
• jQueryを学ぶ4
  今回はjQueryで様々なコンテンツを作っていきたいと思います。マウスを載せた時に画像を拡大したり縮小したりするものを書いていきたいと思います。7月15日記事 イメージ（マウスをのせる前） イメージ（マウスを載せた後） 目次 nicepaper内にあるjQuery一覧（2015年7月15日現在） その他のコンテンツを作ってみる。 mouseover、mouseout（マウスオーバー、マウスアウト）したときのCSSデザインを変更する。その1 mouseover、mouseout（マウスオーバー、マウスアウト）したときのCSSデザインを変更する。その2 nicepaper内にあるjQuery一覧（2015年7月15日現在） 2015年7月15日（執筆時）時点で、こ...
• bootstrapでメニュー、ナビゲーション
  bootstrapでメニューやナビゲーションを作る。3月23日記事 目次 概要 コード 概要 スマートフォン用のメニューとPC用のメニューを作る。スマートフォンの場合は、メニューボタンを押すと、下にドロップダウンする感じでメニューがあらわれる。 コード !DOCTYPE html html lang="ja" head /head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" meta name="viewport" content="...
• PHPとMySQLを使って更新情報の再編集ページを作る
  前回記事PHPとMySQLを使いGETメソッドで受け取ったデータを取得＆表示の続きです。新規投稿ページできたぁと思っても、その記事を再編集できなければ、利用者は極めてビクビクしながら、新規投稿しなけれびなりません。人間はミスする生き物ですから、再編集機能も設ける必要があります。今回はそれを作っていきます。6月5日記事 編集ページ取得イメージ 書いてみる クエリの条件 ページング機能 概要 ページング機能のコード まとめ 編集ページ取得イメージ こんな感じにしましょうか？もっと見る的のローディング機能を作るか、次ページ、前ページというようにページング機能を作るか迷いました。どっちをやってもいいのですが、やはりページング機能から実装していきます。ローディング機能に関...
• bootstrapのHTMLひな形
  bootstrapのHTML整形。3月21日記事 目次 ひな形 CDN CSS CSS JavaScript ひな形 !DOCTYPE html html lang="ja" head meta charset="utf-8" meta http-equiv="X-UA-Compatible" content="IE=edge" meta name="viewport" content="width=device-width, initial-scale=1" !-- The above 3 meta tags *...
• vagrantでバーチャルホストの設定とローカルのhostsの設定
  vagrantでバーチャルホストを複数立ち上げ、開発を楽にする方法を記述していきたいと思います。 また、環境としては、仮想化＋linuxインストールを参照してください。 メイン用URI http //www.nicepapermain.net/ バーチャルホスト用 http //www.nicepapervir01.net/ http //www.nicepapervir02.net/ http //www.nicepapervir03.net/ http //www.nicepapervir04.net/ とします。 前提記事　vagrantのマウントした状態から始めていきます。 目次 ヴァーチャルホストのディレクトリ作成(centOS環境) 適当にファイルを作っておく。 設定ファイル編集と再起動 ...
• jQuery3.0登場
  ITニュースにキャッチアップしていくために今日はjQuery3.0のリリース紹介をしたいと思います。7月13日にリリースされました。7月17日記事 目次 公開されるもの バージョン どんなもの？何が変わった？ ファイルサイズは？ 公開されるもの jQuery Compat 3.0 jQueryの1.11.1の後継　従来のブラウザ jQuery 3.0 jQuery 2.1.1の後継　IE9以降の最近のブラウザ 原文参照記事http //blog.jquery.com/ バージョン 両方ともにα版だそうです。α版とはバグがまだ多い初期段階のバージョンのことを言います。 どんなもの？何が変わった？ 引用すると バージョン...
• jQueryでタブコンテンツを作ってみる。
  見せたいコンテンツやテキストが縦方向にずらっと並んでいるとうんざりすることがありますよね？そんな中で、クリックさせたときにのみその部分を表示させるためにはタブのコンテンツをよく使用します。今日はjQueryでタブ型のコンテンツを作っていきたいと思います。7月10日記事 目次 用意するもの HTMLとCSS まとめ 用意するもの jquery.min.js本体（今回はgoogleのcdnを利用） reset.css（paddingやmargin等をリセットするCSSをどこからかとってきてください。） HTMLとCSS HTML部（reset.cssを読み込んでいます。resetするCSSを読み込んでください。） !DOCTYPE HTML html hea...
• PHPでオブジェクト指向入門8～クラス定数～
  前回記事、PHPでオブジェクト指向入門7～静的プロパティ～と違う方法で定数を表現していきたいと思います。10月13日記事 目次 手続き型での表現 オブジェクト指向の表現 まとめ 手続き型での表現 ?php const LOG3 = 0.4771; $three_digit = 100; $ten_digit = ceil($three_digit * LOG3); print log3は .LOG3. br ; print 3進数の .$three_digit. 桁は、10進数では約 .$ten_digit. 桁です。 ; ? これをオブジェクト指向で表現していきます。 オブジェクト指向の表現 Class（Static_const.php）constは予約語なの...
• PHPでオブジェクト指向入門6～静的メソッド～
  これまでのオブジェクト指向入門1～5では「インスタンス化し、アロー演算子（- ）を使ってメソッド呼び出したり」「インスタンス化するタイミングでコンストラクタを使いメソッドを呼び出したり」していました。 今回はインスタンス化しなくても呼び出す方法についてまとめていきたいと思います。9月20日記事 目次 これまでの方法はインスタンスメソッドと呼ばれる 静的メソッド コード どっち使えばいいの？ まとめ これまでの方法はインスタンスメソッドと呼ばれる インスタンス化をしてから、プロパティやメソッドを呼び出していくという方法でした。 静的メソッド インスタンス化しなくてもクラスそのものに属し、インスタンスメソッドとかかわりがないような独立して存在しているような状態は静的メソッ...
• PHPでオブジェクト指向入門2～プロパティ～
  PHPでオブジェクト指向入門1～クラスの定義～では、定義の仕方を覚えました。今度はそのクラスに対して色々と命令をして、最後にそれを出力してみます。9月16日記事 目次 プロパティ コード 説明 インスタンス化（index.phpの方） アロー演算子（index.phpの方） アクセス修飾子を付ける（Sports.phpの方） まとめ プロパティ クラスの中で定義された変数のことを言います。 プロパティまたはメンバ変数 と呼ばれることがあります。今度はそのプロパティを定義して、最後に実行させます。 コード classを定義したファイル（Sports.phpの方） ?php class Sports{ public $event...
• jqueryで要素の移動～直前の要素、親要素、子要素～
  jQueryでボタンが押された時にその近くにある要素に対して表示を操作する方法について考えていきたいと思います。 お題は以下のイメージ図にあるように、あいうえお等が書いてある要素に対して表示、非表示を考えていきます。12月6日記事 イメージ※わかりやすいように背景を色付けしてあります。 目次 要素の指定 コード（親要素のひとつ前の要素の子要素を指定したい場合の例） まとめ 要素の指定 要素の要素の指定をまとめると、 prev()1つ前の要素 next()1つ次の要素 children()すべて子要素 parent()すべての親要素 siblings()すべて兄弟の要素 となります。 コード（親要素のひとつ前の要素の子要素を指定したい場合の例） HTML ...
• PDO::quote()
  phpの学習に使っている手元にある本にmysql_real_escape_stringという関数が使用されていました。 しかしこの関数が意味するところを調べてみると、もう非推奨となっていました。 そこでPDO quoteに出会い、今回はそれを勉強してみました。 (名著なのですが2008年のものなので仕方ないみたいです・・・) SQLインジェクション セキュリティの不備を利用して、不正なSQL文を実行させることによって、データベースシステムを不正に操作する攻撃手法のことをSQLインジェクションと言います。 このSQLインジェクションに対策を打つべく外部から文字列を入力してデータベースを操作する場合にはサニタイジング処理を行わなければいけません。 サニタイジング処理 これはエスケープ処理とも言われ、特殊文字をエスケープしてくれます。 PDO ...
• PHPのPDOでsetAttributeの意味を知る。
  今回はPHPのPDOにてsetAttributeの利用方法を記述していきたいと思います。7月27日記事 目次 setAttributeとは PHPマニュアルにて 使い方例 SQL文のエラーを吐く setAttributeとは とりあえず日本語に直すとsetは動詞で「セットする、位置づける、固定する」という意味があり、Attributeは名詞で「属性」という意味があります。つまり属性をセットするというものです。PDOは様々なデータベース（MySQLやPostgresやOracle）で利用できるようになっています。その中にはデータベース固有のものも含まれていたりします。そんな中でどうPDOを動かしたいのか意図的に属性を指定するために使われたりします。メソッドみたいですが、色々な記事で関数と書か...
• データベースについて（mysql編）
  ここではmysqlDBの操作方法について記述していきます。 目次 XAMPPでMySQLの利用 MySQLでログインとデータベース作成とユーザ作成データベースのログインと初期設定 MySQLでテーブル作成1更新情報を管理するテーブル作成方法の紹介 MySQLでテーブル作成2 MySQLのINDEXと複合INDEXとINDEXなしの時間を計測 MySQLでプログラム作成で使うコマンド一覧 MySQLのフィールド削除のコマンドTRUNCATEとDELETEの違い MySQLの予約語と予約語をテーブル名やカラム名に登録したい場合 MySQLで大容量の画像挿入や出力に対応できるように設定を変更する MySQLで外部結合と内部結合1～他テーブルのフィールド情報変更に対応する～ MySQLで外部結合と内部結合...
• JavaScript入門6
  前回記事JavaScript入門5では配列の書き方について学びました。今回はオブジェクトとメソッドについて考えていきます。10月26日記事 目次 オブジェクト メソッド コード まとめ オブジェクト 実際に操作する「もの」を作っていきたいと思います。プロパティのように静的なものを扱うものも作ることができれば、メソッドと呼ばれるものも作ることができます。 メソッド メソッドとはオブジェクトにくっついてる関数です。「手続き」と呼ばれ、オブジェクトにくっつけて使います。当然オブジェクトが定義されていないと使えません。 コード !DOCTYPE HTML html head meta charset="utf-8" titl...
• PHPとMySQLで削除ボタンからきた削除ページを作る
  前回記事再編集ボタンからきた編集ページを作るからの続きです。8月20日記事 目次 設計 コード 削除完了ページ まとめ 設計 削除ページについては、フィールドに削除コマンドを走らせず、statusカラムをMySQLでテーブル作成1のようにstatusの値だけを変えて作っていきたいと思います。こちらのほうが、１、データを削除されても簡単に復元できるようにできる。２、消さないので、ディスク領域は消費するが、断片化しないので、シーク速度は速くなる。ということです。 コード p 次の内容を削除しますか？ br br /p ?php require( ../config.php ); $dsn = mysql dbname= .DB_NAME...
• php入門-メソッドとクラス-
  phpプログラミングをしている中で、とてもわかりづらい概念や用語が度々登場します。 その中で、メソッド、クラスというものを今回は取り上げてみたいと思います。 おそらく今から話す内容を初回から理解できる人は少ないと思います（多くの人間が躓くところであるから・・）が、なんとなくーという感じで理解していただければ幸いですし、他のサイトもみながら理解を深めてください。 目次 phpとはクラスをベースとしたオブジェクト指向「も」採用できる。 身近な具体例 phpとはクラスをベースとしたオブジェクト指向「も」採用できる。 関数だけでプログラムの組み合わせをしていくと、どうしても、コード量が膨大になったり、（また、あのプログラム書くのかよぉ。。。）とめんどくさくなってしまいます。 そんな中で、独自（的）な関数を作るのがクラスです。（厳密にいえ...
• HTMLとCSSで進捗バーを作る3
  HTMLとCSSで進捗バーを作る1やHTMLとCSSで進捗バーを作る2の続きです。今度はHTML5から追加されたmeterタグを使っていきます。11月9日記事 イメージ 目次 meterタグ コード HTML CSS まとめ meterタグ インラインセマンティック要素にはいり、インラインとして分類されています。そのため文章中に埋め込むことも可能ですが、ブロック要素の中に入れていきます。（display blockでやってももいいけどね。） コード HTML !DOCTYPE HTML html head meta charset="utf-8" link rel="stylesheet" type=&qu...
• phpプログラミング入門-データベースにアクセスする(PDO)を使用
  昨日の記事phpプログラミング入門-データベースにアクセスする(mysql_connect)を使用のやり方では、セキュリティに脆弱性があったり、データベースの種類によって少し使う関数が変わってきてしまうため現在は推奨されていません。 そこで今日は現在推奨されているPDOを使ったやり方で昨日の記事と同じような事をやってみようと思います。 下準備 昨日と同じです。 データベースにアクセス⇒データベースの情報を表示⇒データベースに新しい情報を追加 という流れでチャレンジしてみます。 データベースにアクセス php ?php //データベースにアクセスして選択する $user = **** ; $pass = ***** ; try { $dbh = new PDO( mysql host=localhost;dbname=for_pra...
• JavaScript入門8
  前回記事JavaScript入門7ではStringオブジェクトとメソッドの使い方について学びました。今回はオブジェクトを作らずに使えるMathオブジェクトについて考えていきます。10月28日記事 目次 数学的な表現 コード まとめ 数学的な表現 一番使うのはランダムに数字を出しそれによって処理を変えるMath.floor(Math.random)だと思います。その他にも使えるメソッドを適当に書いていきます。 MDNはこちらです。 コード !DOCTYPE HTML html head meta charset="utf-8" title 用意されているオブジェクトを使う～組み込みオブジェクト～ /title /head body sc...
• ボタンを押したら付箋が非表示・表示になる仕組みを作る3
  前回記事付箋のようにクリックORタップしたら透過する仕組みを作る2ではクリックしたら非表示になる機能を作っていきました。 今回はボタンを押したら、付箋が非表示になり、再び押したら表示される仕組みを作っていきます。11月14日記事 イメージ ボタンを押す前や2回押したときボタンを押した後 目次 toggleメソッドを使っていきます。 コード まとめ toggleメソッドを使っていきます。 toggleメソッドにはjqueryのバージョン毎に挙動が違うので、バージョンをよく確認して使ってください。 コード HTML !DOCTYPE HTML html head meta charset="utf-8" link rel=&quo...
• PHPで正規表現入門1
  正規表現を学びたい！と思ってる人は多いと思います。代表的なものは見つかるけど・・・もっと自分で扱えるようになりたい！という人向けに記事を書いていきたいと思います。8月10日記事 目次 閲覧時の注意事項 正規表現で登場するメタ文字と関数 メタ文字 関数 まとめ 閲覧時の注意事項 このサイトではCSSのfont-familyを日本語にしてあるため、PC環境では、円マーク(\)が表示されていると思います。(スマートフォンではバックスラッシュになってる場合もあります。) 他のサイトによっては バックスラッシュ になっていることもあるのでバックスラッシュは円マークだと思っていただければと思います。 正規表現で登場するメタ文字と関数 まずは、「あーあるある、見たことある～」か...
• データベース、テーブルを作る
  今回は復習も兼ねてSQL文を使って新しいテーブルを作っていきたいと思います。 step1　データベースを作る CREATE DATABASE english_word; まず一行目にこの文言を打ち込んでデータベースを作ります。 今回の場合はenglish_wordという名前のデータベースを作っています。 step2　テーブルを作る use english_word; CREATE TABLE english_word( id INT AUTO_INCREMENT PRIMARY KEY, status TINYINT(1) NOT NULL default 0 , name VARCHAR(255), english TEXT, japanese TEXT, info_date DATETIME ); step...
• JavaScript入門7
  前回記事JavaScript入門6ではオブジェクトとメソッドの書き方について学びました。今回は用意されているオブジェクトとメソッドについて考えていきます。10月27日記事 目次 基本オブジェクト メソッド コード（stringオブジェクトの例） まとめ 基本オブジェクト 配列を扱うArrayオブジェクト、文字列を扱うStringオブジェクト、日付を扱うDateオブジェクト 数学的な計算処理を扱うMathオブジェクト、dateオブジェクトの一部 1の方はメソッドを使う時に、 new演算子を使ってオブジェクトを作ってあげる必要があります。 2の方はメソッド記述時に new演算子を使わずに、そしてオブジェクトを宣言しなくても使えるものがあります。 具体的な例を見ていきたいと思います。 ...
• PHPでPDOを使ってMySQLから1件だけフィールドを取得したい場合
  配列で取得するのはよく見かけますが、1件だけの場合どうすればよいのでしょうか？ たとえば更新ページの更新一覧にあるGETメソッドのリンクを押した際の表示するphpのコードです。7月18日記事 目次 更新記事のテーブル設計 コード HTML部分 まとめ 更新記事のテーブル設計 テーブルのカラムはそれぞれ、id,info_date,regi_date,title,text,url,status（id（主キー）、公開日、登録日、タイトル、テキスト内容、URL、status）だとします。 また、statusが2の場合、その記事は公開対象ということだとします。 コード データベースの情報はconfig.phpファイルに保存しておきdefine関数でDB_NAMEやDB_HOSTを定義し...
• HTMLとCSSで進捗バーを作る1
  進捗バーをHTMLとCSSで作っていきます。10月10日記事 イメージ 目次 作成方法は主に2通り HTMLだけで作る HTMLとCSSで作る 両者のコード まとめ 作成方法は主に2通り HTMLだけで作る progressタグというものがあり、それを使って作る。インラインセマンティック要素という種類にはいります。基本形は progress value="40" max="100" /progress HTMLとCSSで作る position relative,absoluteとz-indexを組み合わせて黒い背景に緑のバー的なイメージで作っていきます。 両者のコー...
• @wiki全体から「PDOとajaxでリアルタイム検索機能を作る～ajax入門1～」で調べる

更新順にページ一覧表示 | 作成順にページ一覧表示 | ページ名順にページ一覧表示 | wiki内検索