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

web帳

3 / 3123

JavaScript

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