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

web帳

NewEntry

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の頭文字を取ったのが由来です。 設定方法…

続きを読む

CSS3で出来なかったことが色々と出来るようになりました。 今まで、webサイト制作の際、gifやjpgまたはpngの画像ファイルで表現していた部分も、 css3で記述する事によって、表現することが可能です。 え?そんな面倒くさいことしなくていいじゃん! って思われがちですが、…

続きを読む

CSS3で出来なかったことが色々と出来るようになりました。 今まで、webサイト制作の際、gifやjpgまたはpngの画像ファイルで表現していた部分も、 css3で記述する事によって、表現することが可能です。 え?そんな面倒くさいことしなくていいじゃん! って思われがちですが、 …

続きを読む

使えるセレクタシリーズ第1弾。nth-child() を紹介します。 w3c http://www.w3.org/TR/css3-selectors/#nth-child-pseudo いやぁ、こちらを参考にしていきたいのですが、 英語だし、難しいですね。 では簡単に。 H…

続きを読む

使えるcss3セレクタシリーズ 今回はonly-child() 唯一の子要素を指定する事が可能です。 HTML [code] <div id="test"> <div>divの要素</div> </div>…

続きを読む

使えるセレクタシリーズぅ 属性セレクタです。属性セレクタは、属性名や属性値によって、要素を指定する事ができます。 まずは属性名を指定する方法 HTML [code] <a href="#" title="hogehoge">titleは…

続きを読む

もうかなりcss3を導入されているサイトが増えて来ていると思いますが、 ここでもう一回おさらいをしちゃったりしましょう。 CSS3で何が出来る?? ・デザインの実装が画像を使用せず実装化 ・Flash、jsを使用せずアニメーション化 と2点。 あれ?意外に思いつかなかった。…

続きを読む

もうかなりcss3を導入されているサイトが増えて来ていると思いますが、 ここでもう一回おさらいをしちゃったりしましょう。 CSS3で何が出来る?? ・デザインの実装が画像を使用せず実装化 ・Flash、jsを使用せずアニメーション化 と2点。 あれ?意外に思いつかなかった。(笑…

続きを読む

多角形ツールで3角にし、上辺を描いて伸ばすという方法もありますが 今回は、指定した高さを一瞬で描く方法です。 1)長方形を描く。このとき描きたい高さを指定 2)上の二点をダイレクト選択ツールで選択 3)Ctrl+ALT+Jを押すと出るダイアログで「二軸とも」を選択 4)二等辺三角形の完成…

続きを読む

サクっとサイトのデザインをつくっちゃおぉ〜 て時はFireworksが非常に便利です。 そのFireworksでよく頻繁に行う整列のショートカットをマスターし 更に効率UP! そもそも整列とは? ウインドウ > 整列 で表示する事が出来ます。(adobe Fireworks cs4 ma…

続きを読む

投稿者の一覧表示は wp list authorsを使用する事で表示できます。 ユーザーが投稿していればリンク付きで表示されます。 記述タグ [php]<?php wp_get_archives(); ?>[/php] デフォルト設定は [php] <?p…

続きを読む

ActionScriptで加速するスクリプトです。 何も難しい事はありません。 まずは、ステージにball_mcのムービークリップオブジェクトを作成。 インスタンス名をball_mcと命名。 記述するscriptの場所はオブジェクトにでも、フレームでもどちらでもよいです。  …

続きを読む

基本ではありますが、使える関数をざっとあげてみましたぁ~。 hasClass(class) 要素集合全てのうちから、引数に指定したクラスを持つ要素がひとつでもあればtrueを返す。 dblclick() dblclickイベントを実行。 toggleClass(class) 指定したCS…

続きを読む

クリックしたときに処理する関数click()についてです。 オブジェクトをクリックしたときにイベントを発生する関数(script)は [code]$("セレクタ").click(function(){ //クリックしたときに行う処理 })[/code] こ…

続きを読む

せっかくのmac。隅々まで使いますか。てね。 mac LeopardにはSVNが入っていまして、ローカル環境でのバージョン管理が可能です。 まずは色々と確認。 ターミナルを起動し、 [code]$ which svn[/code] と、入力。リターン! [code]/usr/bin/…

続きを読む

2011.01.18

InDesign

準備中

御迷惑おかけいたしまして申し訳ありません。 当コンテンツは、只今準備中です。 …

続きを読む

2011.01.17

jQuery

jQuery 記述方法

jQueryの基本的な記述方法です。 [code] $(function(){ //jQueryの記述 }) [/code] セレクタを使いcssのプロパティ設定です。 [code] $("CSSセレクタ").css("プロパティ&…

続きを読む

jQueryの代表的なセレクタです。 セレクタの種類 例 内容 IDセレクタ $("myDiv") id属性がmyDivの要素 要素セレクタ $("h1") h1要素 クラスセレクタ $(".myClass") class属性がmyClassの要素 ユニバーサルセ…

続きを読む

Graphical FrontEnd Engineer
- Daisuke Takayama

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

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