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

web帳

NewEntry

数年、macを使っていますが、まだまだ知らない機能が沢山ありまして、最近「あれ。これつかえるね!」と思って機能が、「テキスト置換」。テキストエディタ等に実装されてるのは多々ありますが、macにもあるんだ。と今更ながら知りました。 どゆことかと言いますと。 環境設定 > 言語とテキス…

続きを読む

またしてもWordPressネタを。 あ、ども僕です。カスタム投稿タイプに続き、カテゴリもより柔軟に扱えるように「カスタム分類」とよばれるものが有ります。英語の読み方は、 カスタムタクソノミー(Custom Taxonomy)‘taxonomy’ => ‘カスタム分類名’ …

続きを読む

WordPressをアップデートして調子が悪いです。 多分、あのプラグインが。。。 あ、ども僕です。 WordPressで比較的良く使うだろうテンプレートタグまとめてみました。 知っている方も、知らない方も「あ、そー。」程度で良いと思います。 インクルードタグ ヘッダテン…

続きを読む

前回の WordPress 記事のいろんな情報を取得する の流れで今回はカスタム投稿タイプの投稿タイプの情報取得します。 [code]get_post_type_object(get_post_type());[/code] でカスタム投稿タイプの情報が取得できます。get…

続きを読む

WordPress3.3.1にUPデートしちゃって、ちょっぴりテンションあがってるのか、あがってないのかよくわからない今日この頃です。 ども、僕です。 最近、WordPressを構築することが多々ありまして、 もう色々とまとめてしまいたいなぁ。と思いましたのでまとめれるだけまとめてみます。…

続きを読む

「Dropbox」は通常、無料提供の容量が2GBに制限されていますが、 写真自動アップロードの新機能をテストするユーザーに対し、最大4.5Gバイトの空き容量が無料で追加される。 とのこと。 やるっきゃない! で、やること。まずベータ版をダウンロード。 Dropboxベータ版をダウンロード …

続きを読む

この時代、Flashの記事は合わない気がしますが、書いてみます。 フルFlashサイトの依頼がありまして、swfで管理するのはあれだと思い、HTMLにswfファイルを読み込みフルフラッシュサイトを構築しました。 HTMLに読み込んでフルフラッシュサイトを制作する場合、HTMLは…

続きを読む

WordPress でユーザ情報を取得する方法です。 取得できる情報は wp_users テーブル、wp_usermeta テーブルの情報となります。 ログインしているユーザ情報を取得 [php]$user = wp_get_current_user();[/php]  …

続きを読む

Excelファイルを書き出す事が出来るPHPライブラリ「PHPExcel」の使い方です。 まずはこちらからインストール。 PHPExcel http://phpexcel.codeplex.com/ インストール 上記の「Download」ボタンをクリックしダウンロード。 …

続きを読む

あ、 ども、 僕です。 SNSが加速する現代、ついていくのも必死なフロントエンドエンジニアの僕です。 皆さんは普段、何のSNSサービスを利用されているでしょうか? 僕は、最近やっと日本でもユーザー数が1000万人突破したFacebookを一番頻繁に使っている状況です。 そんなF…

続きを読む

あ、 ども、 僕です。 今更的なんですが、Facebookページはじめてみました。 個人的に投稿やら画像UPやらと、利用はしていましたが、フロントエンドエンジニアとしての利用をしてないなぁ〜。とつくづく感じていまして、Facebookも色々と扱って、色々とUPしていければと思っておりますの…

続きを読む

あ、ども。僕です。 ホント時代の流れの速さをひしひしと感じる今日この頃です。 前回の記事でsass導入について書かせて頂いたのですが、 CSSライブラリ化? Sass(scss)のインストール 使用方法 mac   こんな事しなくても、すぐに簡単sassをコンパイル出来るぜ!的な…

続きを読む

Excelの基本操作③です。   セルの書式の整え方についてです。   下図のように、セルの書式を整えるとします。 ①文字に色を付ける ②セルに色を付ける ③セルに網をかける ④螺線を引く ⑤点線を引く     &nbs…

続きを読む

MAMPにPEARをインストールする手順となります。 意外にすんなり導入できちゃいましたので。 インストール ターミナルをたち上げます。   以下のコマンドを入力。 [code]/Applications/MAMP/bin/phpのバージョン/bin/pear install -a htt…

続きを読む

MySQL関数 mysql_list_dbsはデータベース一覧を取得する関数です。 [code]resource mysql_list_dbs ([resource 接続ID ])[/code] このmysql_list_dbsを使い、PHPでデータベース一覧表示する方法です。 PH…

