canvas機能をつかったお絵かきツール作ってみた


ブラウザ上でお絵かきをするサイトを作ってみたいと思い、調べていたらHTML5のcanvas機能を使えばできるということが分かったので、簡単なものを作ってみました。

参考にしたサイトは以下。

HTML5のCanvasで作る、Flash不要のお絵かきツール

HTML5とjQueryでブラウザーがペイントツールに!

 

作るにあったって、javascriptとjqueryの知識が少し必要になります。

Jqueryの基礎知識は以下のサイトで勉強することができます。

Web制作の現場で使えるjQuery UIデザイン入門

できたものはこちら。http://www.patapata.info/

参考にしたサイトの完成品と同じものですね。本当はもっと高機能なものを作りたかったんですが、自分には高度すぎるというか時間がかかりまくってしまいそうだったので、とりあえずお絵かきツールはここまでにしようと思います。

僕は見た中で一番高機能でおもしろそうなお絵かきサイトはCANVASというサイトです。URLは以下。

http://canv.as/

今の僕にはとてもじゃないけどこんなのは作れません。

とりあえずJqueryにもう少し慣れるところから始めようかと思います。

 

Firefoxでブラウザの画面にカーソルが表示される


いつのまにかfirefoxのブラウザ内にカーソルが出現するようになり、うっとうしく思っていたんですがそういう機能なんだということが分かりました。

 

この機能はキャレットブラウズモードといいます。キーボードでテキストを選択するための機能だそうです。

「F7」を押すことでON/OFFの切り替えができます。

 

2011年度 日本の自殺者数


2011年度の日本の自殺者数は3万513人で、13年連続で3万人越えだそうです。

ですが、おそらく正確な自殺者の数はそれをはるかに超えるでしょう。なぜなら自殺と認定されるのは24時間以内に発見された遺体だけだからです。

若い人間も中年も老人も、独り身で暮らしている人は以前より多くなっていると思います。孤独な身で自殺を選んだ人間が24時間以内に発見されるのは難しいんじゃないでしょうか。自分の勝手な予想だと10万人は超えている気がします。

僕は20代ですが、20代でも自殺は急増しているようです。以下の図が示す自殺の理由は主に、仕事に関係するものです。

 

そもそも日本にはこれからどんどん仕事無くなっていくわけです。海外に工場は移されるし、少子化で内需は減るし、高齢化で社会福祉税が若者世代にのしかかる、と衰退していく一方でしょう。

そんな日本なのに、仕事なんかを理由にして自殺してたら命がいくつあっても足りんだろと思うわけです。就職失敗しても失業してもいいじゃないかと。親もとに帰るもいいし、それが無理なら生活保護を受けてまたやり直してもいいと思う。(10年後とかは生活保護も破綻してるかもしれないけど)

ネット上では生活保護を受ける人間がどんどん増えていくと破綻するとか、自分が納めている税金が生活保護受給者に使われるのが憎いって感じの意見が多いです。そもそも生活保護を受けることは恥ずかしいことだって認識をしてる人がすごく多い。たしかに言いたいことはわかるけど、そういう考え方をしているとこれからの日本はますます生きにくい国になっていくと思う。今後はどんなに努力しても失業したり、そもそも就職できない人間が大量にうまれる世の中になっていくからです。

金はなくてもギスギスしてない世の中になってほしいと思います。

 

 

【HTML初心者用】2カラム、3カラムレイアウトを作る方法


HTML初心者のうちは2カラムや3カラムのレイアウトを作ろうとしても上手くいかないことが多いと思います。

こういうものは、がんばって考えるよりできている物を見てコピペするほうが簡単だし、正しい文法を覚えれます。

図を使って順番に説明していて、すごくわかりやすく紹介しているサイトを見つけたので紹介します。

2カラムレイアウトの作成

3カラムレイアウトの作成

 

今回はこれだけ。そいではノシ

cakephpで画像の削除をしてもそのまま表示されてしまう場合


画像の削除処理で手間取ったのでブログに残しておきます。

画像の投稿はImageBehavior というものを使っています。画像サイズの変更など簡単にできて便利ですが、削除した際に削除前の画像がそのまま表示されてしまいました。これはブラウザにキャッシュされたものが表示されているようです。

