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

web帳

NewEntry

前回の VirtualBoxとVagrantで開発環境を構築 の続きとなります。 今回はgit、vim、PHP、MySQLをインストールしていきます。 前回、サラっと書いたのですが、PHPのインストールから。 Vagrant + CentOS PHPインストール 何はともあ…

続きを読む

スクリーンショット 2013-09-05 3.39.02
従来、iOS(iPhone、iPad等の)アプリを制作する際に用いられる言語は「Objective-C」(オブジェクティブ シー)と言った言語を使い開発するのですが、まぁiOS(iPhone、iPad等の)アプリ以外ではなかなか使用しないと思います。 AndroidアプリとiPhoneア…

続きを読む

スクリーンショット 2013-08-29 7.21.42
環境なんてMAMPとXAMPPがあれば全て解決する。 なんて思っていた。 そう今までは。 そううかつでした。 いやぁ時の流れは早いものですね。 今回はVirtualBoxとVagrantで環境構築ということで、まずそれぞれ「なんぞや」と言うところから。 VirtualBox …

続きを読む

写真 2013-08-17 13 07 58
や、や、やっとリリースされましたぁぁ〜〜!!! 長かった。いやぁなんか長かった。。。 と、言うわけで今回、UI設計、フロントエンド全般 その他etc...を担当させて頂いたプロジェクト 「連撃のブレイブハーツ」がついにリリースされたのです!!! パチパチパチぃ!! 「連撃のブ…

続きを読む

スクリーンショット 2013-07-21 4.26.27
なんとなく。 Java始めました。 Javaだけは覚えないかなー。ちょっと避けたいなー。と思っていたのですが、時代の流れですかね。。なんですかね。 一緒に働くエンジニアさんとかにも「そんだけJavascript書いていたらJavaも余裕でしょ。」なんて事言われてたりもして、確かに…

続きを読む

スクリーンショット 2013-07-20 10.06.51
いやぁ。放置してた放置してた。と。 で、何やらTwitter周りが「変だぞ」と。 うーん。どうやらTwitter APIがバージョンアップしているみたいだ。。。 2013年6月12日より、v1.0 からv1.1になったみたいで、なにやら使いにくくなっているみたいですね。。 Twit…

続きを読む

au006
2013年6月1日発売のAndroid端末「HTC J One HTL22」を購入致しました。 「GALAXY S II」以来の2台目のAndroid端末。 HTC J One HTL22 http://www.au.kddi.com/mobile/product/smartph…

続きを読む

スクリーンショット 2013-06-16 18.59.36
タイトルに内容を全て書いてしまったのですが、 『第23回 Fukuoka東区花火大会 - in福岡市東区香椎浜』 に2013年度もweb帳はwebスポンサーとして参加させて頂いております!! 『第23回 Fukuoka東区花火大会 - in福岡市東区香椎浜』公式HP http://…

続きを読む

SC20130611-043717
結構、ハマっちゃいました。 Galaxy S2 でブラウザでサイト閲覧しようとすると、セキュリティ証明書のモーダルが立ち上がり 「この証明書は信頼できる認証機関ではありません」的な警告をされ、 戻るボタン押したりしても、無限に表示したりして、「もう、詰んだぁー」って状況に悩ま…

続きを読む

スクリーンショット 2013-05-26 4.25.48
ども。これまたお久しぶりな感じです。 お仕事がクッソ忙しく全く他のことができない今日この頃です。 が故に良い作品も出来ているので、まぁいいかぁと思う今日この頃です。 で、疲れもピークに来ているせいか、どうも基礎的なところも分かんなくなって来てしまっているのでまとめてみました。 …

続きを読む

スクリーンショット 2013-05-02 1.14.06
ども。お久しぶりです。 今回は、あの国民的RPGをパソコンでプレイ出来る! 『シルアードクエスト』のご紹介を。 シルアードクエスト http://lovalotta.pya.jp/SQ/ ダウンロードページ http://lovalotta.pya.jp/SQ/downlo…

