Yearly Archives: 2013

Twitter Bootstrapで見栄えを変える

前回の続き。少しでも見栄えを良くしようとTwitter Bootstrapを適用した。 成果物:about.about (Twitter Bootstrapの適用) メモ ナビゲーションバーのclass=”b … Continue reading

Posted in 未分類 | Tagged , , , | Leave a comment

ミニ画像掲示板をつくる(振り返り)

先月末あたりから始めたサイトつくりの振り返り。実装するつもりで挙げた項目は、”CSSフレームワーク(Twitter Bootstrap)を適用する”以外はできた。 トップページに画像一覧を表示する トップページの画像クリ … Continue reading

Posted in 未分類 | Tagged , , , , | Leave a comment

ソーシャルボタンを設置する

前回の続き。詳細ページにtwitterやfacebookなどのソーシャルボタンを設置した。以前WordPressで設置したのを参考にした。 成果物:index.html->item.php (ソーシャルボタンを設置) メ … Continue reading

Posted in 未分類 | Tagged , | Leave a comment

PHPのPDOでMySQLデータベースのデータを取得する3(指定キーワードを含むデータのみを取得する)

前回の続き。アップロード時に指定したキーワード(OS:iPhone/Android)の画像を含む画像を表示するようにした。 成果物:ranking.html (OS選択のリンクを追加) メモ PHPプログラム(ranki … Continue reading

Posted in 未分類 | Tagged , , , | Leave a comment

ページング機能を実装する

前回の続き。今まで全画像を表示していたが、ページに表示する画像数を決めて、下部に各ページへのリンクを設定した。 成果物:ranking.html (ページ移動のリンクを追加) メモ PHPプログラム(ranking.ph … Continue reading

Posted in 未分類 | Tagged , , , | Leave a comment

JavaScript File APIを使ってアップロードフォームに画像プレビューを設置する

前回の続き。アップロードフォームで画像を選択すると、横に選択画像を表示するようにした。 成果物:upload.html (画像ファイルの選択でプレビューを表示) メモ ファイル選択ボタン(input type=̶ … Continue reading

Posted in 未分類 | Tagged , | Leave a comment

PHPのPDOでMySQLデータベースのデータを削除する(投稿の削除)

前回の続き。jQueryを使い、削除ボタン押下で処理(delete.php)が走るようにした。 成果物:index.html -> item.php (詳細ページに削除ボタンを追加) メモ データベースのテーブルに削除フ … Continue reading

Posted in 未分類 | Tagged , , , | Leave a comment

PHPのPDOでMySQLデータベースのデータを更新する2(投稿内容の変更)

前回の続き。詳細ページの編集ボタンから、編集ページに移動できるようにした。移動の際に、編集・削除キーが合っているか確認している。また、htmlspecialchars()でエスケープする処理やデータベース接続などよく使う … Continue reading

Posted in 未分類 | Tagged , | Leave a comment

PHPのPDOでMySQLデータベースのデータを更新する(アクセスカウンタ)

前回の続き。詳細ページへのアクセスでアクセスカウンタをアップさせるようにした。この前やったPDOでのデータベース読み取りと同じで、違うのはSQL分くらい。 成果物:index.html -> item.php (トップペ … Continue reading

Posted in 未分類 | Tagged , | Leave a comment

jQuery.ajaxでPHPプログラムに処理要求を出す

前回の続き。トップページを.phpでなく.htmlにした。jQuery.ajaxから、データベースの情報をJSON形式で返すようPHPに要求している。jQuery.ajaxについては以前少しやった。JavaScript部 … Continue reading

Posted in 未分類 | Tagged , , , | Leave a comment