このサイトは、只今WEB業界で活躍中のデザイナー、プログラマーの方々の情報を集めたweb統合情報サイトです。

web帳

NewEntry

前回の CSSで図形 三角形&台形 の応用で、二等辺三角形、ひし形を使い色々な図形を作成します。 まず、復習です。 HTML [code]<div id="triangle"></div>[/code] CSS3 …

続きを読む

iPhoneにはiOSというOSが使われており、 iOS3.0からiPhone内蔵webブラウザ「safari」上で動くjavascriptに GPSデータの取得機能が追加されています。 safariに搭載されているGPS関連機能はW3CのGeolocationAPIに準拠し、 …

続きを読む

iPhoneにはiOSというOSが使われており、 iOS3.0からiPhone内蔵webブラウザ「safari」上で動くjavascriptに GPSデータの取得機能が追加されています。 safariに搭載されているGPS関連機能はW3CのGeolocationAPIに準拠し、 F…

続きを読む

投稿にhttp://~から始まるURLとftp://から始まるURLに 自動でaタグを挿入しリンクテキストに置き換える正規表現。   [code] //本文にURLにリンクの設定 正規表現 function makeLink($value){ return mb_ereg_r…

続きを読む

JavaScript 演算子 %についてです。 %は余り算を求める演算子になります。 10%4とすれば戻り値は2になります。 3%3は0になります。 これを利用して1から100 までの4の倍数を求めます。   [code]<script type="text/j…

続きを読む

会員サイトでよく利用されているcookieの設定方法です。 cookieにログイン情報を保存する事によって、次回から入力しないでログインが可能となります。 セッションとの違いは、セッションはブラウザを閉じると 消えてしまい、cookieは情報を 次回まで残しておく事が可能となります。…

続きを読む

会員登録フォームでよくある、「エラーメッセージ」表示についてです。 エラーがなければ、登録内容確認の画面へと遷移させます。 登録内容が「ニックネーム」「メールアドレス」「パスワード」があった場合、 HTML [code] <form action="" …

続きを読む

前回の スマートフォンサイトで3D効果 transform rotate() の続きとなります。 こちらにperspectiveを追加し、遠近感効果を付けます。 HTML [code]<div id="turn"> <div id=&q…

続きを読む

css3のみで行う3d 回転 transformプロパティです。 transform:rotate()を使い回転させましょう。 【回転】 rotate(回転角度) 角度による2D回転の指定を行えます。 [code]-webkit-transform: rotate(0deg)…

続きを読む

前回の css3 3d 回転 transform rotate() の続きとなります。 こちらにperspectiveを追加し、遠近感効果を付けます。 HTML [code]<div id="turn"> <div id="r…

続きを読む

