はじめてのVagrant ~ CentOS6.5 + ApacheでWebサーバを立ててみる

2014.1.17

logo_vagrant

Vagrant?

簡単に言うとインフラ構築の自動化
例えば 手動でやろうとすると、OS入れる度に VMでディスクイメージ読み込ませて あれやこれやと細かい初期設定しないといけないけど、Vagrantを使えばたった3つのコマンドで上に書いた事を勝手にやってくれる。
Vagrantは chefのようなツールと合わせて使えば超強力と巷では言われていて、要するにソフトウェアのインストールまで自動化してくれる
これはどういうことかというと…

インフラ構築にいちいち時間かける必要もなくなるし、ミスも防げるし、チーム開発の場合は 新しく入ってきた人でもすぐに環境構築できるし、何より「俺の環境では動いたよ」も減る。

個人で勉強用に開発環境立てては壊しまくったりする場合にもかなり便利だけど、チーム開発でも圧倒的な力を発揮。

とりあえず 今回に関しては Chef を使用せずに VagrantでOSだけ入れてもらって、動作確認の意味合いを込めてWebサーバの立ち上げをやってみる。

因みにVMを動作させる環境はフリーで落とせる VirtualBox を使用。

(続きを読む…)

ブラウザ上でぬるぬる動く3Dを実現する「Three.js」を触ってみた

2013.11.24

「3Dって何となく難しそうで手を出しづらいなー」と少し敬遠していたけど、ブラウザ上とかでサクサク動いているのを見てるとやっぱり自分もやってみたい。

というわけで今回はWebブラウザ上で JSベースでぬるぬる動く3Dグラフィックスを実現できる「Three.js」をいじってみた。

Q. JSベースとはいってもなんか複雑そうで手を出しづらいんだけど…

結論から言えば、基本的な流れを理解してしまえばなんとなくいじれるようになった。

この「基本的な流れ」って言うのは、Canvasで言うなら「クロスブラウザのチェックをして、canvas要素取得して、コンテキストを変数に格納して…」みたいな感じ。Three.jsの場合は以下に説明するような流れになる。

Three.js で3Dをいじるまでの基本的な5つの流れ

(続きを読む…)

文字をぷるぷるさせるjQueryプラグイン Rhythm.js

2013.9.21

jQueryのコードをいじっていた時にふと「そういえば文字がぷるぷるするサイトってあんまり無いよなー」と思った(最も、文字をぷるぷるさせた所で、サイトのユーザにとっては単なるストレスでしか無いけど)。

それにしてもそういうjQueryプラグインが一つぐらいあっても良さそうだなと思って調べたものの、それらしきものが見当たらなかった。文字に魅力的なエフェクトを加えたりするプラグインならあるんだけど、誰もぷるぷるさせようとは思わないみたいだ。

というわけで、せっかくの休日だし つくってみた。

 

Rhythm.js

Rhythm.js

 

使い方は簡単、以下ようにjQueryオブジェクトにメソッドを追加するだけ。

$( some_element ).rhythm();
$( some_element ).rhythm(200); // 200ms間隔でぷるぷるする。

地味にメソッドチェーンもできるようにしています。

$( some_element ).rhythm().html("Foo");

 

く、くだらん。。。(´・ω・`)

というわけで今回は「Rhythm.js」の紹介でした。良い休日を。