解決策としては、表示される画像にパラメーターをつければ新しい画像を読み込んでくれます。

http://example.jp/img/image.jpg?=201202231208

<?php echo $html->image('/img/' . $filename . '?=' . date('YmdHms')); ?>

これで解決。

 

 

画像を削除する方法ものせておきます。

自分が使っているImageBehaviorでは下のように画像が保存されます。これをユーザーごとのフォルダごと削除する方法を記します。

/webroot/img/User/1/image.jpg
/webroot/img/User/1/thumb_image.jpg
/webroot/img/User/1/small_image.jpg
users_controllerに以下の関数を追加
<?php
function __removedirectory($dir) {
  if ($handle = opendir("$dir")) {
   while (false !== ($item = readdir($handle))) {
     if ($item != "." && $item != "..") {
       if (is_dir("$dir/$item")) {
         remove_directory("$dir/$item");
       } else {
         unlink("$dir/$item");
       }
     }
   }
   closedir($handle);
   rmdir($dir);
  }
}
?>
任意の場所から呼び出せば削除できます。
remove_directory("ディレクトリへのパス");

これでOK!


					

フィギア画像投稿サイト「@figure」を作成しました


@Figureはフィギアの画像投稿サイトです。最近のフィギアは可動性にとても優れているので、フィギアを使ってストーリーを作って投稿したいと思っている人は多いんじゃないかと思って作成しました。ウッディのフィギアなんかは表情も豊かなので2chなんかに画像がよく投稿されていますよね。

ユーザー登録を済ませば、だれでも簡単に画像投稿をすることができます。フィギアを持っている方はぜひぜひ一度使ってみてください。ストーリーを作って見せ合うサイトということになっていますが、自慢のフィギアの画像を投稿ってだけでもウェルカムです。

↓こんな感じのとかおもしろいです。

タイトルロゴはピクシブで活動されているめろぱんさんに依頼しました。ナイスおっぱいなキャラ絵を多く描かれているめろぱんさんですが、ロゴもめちゃくちゃクォリティが高くてびっくりしました。いつかまたアニメとかゲームのサイトを作ることがあったらめろぱんさんにロゴをお願いしようかな。

↓ナイスおっぱい!

というわけでフィギアやぬいぐるみなどを持っている方はぜひぜひ@Figureで遊んでみてください。

そいではノシ

 

 

 

 

新サイト マンガやアニメの名台詞クイズサイト 『かけあい』を作りました。


新サイト『かけあい』を作成しました。漫画やアニメの名台詞についてのクイズサイトです。

キャラの掛け合いの選択肢から正解を選ぶクイズです。ロゴのキャラクターはピクシブで活動されている 綾兎さんに依頼しました。ユルイ感じのカワイイ絵を描いてらっしゃいますね。

以前記事にしたJqueryを使ったカウントダウンはこのクイズに使いました。一問何秒以内に答えなければならないという制限を加えたわけです。

大変だったのは、誰もが知ってる名台詞を探すことです。どうしても自分基準になってしまいます。世代ごとに知ってる漫画や、人気な漫画は違うわけですからね。だから諦めて入力フォームを作ってユーザーから募集することにしました。

この記事を読んでいただいた方にはぜひぜひ一度クイズに挑戦してもらって批評をしていただきたいです!

そいではノシ

 

 

激安家賃!事故物件を探してみた


一つ前記事で東京の安い賃貸を探すと書きました。

安い賃貸といえば・・・・・・『事故物件』ですね。

BusinessMedia誠で事故物件の探し方を記事にしているものを発見しました。

「幽霊なんて出ませんよ」――格安家賃の“事故物件”を探してみた (1/2)

■分かったこと

  • UR都市機構という賃貸の管理を行う独立行政法人が紹介してくれる
  • 事故物件は『特別募集住宅』と呼ばれる
  • 首都圏の特別募集住宅は1年間の家賃と敷金が半額になる
  • 住戸内は先住者が亡くなった状況に応じて設備の交換がされる
  • 幽霊はでない

1年半額!これはいいですね!気分的な気持ち悪さを気にしなければこれはお得です。

というわけで特別募集住宅の空室の問い合わせをしてみました。

電話対応をした方は、ごく普通に首都圏のものを検索して教えてくれました。けっこう事故物件を探している人って多いのかも。

