Tag Archives: JavaScript

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

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

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

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

PhoneGapでiOSとAndroidアプリをつくる

日経ソフトウェアのムックに、PhoneGapを使ってiOSとAndroid向けのゲームをつくる記事があった。XcodeとEclipseでサンプルコードをビルドした時のメモを残す。 PhoneGapのバージョンは2.2.0 … Continue reading

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

Processing.jsで画像表示

前回の続き。画像表示をお試し。画像はDOTS DESIGNより拝借。 loadImage()で読み込んで、image()で表示。 scale()は引数1つで拡大/縮小、引数2つ以上で座標軸指定。scale(-1, 1)で … Continue reading

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