続きを読む

evst
Javascriptを用いたスマートフォンUIや、webアプリケーションなどを制作していく際、タッチスタートのイベントだったり、タッチムーブのイベントだったりと、domにイベントを色々と登録し、イベントを発生させていくかと思うのですが、その際、イベントを登録する為の関数、addEven…

続きを読む

スクリーンショット 2013-04-07 1.44.47
JSONとは、「JavaScript Object Notation」の略で「ジェイソン」といいます。 JSON は、数値や文字列や配列やオブジェクトなどのデータを、文字列で表現できる軽量なフォーマットであり、XMLと比べると簡潔に構造化されたデータを記述することができるため、人間が理…

続きを読む

スクリーンショット 2013-04-06 13.17.37
最近良くあるなと思うのが、「要素(DOM)を入れ替えたい」と言った要件だったりもします。 ソーシャルゲームなんかになるとカード画像を入替え。とかになりますかね。 以下の様な並びだとして、 タップ→タップで入替え。とか、タップ→スライドで入替え。 だったり。 そんなとき、Jav…

続きを読む

前回の PHP 会員制サイトの制作方法 その2 の続きとなります。 今回は、 user_regist.php:会員登録と登録内容送信ファイル index.php:ユーザー登録処理コントロールページ の2ファイルを作成し、完成させましょう。 user_regist.php:会員…

続きを読む

mailform002
前回の PHP 会員制サイトの制作方法 の続きとなります。 準備するファイルとして、 db.php :データベースの接続設定 email_form.php:email登録用テンプレート email_regist.php:ユーザの仮登録と登録ページURLの送信用ファイル r…

続きを読む

スクリーンショット 2013-03-31 3.10.51
どもです。 今回は気分を変えて会員制のサイト制作方法を。 と言っても基礎的な部分となりますが。 ゴリゴリ書いているエンジニアさんならあれですが、やっぱ書いていないと忘れるのが人間だったりもするので、思い出すのも含めて書いていきます。 では、まず制作のフローから。 制作フロー ま…

続きを読む

スクリーンショット 2013-03-24 5.59.19
ども。お久しぶりな感じが。。 色々とお仕事の方も忙しい毎日でありまして、そのおかげで今までにない感じのスマートフォンUI制作の方も行えていまして、嬉しい限りでございます。 お仕事で制作しているため、なかなか公開は難しいのですが、ところどころで技術の方を公開していきますので引続きwe…

続きを読む

