僕を昔から知っている人はご存知かもですが、僕が以前書いていたブログはゼンッゼンだっれも見てくれないブログでした。その時のPVは覚えてませんが、確か月間1000PV無かった気がします。 確かに、このブログを立ち上げたのは7月。傍目からすればわずか5ヶ月しか経っていないように見え、「勢いあるねーっ」と言っていただけることが多いわけですが、別に技術力が何か特筆してすごいわけでも無い、ましてや職種はディレクターだけど経験が豊富なわけでも無い。そんな僕がブログを今の状態にするまでには、実は約１年以上の歳月を費やしてきました。 今日は、よくある記事になるかもしれませんが、その1年の歳月を使って自分が何をしてきたのか。さらにタイトルにあるよう、どうやって公開から一週間でPV1万超えさせることができたのかについて、僕なりの方法を一度まとめておこうかなと思います。 ちなみに、このブログは作って5か月が経ち、

このブログがフロントに関する記事が多いもんだから、たまにデザイナーと呼ばれることがあるんですが、僕は業務としてはデザインよか制作ディレクションの方がどちらかと言えばメインなんですよね。 そんなディレクターとしての役割の一つに、周りにいる優れたデザイナーやプログラマー、デベロッパーの業務効率を考えることが挙げられます。 何を取るわけでもなく中途半端な僕ですが、ディレクターとして周りの各プロフェッショナルの役に少しでも立てればと、そして制作する上での効率を向上させるべく色々情報収集をする中で、よくチートシートの存在を目にします。（チートシートってどれだけ普及してるのかわかりませんが、つまりカンニングペーパーのことらしいです。） WEB屋にとってのチートシートって、どれだけ優れた技術力やデザイン力を持っていても、何かしら新しい発見がある物ですよね。以前書かせてもらった時間の価値は人によって違う！

今日はちょっとバンクーバーについてのお話です。バンクーバーは英誌エコノミストの調査部門エコノミスト・インテリジェンス・ユニット（ＥＩＵ）が定めた世界一住みやすい都市に、5年連続で1位に輝いている都市です。 僕もこの都市に住みだして早4年が過ぎようとしていますが、留学当初は街の穏やかさと人の暖かさに触れて、この街に移民したいと節に願うようになった時のことを未だにはっきりと覚えています。（日本人は間違えやすいですが、移民は国籍変えることではありません。） そこで今日はカナダのバンクーバーオリンピック時にスポーツカメラマンとしてバンクーバーへ留学した竹見脩吾さんにお願いして、バンクーバーの魅力を語る写真をご紹介頂こうと思います。 竹見さんは今日本で活躍する現役のプロカメラマンですが、先日撮影でバンクーバーを訪問された際に僕のブログに記事を書いて頂ける機会を頂きましたのでご紹介させて頂こうと思いま

HTML5で書かれたサイトも多くなってきましたねー。僕はまだまだ勉強段階ですが、やっぱりHTML5のフレームワークなんかもたくさん出るんだろうなぁと思ってたら、まさに僕の理想を見つけたので、おすすめのフレームワーク含めていくつかご紹介（DLフォルダの中身も軽く紹介）。中にはフレームワークとしてではなく、勉強教材としても使えそうな物もあって楽しいですよ。 G5 Framework 個人サイトなんかから使えそうな使いやすいフレームワーク。ＤＬしてフォルダ開くと下のようなフォルダ構造。うーん。シンプルだし、分かりやすい。なかなか好印象っす。しかし、なぜindexがphpなんですか？ あ、でもCSS3 Pie（IE6-8対応のCSS3デコレーションキット的な奴）を使ってるんですね。デフォで使ってあるのはうれしーっす先輩。 52 framework こいつもクロスブラウザ対応をうたってるＨＴＭＬ5と

先日、僕が有料で使っているWEBサービスをまとめる機会があって、見返してみると2011年は本当に沢山のWEBサービスを有料で使いだしました。 思うんですが、世の中には沢山のWEBサービスで溢れていますよね。 プロジェクトマネジメント、クラウドソーシング、SNS管理、リソース関連。沢山ありすぎてどれを使っていいか分からない人も多いと思います。 そこで今日はいい機会なので、僕がWEB屋として活動する中で、あえて”有料で使っているサービス”を紹介してみようかなと思います。 一応先に付け加えておきますが、サービスの宣伝とかではありませんので、素直な感想とかガンガン書いていきます。 あと、値段の表記は僕が支払っている値段です。他のプランがあるものもありますのでご注意ください。 Dropbox 有料版50GB $99/年 今30GBくらい使っていますが、もはやこれ無いとやっていけませんね。 使っている

