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

web帳

NewEntry

CSS3では、transitionプロパティやanimation-nameでkeyframesを呼びだして アニメーションを作成することができます。 それらを使用し、「ライトボックス風 アニメーション」を作りたいと思います。 (少々強引な方法ではありますが。。。) saf…

続きを読む

CSS3では、transitionプロパティやanimation-nameでkeyframesを呼びだして アニメーションを作成することができます。 それらを使用し、「ライトボックス風 アニメーション」を作りたいと思います。 (少々強引な方法ではありますが。。。) safar…

続きを読む

2011.09.06

JavaScript

JavaScript 配列

配列 いくつものデータをまとめて扱う場合、配列がよく使用されます。 配列とは複数の変数に番号を振って並べたものです。 配列に含まれるそれぞれの変数は要素と呼ばれます。 「配列aの5番目の要素は55です。」「配列cの4番目の要素は33。」等のように1つの名前で扱えるので利便性が…

続きを読む

JavaScript 代入と参照 「book1 = new Object()」を説明したときは 「変数book1にObjectオブジェクトを代入」ではなく 「Objectオブジェクトのインスタンスを参照する」となります。 「代入 ではなく 参照」 [code] <…

続きを読む

プロパティの作成 JavaScriptのオブジェクトには、自分の好きなプロパティを加えることができます。 Objectオブジェクトは、特別な機能のないオブジェクトで、いわば白紙のオブジェクトです。 new Object()としてコンストラクタを呼び出すと 変数book01はObje…

続きを読む

オブジェクトの簡単な考え方 オブジェクトとは 簡単にまとめると「データを持っていて、操作の対象となるモノ」 そのオブジェクトに変数を持たせると、オブジェクトのデータとなり オブジェクトに関数を持たせると、オブジェクトを操作できます。 オブジェクトに変数→プロパティ オブジェクト…

続きを読む

JavaScriptの実行中には、記述ミスやブラウザーの種類によってエラーが発生することがあります。 エラー処理(例外処理)を記述する方法とJavaScriptのデバッグ方法を紹介します。 例外処理 JavaScriptでエラーが発生する場合は以下のとおりです。 エラーの種類 ■…

続きを読む

なんだか色々と出てきますよね。 もう、最近良く分かんないないです(笑) ではSassのインストール、使い方を紹介していこうと思っております。 Sass公式サイト http://sass-lang.com/ そもそも、Sassって何?って話なんですが、 SassとはCSS を生成するため…

続きを読む

Xcodeはアップルが提供しているiOS SDKに含まれている、開発の中心となるツールです。 プロジェクト全体の管理や、プログラムの入力、実行ファイルの作成などが行えます。 統合開発環境(IDE)と呼ばれており、 必要な時にiOSシュミレーターなど他ツールを起動する事が出来ます。 1.…

続きを読む

関数の中ではローカル変数(局所的な変数)を利用することができます。 ローカル変数は関数の中だけで通用する変数のことをいいます。 ローカル変数を使用すると、同じ名前の変数を関数の内外で使い分けたり、複数の関数で使い分けたりできます。 ローカル変数を作るのは、変数の前にvarを付けて変数…

続きを読む

2011.09.04

JavaScript

JavaScript 戻り値

関数が返す結果を戻り値と言います。 戻り値を使うと、引数を元に計算を行い、その結果に応じ様々な値を返す関数を作ることができます。 関数の中で戻り値を記述するには、return文を使います。 return 戻り値; 例: [code]<script type=&qu…

続きを読む

2011.09.04

JavaScript

JavaScript 引数

【引数】 関数には引数(ひきすう)を渡すことができます。 引数とは、関数に与える数値や文字列などの情報となります。 同じ関数でも引数の値を変えることによって、動作を変えることが可能となります。 2を渡したら4を表示、4を渡したら8を表示する。のような感じになります。 関数の定義で…

続きを読む

2011.09.03

mac

Mac Xcode

Xcodeはアップルが提供しているiOS SDKに含まれている、開発の中心となるツールです。 プロジェクト全体の管理や、プログラムの入力、実行ファイルの作成などが行えます。 統合開発環境(IDE)と呼ばれており、 必要な時にiOSシュミレーターなど他ツールを起動する事が出来ます。 1.…

続きを読む

なんだか色々と出てきますよね。 もう、最近良く分かんないないです(笑) ではSassのインストール、使い方を紹介していこうと思っております。 Sass公式サイト http://sass-lang.com/ そもそも、Sassって何?って話なんですが、 SassとはCSS を生成するため…

続きを読む

2011.08.29

JavaScript

JavaScript Ajax

