めちゃめちゃおもしろい携帯小説(？)を見つけた
めちゃめちゃおもしろい、とにかく引き込まれる携帯小説を発見したので紹介させて下さい。
携帯小説ではないんですが、掲示板に書かれたものなのですが 文章の流れがほぼ会話を通してなのであっさりしていて読みやすいです。
普段活字は読まない現代っこなITかあさんですが、この小説はとにかく引き込まれました。
・グロイ
・ホラー
・ミステリー
・感動
・だいぶいっちゃってる
全部の要素を全て織り交ぜた短編ストーリーです。
全部読み終えるのに軽く１時間はかかるかもしれないですが、とても引き込まれるので一度に全部読んでしまいました。
妹がお母さんの作る料理が不味すぎて、餓死して死んだところからストーリーは始まります。妹の死体を連れて旅を続けていきます。
話がだいぶ ぶっ飛んでいるんですが、生きること、死ぬことはどういうことなのか、とても考えさせられました。
とにかくおもしろいのでぜひ一度読んでみてください。
俺「母さんの作るご飯がまずすぎて妹が死んだので旅に出ます」 – ゴールデンタイムズ
CSS3で実装するアニメーションメニュー
Jqueryがはやり始めのころ、よくメニューがアニメーションするグローバルメニューが流行りましたね。
CSS３だけで実装するアニメーションメニューの紹介をします。
デモページではJqueryでの実装と比較もしてくれています。
Animated Navigation Menu with CSS3 | Web Designers Desk
CSS3で実装する、かっこいいホバーアクション
CSS3 で実装可能な代表といえば、やっぱりアニメーションでしょうか？まるでFLASHのような美しマウスhoverをCSS3でのみ実装しています。
なお、このCSS3でのみ実装しているので、safariかChromeで確認することができます
Cakephp Count で件数取得
Cakephp 1.3 Count で件数取得
$conditions = array('conditions'=>array('Shop.area' => 7),
'order' => array('rand()'),
'limit'=>6,
);
$count = $this->Shop->find('count',$conditions);
debug($count);
Cakephp 1.2 Count で件数取得
$count = $this->Sample->findCount('count',$conditions);
find(‘count’,$conditions)として、第二引数に条件を書くことができます。
Cakephp 件数 とかで検索すると、ほとんどが１．２以前の情報で、現在の開発環境がCakephp１．３環境だったのでちょっとてこずりましたが上記方法で無事解決。Cakephpでの件数取得はバージョンで異なるので注意が必要です。
うちのじいちゃんは土葬だった。
いきなりですが、１０年前に他界したうちのじいちゃんは土葬だ。
茨城県の旧里美村っていうところがあるんですが、近所の山に木の棺ごと埋めた。
これを旦那に話したら、とにかく驚いて驚いて、
『それは埋葬ではなく 遺棄だ！』
と興奮していた。
え？そうなのかな・・・と思い返す。
決して遺棄はしていない。ちゃんと死亡診断書があったし、役所に届けたし。何よりじいちゃんは交通事故で亡くなったので、そこには警察の介入したので遺棄には当然ならない。
う～ん、その旧里美村がそういう風習だったのかどうかは知らないけどね。
それよりさらに５年ほど前にばあちゃんが亡くなった時も土葬だった。
だから、私の中で死んだら棺ごと土に埋葬するのが当たり前だと思っていた。
で、その里美村の何軒かの家の墓がまとめてはいってる山があるんですが、そこでは一人あたりもれなく墓がついてくる。
ちょっと言い方が不謹慎かもしれないけれど、燃やさないので場所をとるわけです。棺ごと埋めているので骨壷も当然ない。
先日の大地震で福島との県境に程近い旧里美村も揺れはそうとうなものだったらしく、墓石が全部倒れたと実家の父が言っていた。
『いや～、何個か元に戻したけど、全部は無理だったわ～。』
『墓石自分で戻せるんかい！？』
と思ったそこのあなた。
墓石と言っても、東京都内一等地の墓石と一緒にしないほうがいいです。墓石と言っても石？岩？のようなものに文字が彫ってあるだけです。
墓石があるのは先祖の中でもちょっとえらい？人だけで、他の一族は
『棒だけ』
です。
アイスの棒ではないですが、なんと言うか、高さ１Mほどの木のくいを打ちつけてあるだけです。
うちの実家一族の墓ｴﾘｱみたいなのがあるんですが、そこには合計１０個の墓石と棒が並んでいます。
棒しか立ててもらえない人は、線香を供えるところがないので、土に線香とお花を立てます。
正直いうとそろそろ手狭になりつつある実家の墓ｴﾘｱなのですが、おそらく手狭になったら
まあ山なので木を切り倒して拡張するんだと思います。
『葬式やったのか？葬儀屋入ってないんじゃないか？』
といわれたのですが、まだ当時子供だったので葬儀屋が介入したかどうかまでは知りません。
ただ、ふつ～～～～～～の葬式だったと思います。祭壇があって、棺があって、和尚様がきて、お経も読みます。
ただ違ったのが、一通り葬儀が終わると一族の男性陣が棺を神輿のように担いで、近所の『墓ｴﾘｱ』に持っていき、
一族全員で棺が納まる大きさの穴を掘ります。
深さは１M50 ほど彫っていたはず。そうとう彫るのが大変そうでしたから。
この話を旦那にした時、『ぜったいやばい、おかしい！！違法だ!』
といわれたのですが、違法ではないはずです。自治体によって土葬は禁止されているのですが、警察介入してまで死体遺棄ということはないでしょう。
土葬が当たり前で育った私は、死体を燃やすことのほうが恐ろしく感じますが・・・。
自然に土に還すという意味では一番利に適っているかと思いますが、最大のデメリットは
『骨壷がない』
ということ。つまり、
『墓の移動ができない』
という最悪な結末が・・・
うちの父が墓と家を含めて相続したものの、茨城の墓には入りたくないから墓を移動したいと考えているようで。
骨壷ないので、移動がひっじょ～～に困難なのです。
まだこの年で自分の埋葬方法を考えるのはあれですが、火葬はいやだな～と思ったりします。
もしかしたら、私の実家が変わっていただけなので、旧里美地区の方みなさんが土葬をしているわけではないと思います。
ちなみに日本では全体の１％は土葬の地域があるそうです。
ダミー画像作成ジェネレイター 5つのまとめ
WEBデザイナーでもWEBプログラマーでも『あ、ここにダミー画像欲しいな～』っていうこと、ありますよね～。そんな時はURLだけでサクっとダミー画像を用意しちゃいましょう。そんな便利なダミー画像作成ツールと、何に使うのかよくわかんないダミー画像作成ツールを紹介します。
placehold.it
http://placehold.it/300×200/ccc/666.gif&text=This+is+a+test
日本語に対応していないのが残念なところ
placehold.it
DummyImage.com
http://dummyimage.com/200×100/000/fff.gif&text=いや～ん
こちらはばっちり日本語にも対応しています！使いやすい
DummyImage.com
flickholdr.com
http://flickholdr.com/300/200/sun
こちらはFlickrの画像を利用して作ったダミー画像の作成ツールです。
http://flickholdr.com/300/200/sun
http://flickholdr.com/
Random Image Generator
キレイな模様のイメージ画像を作れます。ランダムなので10個作った中から好きなものを使うようにします。
Random Image Generator
lorempixum
flickholdr.comと似ているんですが、さらに白黒も選べます。
今日のまとめ
なんだかんだ言って、簡単なURL形式で画像が作成できて、日本語にも対応しているDummyImage.com に軍配が上がった気がする。それはそうと、GDとかImage magickって縦書になぜ対応できないんでしょうか・・・(涙
WEB制作に最適なミニアイコン集32
WEB制作に最適な32のアイコン集！かわいくてついつい見入ってしまいます！無料で今すぐ使えるアイコンばかりです！
シンプルで使い勝手のよいものばかり並んでいます！WEB制作に最適なミニアイコン集32
Useful Free Small Icons For Web Development Projects
これはすごい！iphone、Android 33のWEBキットまとめ
iphone、Android 33のWEBキットまとめ
先日 JqueryMobileなる iphoneサイトが簡単に作れちゃうプラグインを紹介しましたが、やっぱり事前にPhotoshopなんかでデザインの準備はしっかりしないとね！
iphoneだけじゃなく、Android、ipadなどの高品質なWEBキットが紹介されています。Photoshopデータなのも助かります！
Browser Form Elements PSD
Apple iPhone 4G .PSD
Galaxy まで・・・す、すごい。
Android 2.2 だってあります。
まだまだあります！こちらからどうぞ！
33 Hottest Web and Mobile UI, Wireframe Kits and Resources
Jquery Mobile 即効iphoneサイト
新しいスマートフォン サイト作成のフレームワークが出たということで、早速試してみました。
その名もJquery Mobile。
特徴は
- HTMLの知識だけでiphoneサイトが作成可能
- 軽い
- 動きも滑らか
以前 jqtouchというものを使ってiphone版サイトの作成を試みた時は、動きが硬い、使いづらい、カスタマイズし難いなど問題があり、Senchaというフレームワークを使ってみようとSenchaの勉強を始めたところだったのですが、Javascriptの知識が豊富にないとやはりカスタマイズに難ありでした。
その点、このJquery MobileはHTMLの知識だけでiphoneサイトが作れてしまうという優れものです！
ファイルの読み込みは３つだけ。
<link rel="stylesheet" href="./js/jquery.mobile-1.0a3.min.css" />
<script src="./js/jquery-1.5.min.js"></script>
<script src="./js/jquery.mobile-1.0a3.min.js"></script>
読み込みの順番もこうなります。
ファイルのダウンロードはこちらからできます
とにかく、HTMLだけでiphoneサイトが作れる！
これは今回私がデモ用に書いたindexファイルなのですが、Javascriptは一切自分では書いていません。
DEMO
(こちらのデモはスマートフォンか、Google Chromeで見ることをおすすめします)
<div id="page_move" data-role="page">
<div data-role="header"><h1>ページ遷移</h1></div>
<div data-role="content">
<ul data-role="listview" data-inset="true">
<li><a href="#page_move_next1" data-transition="slide">スライド(横移動)</a></li>
</ul>
</div>
<div data-role="footer"><h1>Demo</h1></div>
</div>
<div id="page_move_next1" data-role="page">
<div data-role="header"><h1>ページ遷移1</h1></div>
<div data-role="content">
試しに作ってみました。どうでしょうか。
</div>
<div data-role="footer"><h1>Demo</h1></div>
</div>
WEBデザイナーの方はだいたいソースコードを見ればどういうことをしているのかがイメージ付くかと思いますが、シュッという動きやフェードなど iphoneサイトっぽいエフェクト効果のついたリンクについてはページ内リンクということになります。
全頁に渡ってエフェクト効果付きのページ遷移をすると、１ファイルあたりのコード量が計り知れないものとなりますが、そのあたりはPHPファイルで個別にインクルードしてあげる必要があるでしょう。
動きの解説
iphoneサイトっぽい動きにしたい時は
リンクボタン
<a href="#page_move_next1" data-transition="slide">スライド(横移動)</a>
リンク遷移先
<div data-role="header"><h1>ページ遷移1</h1></div>
<div data-role="content">
試しに作ってみました。どうでしょうか。
</div>
<div data-role="footer"><h1>Demo</h1></div>
</div>
このようにページ内リンクを書いてあげるだけで、そこがAjax通信になるというわけです。
ページ遷移の効果
| スライド(横) | data-transition="slide" |
| スライド(下から) | data-transition="slideup" |
| スライド(上から) | data-transition="slidedown" |
| ポップ | data-transition="pop" |
| フェード | data-transition="fade" |
| くるくる | data-transition="flip" |
他にもたくさんの効果がありますが,私も始めて使ってみたのでここまで。
フォームなどの効果もたくさんありますので、みなさんもぜひ使ってみてください。