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

web帳

NewEntry

前回の 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要素に付与しま…

続きを読む

スマートフォンでは、デフォルトでは数字がリンクに変わってしまう仕様となっております。 MobileSafariでは、数字7桁、10桁、11桁で電話番号リンクと認識しリンクテキストになります。 MobileSafari以外のブラウザでは6桁以上で電話番号リンクとなります。 回避方法は …

続きを読む

エスケープ シーケンス 意味 ¥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…

続きを読む

モバイルサイト作成時に入力フォームで半角英数字をデフォルトの設定にする方法です。 DoCoMoの場合 inputタグに「istyle」属性を追加。 istyle="1″ 全角かなモード istyle="2″ 半角カナモード istyle="3″ 半角英字モード istyle="4″ 半角数…

続きを読む

ブラウザの垂直方向100%を制御する方法 フッター等を配置する際、コンテンツ量が少ない場合、 ウィンドウサイズよりも上に配置されるのですが、 ウィンドウにサイズ合わせの一番下に配置、コンテンツが多い時は成り行き表示させる方法です。 html [code] <html>…

続きを読む

CSS3でテキストグラデーション指定をする方法です。 HTML [code]<p>TEXT BACKGROND GRADIENT</p>[/code] CSS [code] p{background-image: -webkit-gradient(lin…

続きを読む

CSS3 否定擬似クラスの使い方です。 特定のセレクタ以外のセレクタに適用されるセレクタと、ちょっとひねくれたセレクタです。 使い方は [code]E:not(s)[/code] Eは要素、(s)に適応させたくない要素や属性を入れることによって、 それ以外にcssを適応させます。…

続きを読む

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

続きを読む

Windowsでは右クリックで ”新規作成 > テキスト文章”からテキストファイルを作成 できるのですが、Macには新規フォルダの作成しかありません。 Windowsで慣れているとこれが結構不便を感じたりします。 多くの人がそう感じたのではないでしょうか? これを右クリックで出来るよ…

続きを読む

DevTeamからリリースされている、RedSn0w 0.9.6b4を使い、iOS4.2.1をJailbreak(脱獄)する方法です。 ただし、注意点があり、新ブート(iPhone3G,iPhone3GS,iPodtouch2g以外のデバイス)を搭載したiOSは tethered Jail…

続きを読む

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

続きを読む

Graphical FrontEnd Engineer
- Daisuke Takayama

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

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