Author's Posts

2012年7月8日〜2012年7月15日のFacebook変更点まとめです。 ※今回は日付順ではありません。次からは頑張ります！

facebook logo

Facebookページ、モバイルでタイムライン化

http://www.ikedahayato.com/index.php/archives/12469

ついにFacebookページがモバイルでもタイムラインに！モバイルでこそ真価を発揮するであろうタイムラインは期待大！ Facebookページへのモバイルの流入が進めばさらにおもしろいことになること間違いなし！！

友人の結婚を見逃しにくく–Facebookが新機能を発表

http://japan.cnet.com/news/service/35019225/

ウォールだけでは結婚や婚約を見逃してしまう可能性があるため、実装された機能だそう。誕生日機能と並んで便利そう。

DeNA、モバゲーでFacebookアカウントIDと連携した認証システムを導入

http://release.nikkei.co.jp/detail.cfm?relID=313984&lindID=1

ついにソシャゲ界でもFacebookが流行る！？ 個人的にはニコ動にFacebook連携があっても使わないように使わないんじゃないかなぁと思うのですがいかがでしょうか。

Continue reading Facebook変更点・ニュースまとめ 7月8日〜7月15日

Read more

CSS3への対応ブラウザがほとんどになってきているのでCSSでボタンを作ることも多くなっていると思います。
グラデーションもCSS3で出来るようになりましたが、とにかく面倒かつどこをどのようにすれば
どういうグラデーションがかかるかわかりづらいですよね。

そんなときはグラデーション自動生成ツールを使いましょう！

Ultimate CSS Gradient Generator
http://www.colorzilla.com/gradient-editor/

使い方は簡単で、Ultimate CSS Gradient Generator

左のつまみをドラッグして自分の作りたいグラデーションにする。（プレビューは右上）

好みのグラデーションになったら右のコードをすべてコピーして、セレクタに適応させる。
以上！！

もし自分でうまくグラデーションが作れない場合は、左上にプリセットがあるのでそこをクリックすれば
もともと作られたグラデーションのコードを作ることが出来ます。

今風のサイトを作りたい人はCSS3は絶対だと思うのでこの機会に勉強してみては？

Read more

色相環

色って面白いけど難しい

Webサイトを作るとき、様々なスキルが試されますよね。
企画能力から設計、コーディング、運用、保守。。。

その中でも特に頭を悩ませがちなのが配色ではないでしょうか。

ある程度の法則性がある、などと言われていますが、やはり慣れるまでは大変です。

参考：色彩センスのいらない配色講座 ( http://www.slideshare.net/marippe/ss-9003317 )

そこで今回お勧めするのは、adobe製配色パターンを閲覧出来るサイト「kuler」

このサイトでは誰かが作った配色パターンを自由に見ることが出来ます。（2012年7月13日現在70万個！！）

簡単に使い方を説明します。

まずは「kuler」にアクセスしましょう。

http://kuler.adobe.com/

気に入った配色を左から2番目のカラムから探しましょう。小さい矢印をクリックすると次の配色を見ることが出来ます。
気に入った配色を見つけたら赤枠の部分をクリックしましょう。詳細を見ることが出来ます。

kulerトップ

詳細画面です。
色をHSV、RGB、CMYK、LAB、HEX形式など、色々な形式で見ることが出来ます。
自分の好きな配色を探してどんどん使っていきましょう！！

kuler詳細画面
Read more

少しはまったのでシェア

例えばPostモデルで定義したhogeフォームのバリデーションを下のように定義します。
Controller では $helpers = array(‘Session’); を定義しておきます。

<?php 
class Post extends AppModel { 
    public $validates = array(  
        'hoge' => array( 
            'rule' => 'notEmpty',
            'message' => 'hogehogehoge' 
        ) 
    );
}

CakePHPのチュートリアルではモデルでバリデーションを定義すれば自動的にエラーメッセージが出力されたのですが、レイアウトを独自なものにした場合(案の定)表示されない。

エラーメッセージを出力するコードはどこかなぁと探してみるとありました。

flash( $key = ‘flash’, $attrs = array ( ) )
http://api20.cakephp.org/class/session-helper#method-SessionHelperflash

エラーメッセージを出力したい場合ビューで次のように書きましょう。

<?php echo $this->Session->flash();?>

あとはCSSで綺麗に装飾してあげればok

自分の場合はコントローラーのメソッドで $this->Session->setFlash(‘表示したい内容’); を定義して、出力します。
CSSやテンプレートはメソッド毎にわけているので切り替えが相当楽です。
よりよいやり方があれば教えてくださいー( ´ω`)

Read more

Facebookにアクセスするとき、URLを打つと、

www.facebook.com

と16文字になります。
ただFacebookにはこれを省略するURLが準備？されており、それを打つと一瞬でアクセス出来ます。

アドレスバーに次の5文字を入力してアクセスしてください。

fb.com

アドレスバーに入力された5文字がリダイレクトされ、

www.facebook.com
Read more