続きを読む

wordpressをより便利に使う為にカスタム投稿という機能があります。 カスタム投稿とは、従来の投稿とは別にカスタマイズした投稿タイプを用意し投稿することができます。 使用方法はfunction.phpに追加をするのですが、より簡単に扱うため Custom Post Type UI…

続きを読む

CSS3とjQueryを使い、ドラゴンクエスト風戦闘シーン作ってみました。(制作日数1日程) デモページ 例の如くwebkit系 (safari,GoogleChrome)等で確認お願いいたします。 では実際に製作過程を紹介させて頂きます。 まずはマークアップから。 HT…

続きを読む

本来、iPhoneアプリを制作するとなると、objective-CやC言語も用いて制作するのですが、web制作言語のHTML5やCSS3、JavaScriptでスマートフォンネイティブアプリを制作可能と出来るのが「PhoneGap」となります。 アプリ制作の為、慣れない言語のobject…

続きを読む

前回の記事 jsdo.it企画 CSSで必殺技に参加しています。   の結果を頂きました!   な     な     なんとか、           3位入賞ですー! ありがとうございますぅ〜!!   本音、悔しいです!! 1位もで…

続きを読む

ども。 カヤックさんの「jsdo.it」でのSPECというコーディングコンテストでの企画 「CSSで必殺技」(長いな)の結果が気になる今日この頃の僕です。   さて、そんなCSSでのアニメーションを使う際のプロパティについて紹介。 というよりも、知らなかった。これ。使えば良かったなと。。 …

続きを読む

ども。僕です。前回の「jsdo.it企画 CSSで必殺技に参加しています。」   で紹介させて頂いたのですが、な、な、なんと、 CSSで必殺技第2弾 http://jsdo.it/panicdragon/23cU(第2弾) がカヤックさんのブログにて CSSだけで必殺技を作るコンテストの…

続きを読む

ども。僕です。タイトル通り「jsdo.it企画 CSSで必殺技に参加しています。」 URLは http://jsdo.it/panicdragon/23cU(第2弾) http://jsdo.it/panicdragon/zh69(第1弾) panicdragon というネームに参加させ…

続きを読む

ども。僕です。タイトル通り「jsdo.it企画 CSSで必殺技に参加しています。」 URLは http://jsdo.it/panicdragon/23cU(第2弾) http://jsdo.it/panicdragon/zh69(第1弾) panicdragon というネームに参加させ…

続きを読む

本来、iPhoneアプリを制作するとなると、objective-CやC言語も用いて制作するのですが、web制作言語のHTML5やCSS3、JavaScriptでスマートフォンネイティブアプリを制作可能と出来るのが「PhoneGap」となります。   アプリ制作の為、慣れない言語のobje…

続きを読む

Flashやjavascriptで制作されたコンテツスライダー、バナーのスライダー等は一般的にあったのですが、これをCSS3で作成してみました。 .displayArea{margin:10px 0 20px;padding:10px 20px 20px}.displayArea:af…

続きを読む

前回の記事の css3 3d 回転 transform rotate()や css3 3d 回転 transform rotate() perspective追加 を参考に今回は、CSS3で立体的な四角形のアニメーションを作りたいと思います。(Javascriptまたは画像を一切使用…

続きを読む

CSSを圧縮出来るwebサービス CSS Drive css compressorの紹介になります。 公式サイト http://www.cssdrive.com/index.php/main/csscompressor/ たかがCSS。されどCSS。 スマフォン時代 重要視されるパフォ…

続きを読む

CSSを圧縮出来るwebサービス CSS Drive css compressorの紹介になります。 公式サイト http://www.cssdrive.com/index.php/main/csscompressor/ たかがCSS。されどCSS。 スマフォン時代 重要視されるパフォ…

続きを読む

CSS3 三角形 ひし形 等の作成方法のエントリーを参考にborderで色々な図形を作ってみました。 では、復習。 borderで三角形を作る HTML [code]<div class="shape01"></div>[/code] …

続きを読む

transformプロパティのscale()は、要素を拡大、または、縮小表示する時に使用します。 値としてはscaleX()、scaleY()、scaleZ()、scale3d()等があります。 値 scale(数値, 数値) : 2つの数値で2D縮尺比率を指定します。1つ目の数値は…

続きを読む

Graphical FrontEnd Engineer
- Daisuke Takayama

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

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