css3で要素を回転させる transformプロパティの使用方法です。 transform:rotate()を使い回転させましょう。 【回転】 rotate(回転角度) 角度による2D回転の指定を行えます。 [code]-webkit-transform: rotate(0d…

続きを読む

前回の MySQL ブラウザから操作するページ作成01 データベース作成 続きで今回はHTMLの準備を行います。 webブラウザ上で、データの参照(全件)、データの検索、データの追加、データの更新、 データの削除 を行えるようにフォームの用意を行います。 ファイル名はcomman…

続きを読む

MySQLをブラウザから操作出来るようにページ制作を行います。 まず、データベースの作成。 MySQL SQL文 データベース作成、テーブル作成等 こちらのページを参考にデータベースとテーブルを作成し、 お店を管理するデータベースの準備を行います。 [code]mysql> CREA…

続きを読む

題名のとおり、MySQL データベースと接続する際に記述する基本PHPです。 MySQLの DB接続設定 DB名/ユーザー名/パスワード [code]define("DB_NAME","データベース名"); define("DB_…

続きを読む

レコードを追加する [code]mysql> INSERT INTO テーブル名 SET フィールド名="値"[/code]   また [code]mysql> INSERT INTO テーブル名(追加するフィールド名) VALUES(値);[/code…

続きを読む

MAMPのMySQLはデフォルトでは、latin1に設定されています。 文字コード確認 [code]mysql> show variables like 'character_set%';[/code] /MAMP/Library/share/mysql/ に my-large.…

続きを読む

よく使うSQL文です。 データベースを表示 [code]mysql> SHOW DATABASES;[/code] テーブルを表示(データベース名は任意の名前) [code]mysql> SHOW TABLES FROM mysql;[/code] テーブルのフィールド…

続きを読む

2011.03.15

MySQL

MySQL MySQLの基礎

あふれる程の沢山を情報をPC上で効果的使用したり、整理をするために 「データーベース」は頻繁に使用されます。 データベース技術のおかげでネット上で検索し沢山ある商品の中から 購入したい商品を取り出すことが可能となってます。 では、データベースとはなにか? 簡単に言いますと、文字や数字といっ…

続きを読む

jQueryを読み込む為にはhead内にリンクを記述して読み込みます。 web上の読み込み方法 [code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:…

続きを読む

2011.03.11

PHP

php 四捨五入

四捨五入のスクリプトです。 [code]round(値(四捨五入する桁))[/code] 使用例: [code]$val=123.4567; print(round($val,2));[/code] とすると、 123.45 と表示。 四捨五入の桁を負の値にすると、 [c…

続きを読む

2011.03.11

PHP

mySQL コマンド

良く使うmySQLコマンドです。 mySQLにユーザ root でMySQLに接続 [code]mysql -u root -p[/code] databaseを参照 [code]mysql> show databases;[/code] databaseを使用開始 [c…

続きを読む

モバイル版(スマフォン用) JavaScriptライブラリjQuery mobileの使い方です。 jQuery mobileとはモバイルサイト構築用のフレームワークのことで jQuery mobileの「data-role」属性などを設定することで javascriptを書かずスマ…

続きを読む

前回の補足?続きになるのですが、 スマートフォン devicePixelRatio について iPhone3GS  iPhone4では解像度に違い(2倍の解像度)により、 配置した画像がピンぼけしちゃいます。(アンドロイドは1.5倍機種によって異なりますが。) それを回避するため、…

続きを読む

前回のPHPで簡易アンケート にパーセンテージ表示するバーの設置方法です。 ではバーの作成を HTML [code] <p class="r4">【男性】%<span class="bar"></span&g…

続きを読む

PHPで簡易アンケート実装方法です。 YES or NO方式でトータル人数とYESの人数を表示させます。 こんな感じに。 まずはHTMLとCSSで普通にマークアップ。 HTML [code]<div id="yesNoArea"> <…

続きを読む

排他制御鵜とはコンピュータの動作において、複数のプロセスからの同時アクセスにより 競合が発生する時に、独占的に利用させている間は、 他のプロセスが利用できないようにする事です。 ファイル書き込み時にそれを行う時「flock()」関数を使用すると良いでしょう。 flock((ファイル…

続きを読む

リキッドレイアウトとは何か? リキッドレイアウトとはwebデザインにおいて、 表示領域の幅が変更されても従来のレイアウトを維持できる手法である。 と書かれていたりします。 そう、数年前流行ったやら、流行らないやらのレイアウト手法。 簡単に言うと、レイアウトをpxで指定して固定せず、 %で…

続きを読む

リキッドレイアウトとは何か? リキッドレイアウトとはwebデザインにおいて、 表示領域の幅が変更されても従来のレイアウトを維持できる手法である。 と書かれていたりします。 そう、数年前流行ったやら、流行らないやらのレイアウト手法。 簡単に言うと、レイアウトをpxで指定して固定せず、 %で指…

続きを読む

2011.02.21

PHP

MAMPの設定方法

MAMPはアプリケーションフォルダにドラッグ&ドロップするだけで Apache,PHP , MySQL を Mac OSX にインストールすることができるアプリケーションです。 名前の由来はそのままMac ,Apache,MySQL,PHPの頭文字を取ったのが由来です。 MA…

続きを読む

2011.02.21

mac

Mac MAMP の設定

MAMPはアプリケーションフォルダにドラッグ&ドロップするだけで Apache,PHP , MySQL を Mac OSX にインストールすることができるアプリケーションです。 名前の由来はそのままMac ,Apache,MySQL,PHPの頭文字を取ったのが由来です。 設定方法…

続きを読む

Graphical FrontEnd Engineer
- Daisuke Takayama

MAD CITY 北九州市で生まれ育つ。20代はバンド活動に明け暮れ、ふと「webデザイナーになりたい。」と思い、デジタルハリウッド福岡校入学。卒業後、数々の賞を受賞、web業界をざわつかせる。
現在、港区六本木で活動中。

WEBデザイナーの、WEBデザイナーによる、WEBデザイナーの為のサイト。「みんなで書こう!」と仲間を募ってみたが、結局書くのは自分だけとなってしまいました。日々のメモを綴っていきます。