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

web帳

NewEntry

m14
どもです。今回は、 スマートフォンアプリである「ドラゴンクエストモンスターズ スーパーライト」や「パズドラ」のジェムを無料で50,000円分GETできる!! と、言った感じで書かれている「お小遣い稼ぎサイト」を試してみました。 それは本当なのか否か。 このお小遣い稼ぎサイトとは…

続きを読む

スクリーンショット 2014-04-29 8.27.24
どもです。 皆さん、GW前半どの様にお過ごしでしょうか。 私は相変わらずグダグダして過ごしておりました。 いやぁ。駄目だなー駄目だ。 それはいいとして、 最近、iPhone5の調子がよろしくなく、よろしくないと言うのも iPhone5のバッテリーの持ちが極端に悪かったりします…

続きを読む

スクリーンショット 2014-04-20 16.35.10
Yeomanとは Yeomanはフロントエンドビルドツールで、 Google社が作成した総合開発ツール群となります。 読み方は「ヨーマン」と呼びます。 公式サイト Yeoman http://yeoman.io 公式サイトには MODERN WORKFLOWS FOR M…

続きを読む

スクリーンショット 2014-03-31 0.54.37
最近、何かとnode.jsを扱っております。 いやぁ。面白い。 WebSocketをより簡単に扱うためのライブラリ「socket.io」や webフレームワークの「Express」等を使うことによって更により簡単にリアルタイムのコンテンツを作る事が出来ます。 今回は「socket.…

続きを読む

スクリーンショット 2014-03-29 23.59.11
どもです。 いやぁー本当に暖かくなり、色々と始めたい季節となりましたが、 皆さんどのようにお過ごしでしょうか。 ボケーっと、ネットサーフィンしていると、 APPGIGA!!さんのサイトで、私の作品が紹介されているではありませんかぁぁあ!!! APPGIGA!! http:/…

続きを読む

スクリーンショット 2014-03-26 7.30.28
最近、暖かくなってきましたね。皆さん、どのようにお過ごしでしょうか。 作業もしやすくなってきた季節ということもあって、 今回は、作業用BGMなど垂れ流し再生に最適なAPP「Clementine」のご紹介です。 Clementine Clementine http://www.…

続きを読む

スクリーンショット 2014-03-23 16.08.05
前回のさくらVPS(仮想専用サーバ)の設定方法の続きとなります。 VirtualHost設定 まずは、VirtualHost(バーチャルホスト)の設定を行っていきます。 バーチャルホストとは、Webサーバソフトの機能の一つで、1台のWebサーバで複数のドメイン名のWebサイトを運用す…

続きを読む

スクリーンショット 2014-03-22 22.33.25
サーバーを自前で建てたいなぁ。思い色々と検討しましたが、やはり色々と大変そうである。 色々と検討したなか、「さくらVPS」がコストも優しく扱いやすそうだったので使用することにしました。 VPSとはバーチャル・プライベート・サーバ(仮想専用サーバ)の略で、一台の物理的なサーバコンピュータ…

続きを読む

スクリーンショット 2014-03-16 10.25.06
node.jsでwebAppを作成する際、Expressを用いた様々なテンプレートエンジンが存在します。 有名ところで、「EJS」や「jade」等々とあるのですが、その中でも群を抜いて爆速といわれている(うたっている)テンプレートエンジンが「ECT」となります。 ECT 公式ペー…

続きを読む

スクリーンショット 2014-02-19 3.55.24
以前、 AndroidアプリをMacやWindowsで動かす アプリ「BlueStacks」 の記事でUPしていたのですが、 あの頃は、任意のAppしか扱えなかったですがどうやらβ版としてアップデートされたみたいで、 あんなAndoroidアプリやこんなAndroidアプリ、約…

続きを読む

スクリーンショット 2014-02-15 2.41.34
最近ではangular.js、backborn.js、vue.js等.. MVC(MVVM) jsフレームワークが話題だったりしますね。 凄い便利で管理コストも大幅に削減できたりするのですが、やはりパフォーマンスが気になるところだったりします。スマートフォン等のサイト制作となるとCP…

続きを読む

