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

web帳

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

続きを読む

CSS Media Queries(メディアクエリ)を使用したデバイスごとの指定方法です。 CSS3のMedia Queries(メディア クエリ)を使用して、デスクトップのブラウザ用をはじめ iPhone, iPadなどのモバイル用にスタイルシートの分ける方法です。 スタイルシ…

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

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

続きを読む

iPhoneアプリのご紹介です。 今回は、Helveticaフリークな方におススメのアプリ、 Helveticaで作られたカレンダーアプリ「calvetica」のご紹介。 calvetica公式サイト http://calvetica.com/ はい。アプリ名は「Calendar」と「…

続きを読む

MacでのDVDのリッピングと言えば、MacTheRipperが有名ですが、 Mac OS10.7(Lion)には対応していません。 MacTheRopper ダウンロードする LionでのおすすめDVD Ripperアプリは MacDVDRipper  http://www.ma…

続きを読む

2011.09.14

HTML5

HTML5.jsでIE対応

HTML5で作成されているサイトも大分多くなってきている昨今。 サイトリニューアルに伴いHTML5にしようか迷っている方もいると思います。 現状、IEは対応しません。 HTML5.jsを使用することによってIEにも対応させることが可能となってきます。 HTML5 enabling scr…

続きを読む

Loopseque Mini ミュージック:15.0 MB ¥170⇢無料 斬新なUIをし、より直感的にリズムパターンを制作出来るiPhoneアプリ『Loopseque Mini』が 9月13日現在 ダウンロード無料となっております。 使い方は至って簡単です。 ホイール型したパットがあ…

続きを読む

Excelの基本操作②です。 文字や数字の書式の設定についてです。 主にツールバーで設定可能です。 ①フォントの種類を選ぶ ②フォントのサイズを選ぶ ③必要であれば、太字、斜体、下線有り、を選ぶ ④セル内でどの位置に配置するか整える といった感じでしょうか。 文字数が多くなり、セル内に入…

続きを読む

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.…

続きを読む

Graphical FrontEnd Engineer
- Daisuke Takayama

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

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