WEBデザインとか、レイアウティングとか言ったって色々な種類がありますよね。シングルカラム、ダブルカラム、マルチカラム等のカラム分けもそうですが、ランディングページ、ブランディングページ、コミュニティサイト、ポータルサイト、そのそれぞれによって特有のレイアウトやデザインが存在したりしますが、同じくらいデザインテクニックも時と場合に応じた提案方法があるわけです。 今日は、今年に入ってWEB屋仲間との間で何度か話題に上がった（気がする）デザイン技法的な物をいくつかピックアップします。情報として激古い物も、新しい物も、え？これテクニックか？って言う物もあるかもしれませんが、この記事自体次回のレッスンの教材にするつもりなので、あまり突っ込まないで上げてください。 Grid System 話に上がるというより、最近はWEBレイアウトの話をするときは当たり前のように使ってますね。 「じゃーデザインしよ

僕は日本語が下手くそです。大学には行かず、高校時代もバイトばっかりしてたのが災いしてか、日本語の表現力に余り自信がありません。なので記事のタイトルを作る時は膨大な時間をかけてしまいます。 それでも、いつもお世話になっている他の人気記事を参考にして、どうすれば見てもらえそうな記事のタイトルが作れるのかを日々悶々と考えていたりするんですが、結構良く使われている言い回しって多いなと思うわけですね。 いったい誰の役に立つのか分かりませんが、少なくとも僕はこんな感じでまとめておくと、書きたい記事の内容にぴったりなタイトルが思い浮かんだりするので、微力ながら誰か同じような悩みを持つ人の役に立てればと思い、僕のEvernoteにある“タイトル言い回し帳”というノートから全部コピペでご紹介。順不同で適当に載せています。 ～のまとめ ～のまとめのまとめ 明日役立つ～ 今日から始める～ みんな大好き～ 知らぬ

シンプルに最も伝えたいことを伝える。そんなミニマルな広告に魅せられてから、ずっと色々な広告やサイトを見てきました。 ミニマルデザインだからといって、何もシンプルなのが大事じゃないんだと思うんです。無駄な要素を排除して、いかに伝えたいこと簡潔に伝えるかを意識したデザイン。必要最小限の要素を使ってどうユーザーにどう語りかけるかが最も大事だと思っています。 色々なデザインメソッドを組み込むデザインに比べ、考え方が難しく理論詰めて考えなければ出来ないデザイン技法だと僕は思っており、今日ご紹介するのは、この6年くらいずっとミニマルデザイン意識して見てきて、自分なりにミニマルデザインに対する考え方を育ててきた、自分の考え方のまとめとしての記事を書いておきたいなと思い投稿します。 ミニマルデザインの極意１．マージンに“意味”を持たせる ミニマルデザインを考える上でトップを争うくらい重要なことだと思ってい

毎月1日にバンクーバーのWEB屋仲間で集まってワイワイしているのですが、そこに集ってくれた皆に、話の流れで「印象深かったポートフォリオサイトを教えてください」という質問を投げたところ、色々なサイトを教わりました。 まとめるのに時間がかかってしまいましたが、皆と話して折角なのでブログに書いて共有しておくことにします。 まとめ兼メモ的な記事になりますが、何かの参考になれば嬉しいです！ちなみにFacebookの方でも日々情報共有しておりますので、是非ご覧ください！ Adam Woodhouse | Portfolio 2011 [scshot url=”www.adamwoodhouse.co.uk”] Agigen [scshot url=”agigen.se”] Arbel Designs | Website design and development in Israel and Worl

8-bitメガネ作ってるメーカーの商品について触れてる記事を見て、これを作ってるSAMALDesignってブランドを知ったのですが、ここの商品が奇抜で、個人的にはかなり気に入ったのでご紹介させていただこうと思います。（上の写真もそうですが、すごいドS心を擽られそうじゃないですか？） 斬新なデザインばかりで、正直実際使うと色々困るかもしれないと思う商品もありますが、個人的にここのブランドで埋まってる家なんかあったら超行ってみたいです。誰か招待してください。 8bitメガネ これで有名になりましたね、結構いろんなブログで書かれていることかと思いますが、その他の商品についてもご存知でしたか？ ちなみに、メガネも種類は2種類用意してあり5dpiち6dpiに分かれています。とても親切ですね！ こんな時計していたら、女の子にモテモテですね。やはく長蛇の列に並んで買いにいかないと！ こんな髪留めしてたら