スクリーンショット 2013-03-13 3.41.19
どもです。最近、あちらこちらでMVCフレームワークやら、デザインパターンに関して見るようになり、 (MVCとはプログラムを3つの要素、Model(モデル)、View(ビュー)、Controller(コントローラ)に分割するアーキテクチャの事でソフトウェア開発におけるデザインパターンの…

続きを読む

touch
スマートフォンコンテンツを制作していくと、何かとタッチイベントが必要となってきます。 一部のAndroid端末で「touchmove」イベントが上手く取得できない。なんてことも多々あります。 そんな時用の為にスマートフォン タッチイベント確認ページを作成しました。 そんな大逸れた…

続きを読む

スクリーンショット 2013-02-28 22.45.59
いやー。楽しいですね。enchant.jsは。 重力のあるボール挙動のscriptを書いてみました。ボールをドラッグ出来て、放り投げることも可能です。 何より便利だなと感じたのは、「touchstartでクリックスタート」「touchendでクリックエンド」などもカバーしてくれてい…

続きを読む

pjaxとは pjaxはpushStateとajaxを組み合わせた造語(pushState + ajax = pjax)となります。  pushStateはhtml5に新実装されたHistory APIのひとつで、javascriptからブラウザの履歴に直接挿し込む為に用意されているメ…

続きを読む

スクリーンショット 2013-02-27 1.35.11
enchant.js http://enchantjs.com/ja/ 記事を書こう書こうと思いましたら、色々と時は過ぎていくものですね。 もう、すっかり話題のenchant.jsについて書いていこうかと思います。 enchant.jsとは A simple JavaSc…

続きを読む

スクリーンショット 2013-02-26 0.46.12
History APIとは History APIはHTML5の機能のひとつとなります。Historyとは履歴のことで、historyという名前のオブジェクトで存在します。 ブラウザの戻る進むボタンのイベントを取得してページの内容を動的に変えることができるものです。 まず、his…

続きを読む

スクリーンショット 2013-02-23 16.36.53
乱数について考えてみました。そもそも乱数とはなにか? 乱数とは、サイコロの出目のように規則性がなく予測不能な数値のこと。 と、書かれているところが多いかと思います。 Javascriptのなど言語ではMath.random();で乱数を生成することができます。 Math.ran…

続きを読む

スクリーンショット 2013-02-11 15.17.14
前回の FlashをCanvas等に変換 gree/LWF(Lightweight SWF)を使ってみました。 の続きとなります。 前回ではlwfsを使いデモファイルを試すところまで行いました。今回は手元にあるswfファイルでテストしてみましょう。 以前、Flash作成を担当さ…

続きを読む

スクリーンショット 2013-02-11 14.24.23
 gree/LWF(Lightweight SWF)を使ってみました。 LWFとは、GREEエンジニアが開発したオープンソースで、独自ファイルフォーマットに基づくアニメーションエンジンで、Flashコンテンツから変換したアニメーションデータを、UnityとHTML5(Canvas…

続きを読む

スクリーンショット 2013-02-10 16.28.22
最近、色々とGitのホスティングサービスも増えてきました。 そんな中、Git が使えるホスティングサービスで一番良く使われていて知られているのが 『GitHub』ではないでしょうか? GitHub https://github.com/ 多機能で、使いやすく、しかも、…

続きを読む

前回の HTML5 Webストレージでデータを保存 その5(なんちゃってソーシャルゲーム・Lv、Gold編) の続きとなります。 今回はいよいよ本題へと。 その前に、現在、クリックするとクエスト進捗、exの値が10づつ増えていく固定の数値となっておりますのでこれを少しばらします。 …

続きを読む

前回の HTML5 Webストレージでデータを保存 その4(なんちゃってソーシャルゲーム・ゲージ) の続きとなります。 前回までは、以下のデモページの様に デモページ http://www.webcyou.com/?p=4233 クリックすると「Quest進捗」「Ex」「Gol…

続きを読む

スクリーンショット 2013-02-09 13.33.20
前回の HTML5 Webストレージでデータを保存 その3(クエスト進行CSS3アニメーション) の続きになります。 前回まではボタンをクリックすると背景画像がCSS3アニメーションし、歩いている感じまで作成しました。 今回は、ボタンをクリックすると「Quest進捗」「Ex」「…

続きを読む

前回の HTML5 Webストレージでデータを保存 その2(なんちゃってソーシャルゲーム作成) 続きになります。 今回は、画面仕様である「 背景が変化する。(進んでいる感のアニメ)」の作成を行いたいと思います。 CSS3を使うことによって色々な表現ができるようになりました。 …

続きを読む

document.querySelector 概要 与えられたクラスの最初の要素を返します。 [code]element = document.querySelector( selectors );[/code] element は element オブジェクト…

続きを読む

スクリーンショット 2013-01-27 3.13.45
Mac SafariのWebインスペクタでのデバック iOS6になり、iPhoneで開いているページをMacのsafariからwebインスペクタによるデバックが可能になりました。 MacのSafariのバージョンが古い方はこちらからアップデートを行えます。 iPhoneの設定…

続きを読む

ob004
何気にここらへんについては書いていない感じでしたので、ざっとではありますがまとめさせて頂きました。 まず、ここが変だよJavaScriptといったところで挙げられるのは 「厳密な意味でのクラスという概念がない。」ということではないでしょうか。 ここで言う「クラス」とはCSSが参照…

続きを読む

Graphical FrontEnd Engineer
- Daisuke Takayama

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

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