スクリーンショット 2014-01-25 20.15.51
「これ興味あるでしょ?」 と渡されたのがhtml5のタグが書かれたカルタでした。 おぉ。面白いですね。これ。って言っていると、 「選手で参加してください〜 mm」 と、説得させられ、 なんだかんだで、1月25日に行われた 「2014 新春!! 企業対抗HTML5KARUTA…

続きを読む

スクリーンショット 2014-01-17 5.24.49
どもです。 2014年も始まり、2週間が経とうとしておりますが、皆さんどの様にお過ごしでしょうか。 私はぼちぼちやっております。 そんなこんなで、今年2014年は去年以上にnode.jsが活用されそうな予感がしております。 node.jsとはなんぞや? って方は、 サーバー…

続きを読む

スクリーンショット 2014-01-08 6.48.58
2014年になり、数日が経とうとしていまして、正月ボケもそろそろ抜けつつある頃かと思います。 年賀状も皆さん出されて、時期的に言うとちょっとズレてはいるのですが、使ってみたら最強だったはがき作成App はがきデザインキットの使い方を紹介できればと思います。 はがきデザインキット…

続きを読む

スクリーンショット 2014-01-07 8.04.35
早いもので、私もフロントエンドという職業になって4,5年になります。 帰れない日々もあり、様々な問題ともぶつかってきました。 なんだかんだありまして、ここ数年では、PCからスマートフォンへ更にタブレットへと、私たちの扱うデバイスも変化をしてきました。 そこでぶつかる問題として「ページ…

続きを読む

スクリーンショット 2014-01-06 0.21.14
もう、2014年も5日が過ぎようとしています。 なー早い。早い。 とにかく時間がない。と誰かの歌詞の様ですが、何事も時間との勝負。 そうお仕事も。 という訳で、Grunt.jsでフロントエンドをサクっと自動化しようではありませんか! Grunt.js Grunt.js …

続きを読む

スクリーンショット 2014-01-05 6.02.08
という訳で、なるべく最小限、最短でVagrant + Chef Soloで環境構築を行いたいかと思います。 インストール、概要などは過去の記事を参照して頂ければと思います。 VirtualBoxとVagrantで開発環境を構築 VirtualBoxとVagrantで開発環境を構築…

続きを読む

スクリーンショット 2014-01-04 23.52.36
PHPStormを使用し、数ヶ月。 使いやすさにすっかり虜となりました。 だがしかし、メニューが全て英語と言うこともあり、設定に躓く事もしばしば。。 ま、慣れですかね。。 とにかく、そんな(どんなだ)PHPStormには素晴らしい機能が沢山あるのですが、その沢山の機能の一つで、…

続きを読む

スクリーンショット 2014-01-03 5.35.08
久しぶりにWordpressについて。 既存のWordPressサイトをそのままローカルに持って来たかったので、その手順についてとなります。 ファイルダウンロード 既存のWordPressファイルをftpを用いてファイルまるまるダウンロードを行います。 ローカルのVagra…

続きを読む

スクリーンショット 2014-01-03 0.14.27
明けましておめでとうございます!!! 今年も何卒、web帳の方を宜しくお願い致します。mm さて、新年1発目の書き初めなんですが、Xcode 5の使い方をざっと書いていきたいと思います。 というのも、久々にXcodeを扱う機会があったのですが、結構変わったいて戸惑いました。w …

続きを読む

スクリーンショット 2013-12-29 2.58.12
どもです。 気がついたら2013年もあと2日となりました。 いやぁ。早い早い! なんとなく始めたweb帳ですが、気がつけば4年目に突入し、周りの方々にも「見てますよ」とか「知ってますよ!」とか「あの時はお世話になりました」とか自分が寝ている間も誰かの為になっていたり、様々な声も頂…

続きを読む

スクリーンショット 2013-12-20 2.54.19
仕事はソースを書くことです。 さて、皆さんはどの様にして書かれているでしょう。 最近、テキストエディタで人気なのが、 Sublime Text http://www.sublimetext.com であったり、 Coda http://www.panic.com/…

続きを読む

2013.12.12

Ruby

Ruby 基本まとめ