Facebookページを作る時、FacebookページGUIのPSDがあると便利ですよね。提案時、運営方針を決める時、デザイン案を出す時、本当に色んな場面で使う機会はあるかと思います。 でも、基本的にFacebookとかのGUIって英語版しか無いんですよね。 つい先日、英語と日本語のFacebookページ両方を作るプロジェクトに参加させてもらった時に、日本語のGUIテンプレを探してみたのですが無かったのでとりあえず作ってみました。 ウォール画面 タブ画面下地 Donload PSD File ついでに作った感じなので、ライセンスについてはフリーです。お役に立てればプロジェクトで使ってもらうなり、モック作成時に使ってもらうなり、ご自由にどうぞ。一応この記事へのリンク以外で再配布や転売などはお控えください。 そして、一つだけ愚痴を言えば、これ作ってるときにFacebookリニューアルの話をテレ

※この記事を読む前に「僕が英語の勉強について言いたいたった一つのこと」をご覧ください。 D氏は高校を卒業後、カナダの大学に入るために学生としてカナダに入国。しかし、当初の英語力は皆無。語学学校に入り、大学進学コースを専願するも英語力の無さに拒否られ、英語力ゼロの状態から1ヶ月後にある語学テストで必要最低限の70点中40点を取れなければ入学は認めないと言われたD氏の例 まずは単語、1日100単語覚えた一ヶ月 初め僕はその大学進学コースに入るためのテストで合格ラインに全く手が届かきませんでした。最低でも70点中40点ないと参加すら許されないこの大学進学コース。 入学カウンセラーの人に頭を下げてお願いした結果、「とりあえず入学は許可するが、一ヶ月後に再テストを行う」と言われてしまい、一ヶ月後のテストで合格ライン（40点）以上であればこのコースで最後まで勉強、以下であれば即コースから追放という、無

様々な場面で参考になるUIキットが世の中には本当に沢山ありますが、UIキットと言っても、その種類はPCからiPhoneやiPadなどのキャリア別、質感、色相や目的、本当に様々なUIがありますよね。 そこで今回は僕がこれまでのWEB屋歴の中で見つけたUIキットを僕なりにタイプ別に分けてご紹介。 どういう時に使うのかは人それぞれですが、沢山の人が考えに考えぬいたUIキットであれば、そこから得られる物も本当に多いと思うので、是非参考にしてみるのはいかがでしょう。 黒ベースなUIデザイン Black UI Kit Blaubarry UI Kit FREE Ui elements Set d’elements ui (PSD) スマートフォン/タブレットPC系 UIキット Android GUI PSD Vector Kit Mobility: A free set of mobile UI de

僕が続けていること。具体的な物だと英語とピアノ、スポーツジム。毎日の習慣だったら早朝にカフェで仕事と仕事終わりに図書館で勉強って所ですが、僕はとにかく一度決めたことは自分の納得の行くまで続けることが大切だと思っています。 今日はこれまで、とにかく続けることが大切だと教わり、実行してきた”続けるために僕がしていること”を6つ、ご紹介出来ればと思います。 師（教えてくれる人）を見つける 何事にも教わるというスタンスは大切です。教わることにお金をかける事もあると思いますが、”自分一人で続ける”ことで１年かかることも、”誰かに教わる”ことで１ヶ月になることだってあります。 お金をかけることで、時間が買えるなら設けもんですよね。時は金成りです。 これを続けることで何が得られるかを明確にする 僕の場合は、今続けていることを続ければ将来どうなるのかをノートに書くようにしています。例えば、ピアノであれば最

本当に最近はあっちを見てもこっちを見ても様々なグリッドシステムを名乗るサイトが登場してきました。PSDをダウンロードするタイプのものからCSSを吐き出してくれるものまで。 僕の面倒くさがりも来るところまで来たらしく、気が付けばブックマークの中身にグリッドシステムという名前のフォルダが出来上がる始末。 使ってないものも多いですが、今日はその中からいくつかご紹介できればと思います。 960 Grid System まずは王道の960Grid System。もはや説明なんぞいらんでしょうと思えるほど、WEB屋の間で当たり前になってきてる気がするGrid Systemですね。僕が初めてGrid Systemという名前を聞いたのもここでした。 僕はPhotoshopもFireworksもどっちも使う派なのですが、テンプレートとしてそろっていることはもちろん、HTML、CSS、Photoshop、Fi