Ajax Ajaxって何ですか? てとこからだったりしますよね? Ajaxとは 2006年2月18日、 Adaptive Path社のJesse James Garrettって方が発表した用語で、 「Asynchronous JavaScript + XML」(非同期的なJav…

続きを読む

Mac OS X で通常は表示されない不可視ファイル ( .DS_Store など ) を表示する方法です。 ターミナルを起動し、以下のコマンドを入力。 可視化 [code]defaults write com.apple.finder AppleShowAllFiles true[/c…

続きを読む

前回の MySQL ブラウザから操作するページ作成02 HTML作成 の続きになります。 ブラウザ上で行える処理は ※ データの参照 ※ データの検索 ※ データの追加 ※ データの更新 ※ データの削除 となっております。 それぞれの処理を行うPHPファイルの用意を行…

続きを読む

なんだか色々と出てきますよね。 もう、最近良く分かんないないです(笑) ではSassのインストール、使い方を紹介していこうと思っております。 Sass公式サイト http://sass-lang.com/ そもそも、Sassって何?って話なんですが、 SassとはCSS を生成するため…

続きを読む

while(ホワイル)文の主な使用方法 while(条件式){ 繰り返し実行するスクリプト.... } [code] <script type="text/javascript"> num = 1; while(num <= 4){ …

続きを読む

PHP と正規表現を使って郵便番号(123-4567形式)の判別の行い方です。 デモページ 日本国内に置いて、郵便番号の形式は3桁の数字と4桁の数字と決まっております。 この形式を「正規表現」を用いて判別を行います。 判別に行う正規表現は 郵便番号判別 正規表現 [code]/^¥d{3…

続きを読む

まずはExcelの起動から始めます。 ①スタート ②すべてのプログラム ③Microsoft Office ④Microsoft Office Excel とクリック。 Excelの画面が表示されます。 基本的な入力方法は省きます。 オートフィル オートフィルとは連続したセルにセルの内…

続きを読む

JavaScriptを用いて、「ユーザーエージェント」の振り分けの方法です。 ユーザーエージェントとはwebブラウザーや検索エンジンのクローラーといったwebサイトへアクセスするプログラムのことをいうのですが、web制作では一般的に「webブラウザーがHTTP通信時にサーバーへ送…

続きを読む

JavaScriptを用いて、「ユーザーエージェント」の振り分けの方法です。 ユーザーエージェントとはwebブラウザーや検索エンジンのクローラーといったwebサイトへアクセスするプログラムのことをいうのですが、web制作では一般的に「webブラウザーがHTTP通信時にサーバーへ送信する固…

続きを読む

JavaScriptを用いて、「ユーザーエージェント」の振り分けの方法です。 ユーザーエージェントとはwebブラウザーや検索エンジンのクローラーといった webサイトへアクセスするプログラムのことをいうのですが、 web制作では一般的に「webブラウザーがHTTP通信時にサーバーへ送…

続きを読む

2011.08.17

JavaScript

JavaScript swich文

Javascript swich文の説明です。 if文同様、条件分岐に使用します。 switch(変数){ case 値1: 変数が値1に等しい場合に実行されるスクリプト.... break; case 値2: 変数が値2に等しい場合に実行されるスクリプト.... br…

続きを読む

javascriptにおける条件式と論理値型の使用方法です。 f = 1; if(f) document.write("こんにちは"); ↑if(f)は「ifが真であれば」という意味です。 if(f != 0)と同じ意味になります。 [code][/code] nam…

続きを読む

wordpressでリンク付きのカテゴリーリストを表示させる場合は [code]<?php wp_list_categories( $args ); ?>[/code] となります。 子カテゴリーのみを表示させる場合は [code]<?php wp_list_cate…

続きを読む

jQueryを使い、formの値を取得する方法です。 1.input type テキスト input type=textの値取得方法です。 値の取得は .val();で取得します。 送信ボタンを押した時にinput type=textの値を取得し、 表示エリアに表示するスクリ…

続きを読む

通常、FTPクライアントソフトなどを使用し、FTP接続を行うのですが、 UNIXベースのmac OSXにはターミナルという万能野郎がいます。 (windowsでいうコマンドプロンプトです。) その万能野郎ターミナルを使用し、ファイルをUPしちゃおう! というのです。 手順 1.まずインタ…

続きを読む

JavaScriptの数値には無限と非数というものがあります。 無限 [code]<script type="text/javascript"> a = 50 / 0; document.write(a); </script>[/c…

続きを読む

Androidエミュレーターのインストール方法です。 まず、devサイトから Android SDK|Android Developers http://developer.android.com/sdk/index.html Android SDKをダウンロード Android SDK…

続きを読む

2011.07.06

JavaScript

JavaScript 型

型とは数値や文字列のデータの種類のことを示す。 型の種類 名前 書き方(リテラル) typeof演算子の結果 数値型 1や2 10や3.14 number 文字列型 'こんにちは'や"ポチ"など string 論理値型 trueま…

続きを読む

16進数 10進数の16を10 256を100と表す。 10進数の10から15はA〜Fで表す。 javascriptでは数字に0xを付ける。 a = 0xb // 10進数の11 b = 0x1F //10進数の31 8進数 10進数の8が10, 64が100 …

続きを読む

今更的な記事ですが、 IE6、またはIE7でクリアーフィックスが効かない時、 たとえば、 こんな感じのレイアウトの場合、floatで回り込ませ、クリアーフィックスで解除したいところですが、 IE6や7で、 こんな感じになってしまったりしたら、 このようにwidthの指定を行ってみまし…

続きを読む

[code]<a href="#" onclick="hoge(); ">ほげ</a>[/code] などのイベントハンドラを実行する際、 a要素のリンクの機能を実行させないようにreturn falseをa要素に付与しま…

続きを読む

Graphical FrontEnd Engineer
- Daisuke Takayama

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

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