ざっとRubyに関する基礎的な部分をまとめてみました。 Ruby基本 ruby実行 [code]ruby ファイル名[/code]  irb irb(Interactive Ruby)起動 [code]irb[/code] irb(Interactive Ruby…

続きを読む

スクリーンショット 2013-12-06 2.44.50
AngularJS 公式サイト http://angularjs.org 新たな、なんたらjsになるのですが、これまた超便利な事になっております。 何はともあれ公式サイトに記載されているサンプルのソースを試してみることに。 あら、不思議!インタラクティブでテキストが表示する…

続きを読む

スクリーンショット 2013-11-24 1.58.41
underscore.js 引き続き、underscore.js のArray Functionsのまとめとなります。   Array Functions first _.first(array, [n]) リストの最初の値を返します。 _.first([5, …

続きを読む

スクリーンショット 2013-11-19 6.28.12
underscore.js ども。 世間では、なんちゃらjsが多く溢れていて、何がなんやらで大変ですね。 でも、そんななんちゃらjsが皆さん好きなのかも知れませんね。 と、そんな感じで、今回は登場してちょっと経ちますが、配列操作に便利な underscore.js について書いて見…

続きを読む

スクリーンショット 2013-11-18 0.23.42
前回、 VirtualBoxとVagrantで開発環境を構築 VirtualBoxとVagrantで開発環境を構築 その2 PHP + MySQLインストール VirtualBoxとVagrantで開発環境を構築 その3 phpMyAdmin インストール centOS apac…

続きを読む

スクリーンショット 2013-11-17 4.52.18
便利だ。 SQLiteは便利だ。 SQLiteとは、MySQLやMariaDBやPostgreSQLと同じ関係データベース管理システム(RDBMS)であり、 データの保存に単一のファイルのみを使用することが特徴であります。 DataBaseを扱うそんなに大規模でないweb Appを…

続きを読む

スクリーンショット 2013-11-14 22.22.36
どもです。 何かと、最近話題なドラゴンクエストなんですが、バトルシーンのシミュレーターを行いたいなと思い、 前回製作した、 CSS3 jQueryでドラゴンクエスト風戦闘シーン作りました。 を改良し、Smarty + php + Javascriptで、 「ドラゴンクエスト バ…

続きを読む

スクリーンショット 2013-11-06 21.57.52
今回はMVCモデルのPHPアプリ作成についてとなります。 MVCに関してはもうすっかりお馴染みかと思われますが、軽く説明を、 ・Model モデル ・View ビュー ・Controller コントローラ と、3つの要素で設計で実装される方式です。 それぞれの概要を説明すると、…

続きを読む

スクリーンショット 2013-11-30 22.49.51
Function (uh, ahem) Functions bind _.bind(function, object, [*arguments]) function を object に束縛します。 関数が呼ばれたときはいつでも this の値が object になります。 …

続きを読む

スクリーンショット 2013-10-21 5.36.52
今回は、スマートフォンサイト、webビューApp(ハイブリッドApp)等HTML5、CSS3、JavaScript等を用いてコンテンツを制作する際によく使う(使うと便利)JavaScriptをまとめてみました。 ユーザーエージェント スマートフォンサイトを制作する際に、ユーザーエージェ…

続きを読む

スクリーンショット 2013-09-29 14.33.55
前回、 VirtualBoxとVagrantで開発環境を構築 その2 PHP + MySQLインストール などの記事で、VirtualBoxとVagrantで作った環境にMySQLをインストールしたのですが、 よく考えると文字コードの設定を行っていませんでした。 MySQLで日…

続きを読む

スクリーンショット 2013-09-15 20.59.35
iPhone5s、5c 共に発表されましたね! 今回からdocomoも参戦ということで、softbank、au、docomo3社とも9月20日に販売するって事で、いやーまた、MPBであっちやこっちやといくのでしょうかねぇ。 私はiPhone5を購入したので今回は特に購入する予定なし…

続きを読む

スクリーンショット 2013-09-08 0.31.11
前回の VirtualBoxとVagrantで開発環境を構築 その2 PHP + MySQLインストール の続きとなります。 phpMyAdmin 今回は、phpMyAdminをVagrant (centOS)にインストールして、ブラウザからMySQLを扱えるように設定しま…

続きを読む

Graphical FrontEnd Engineer
- Daisuke Takayama

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

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