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

web帳

3 / 3123

JavaScript

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

続きを読む

2011.09.04

JavaScript

JavaScript 戻り値

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

続きを読む

2011.09.04

JavaScript

JavaScript 引数

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

続きを読む

2011.08.29

JavaScript

JavaScript Ajax

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

続きを読む

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

続きを読む

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…

続きを読む

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

続きを読む

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 …

続きを読む

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

続きを読む

エスケープ シーケンス 意味 ¥b バックスペース ¥t 水平タブ ¥n 改行 ¥v 垂直タブ ¥f 改ページ ¥r 復帰 ¥" 二重引用符 ¥' 一重引用符 ¥x〇〇 〇〇は、2桁の16進数のユニコード番号。例:¥xE9 → 'e ¥u…

続きを読む

2011.06.07

JavaScript

JavaScript window prompt

window promptで名前を表示する方法 ○○さん、こんにちは と表示 [code]<script type="text/javascript"> name = window.prompt("お名前は?","&qu…

続きを読む

カラーコード16進数を(#feef02) → 10進数(R 254,G 239,B 2)に変換するJavaScriptツールです。 ColorChage http://webcyou.com/demo/js/colorchanger/ 使い方は至って簡単! フォームに16新数のカラーコー…

続きを読む

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

続きを読む

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

続きを読む

2011.01.17

JavaScript

jQuery 記述方法

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

続きを読む

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

続きを読む

2011.01.16

JavaScript

javascript 演算子

演算子の種類をざっと紹介。 算術演算子 算術演算子は、数値の計算を行う演算子の事をいいます。 「-」は減算、「*」は乗算と通常の計算と違いはないのですが、 「+」に限っては、数値を扱う場合は加算を行う「加算演算子」 文字列を扱う場合は文字列を連結する「連結演算子」となります。 また「%」の…

続きを読む

さて、それでは、変数、演算子について綴っていこうと思います。 前回まではDOMについてのオブジェクト指向について説明させて頂きました。 今回は、変数、演算子について説明させて頂きます。 では、実際に「時間に合わせてアイサツ文を出力」を行っていきます。 ちなみにこちらでも説明させております。…

続きを読む

それでは、DOMについて考えましょう。 DOMとは Document Object Model (ドキュメントオブジェクトモデル)の略で、 プログラム言語からHTMLドキュメントを扱う為に標準化された仕様となっております。 このように、詳細が表示される場所(左上から右下)の部分までが、ド…

続きを読む

そもそも「javascript」って何よ? と思われている方。用かな? 非常に簡単ではありますが、まとめさせて頂きます。 HTMLは構造を作成 それをCSSで装飾 ではjavascriptは? これが基礎になると思います。 俗に言う、動的処理を行う事が出来ます。 動的処理とは動いている事…

続きを読む

Javascriptでは、条件分岐としてif文を使用します。 for文同様、よく使う構文の一つで重要な構文となります。 覚えておきましょう!! if文 if文とは、「もし~ならば~を処理する」 という、 「ある条件」 のもとに判断し、その後のスクリプトを実行させる構文です。 …

続きを読む

2011.01.05

JavaScript

javascript 時計作成

javascriptで時計を作りましょう。 まず、時刻取得のscript new Date(); で時刻を取得。 [code] <script type="text/javascript"> <!-- var time = new Dat…

続きを読む

Javascriptでは、繰り返し文としてwhile文やfor文などがあります。 よく使う構文の一つだと思います。 覚えておきましょう!! for文 繰り返し処理を行う際に用いるscriptです。 [code] for(初期値; 継続条件; 処理後の値) { 命令文1; 命…

続きを読む

3 / 3123

Graphical FrontEnd Engineer
- Daisuke Takayama

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

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