今回紹介してもらった物件の所在地は、国立、立川、東村山、練馬区、板橋区などでした。

間取りは3K、3DK、2LDKなど家族で住むような間取りばかりで一人暮らしがしたい自分としては部屋が無駄に多くてもなぁって感じです。

家賃は7万~8万くらいが多いです。これが半額になって共益費がついて月に4万~4万5千くらいになるのか。

だが気になるのは管理開始をした年度です。昭和40年代とかが多い!これは築50年くらいってことになるのかな・・・改築とかしてるのか・・・?東京は4年以内に直下型の地震がくる確率が70%とかいう分析を東大がしてたと思うんだけど・・・大丈夫か・・・?

そんなこんなで独り身の自分にとっては魅力的な空き部屋が無かったです。家族連れの方で都内で格安賃貸をお求めの方はぜひぜひUR都市機構で探してみればいいんじゃないかと思います。

 

 

 

 

 

アフィリエイターの憂鬱


現在僕は田舎の実家で個人事業主としてウェブサイトを作って収入を得ています。

会社で働かなくても一応生活できることは分かりました。やりようによっては一人でもサラリーマン以上に稼ぐことはできる。それどころか努力と運しだいで大きな収入を得ることもできると思う。

だが!・・・つまんないです・・・

日常で人と出会うことが無いとつまんないです。

人と関わらないとなんの刺激も無いし、ほんとつまらん。

僕が初めて働いたのは精密機器の工場で、従業員が何千人といるところでした。日々働いている中で自分が考えていたことは、「こんな毎日がずっと続くなんて嫌だ、なんか他のことしたい」でした。今の自分の「一人でやっててもつまんない」とはまた別の悩みです。田舎者の自分はとりあえず東京に行ってみたいなと考えていたので、東京でウェブ系の仕事に就くことにしました。

東京では携帯アプリを作成する仕事に就くことができました。若い人間が多くいるベンチャー企業でした。仕事の内容自体は楽しいですが、ものすごーくストレスの溜まる職場で、イライラしながら考えたことは、「こんなストレス溜まるほどの労力を会社の為につかうより、自分で自分の金稼ぐ為に使ったほうがいいんじゃね?」でした。
ただのヘタレ野郎みたいだけど少人数のベンチャー企業で働いてみたからこそ、この考えはでてきたんだと思います。要するに「5人くらいで金稼げるんなら1人でもやれるだろ多分」と思ったわけです。

プーになってからは気楽でした。サイト作成自体はいろいろ苦労しながら作ったけど精神的にはものすごく気楽でした。でも、人と関わる時間がほとんど無くなりました。日頃は家のパソコンの前でずっと作業をしているので人と関わることが無いわけです。最初は全然平気だったんですけどだんだんとつまんなくなってきました。仕事がしたいわけじゃないけど、人と関わるなにかがしたいと思えてきました。

というわけでまた東京にでも行ってなんか人と関わることしたいなと思う。

家賃がやたら高いのが問題なので、安い賃貸を探してみようかな。事故物件とか!

これであなたもDQNネームに!『キラキラネームメーカー』


『キラキラネームメーカー』というサイトを作りました。

入力された名前をキラキラ(DQN)ネームに変換するサイトです。よくあるメーカー系の言葉遊びサイトですね。

僕は華麻生(かまお)という名前を授かりました。ありがたや。

このサイトでは初めてサイトのデザインを外注するということをしました。デザインを受けてくれたのは『ウェビメモ』の霙さんです。

霙さんに依頼した理由は、ウェビメモのブログデザインがちょうどいい感じにゆるかったからです。ウェブデザインが本業ではないとのことだけど、とても良い出来のデザインで、大満足です。

今回はじめて人に外注したことで、「自分が苦手なことは得意な人にやってもらうのがいい」ってことを強く思いました。僕はHTML、CSSのコーディングやPHPのプログラミングは好きだしやる気になるんだけど、デザインは苦手だしセンスもないので嫌いです。しかも自分でやろうと思ったらフォトショップやイラストレーターといったお高いソフトを買わなければならない。。。だったら得意な人間に依頼すればいーじゃんってわけです。

自分で全部作るってのにこだわらないで人にドンドン依頼してみると、サイトを作るのがもっと楽しくなるんじゃないかなと思えてきました。

そいではノシ