KUROIGAMEN(黒い画面)

この記事を書いた人: machida

最近よくGitHubをウロウロしては、デザインテロをするのにいいアプリはないかと探してるのですが、なかなかないですよね。RubyのGemとかはいくらでもあるんですが、Happy1000Days!やフィヨルドのサービスのような、それ単体で動くWebアプリを公開してる人がなかなか見つからない。何かいい検索の仕方があったら教えていただきたいです。

静的ページのデザインテロ

久しぶりにデザインテロしました。今回のターゲットは「Remember the WordPress」っていうWordPressのPlugin。その説明とダウンロードへのリンクが置いてあるっていうペラ一（イチ）の静的ページ。前回やった、「デザイナーもHerokuを使ってみよう！Herokuを使って静的ページを無料で作る」を使ったデザインテロです。Herokuにpushするだけで静的ページが公開されるっていう便利アプリを使ったやつです。

アプリを紹介するページを作る

アプリの紹介ページを作るっていうのはなかなかデザインテロ活動としても有益なんじゃないかなぁ、って思いました。作るのは静的ページでいいから、ローカルでアプリを動かす手間もいらないし。そんなの作って意味あるの？って思う方もいるかもしれませんが、こういうページって実際結構大事なんですよ。

例えば、いつもKURIGAMENで使ってるRubyのGemの「bundler」。これ、こんなページが用意されてるんですよね。

格好いい！使いたくなってきますよね。

あとはKUROIGAMENで採用しているMacのPackage Manager、「Homebrew」のページはこれ。

うーん、こっちも格好いい！

こんな感じで、イケてるアプリにはイケてる紹介ページがあったりして、「使ってみたい！」って思わせてくるんですよね。こんなのどうでもいい、実際の使い勝手や性能が重要だ、って思う方もいるかもしれないけど、逆に、いくら性能が良くてもこんなダサいのを自分のマシンに入れたくないなぁ、って思う人もいるはず。KUROIGAMENはそちら側の味方です。っていうか、「こんなダサいのを自分のマシンに入れたくないなぁ」って思ったんなら、自分でそこをHackしてやろう、ってのがKUROIGAMENのコンセプトです。

Remember the WordPressとは？

実はこのPlugin、仕様は僕が考えたんですよね。Help me, hackers!っていうフィヨルドがやってるサービスがあるんですが、そこに僕がこんなPluginあったら便利じゃない？って投稿したところ、terakumaさんが見事作ってくれました。いくら議論を重ねたってそんなものは成果物の前では全く無力なんだなぁって思っちゃいますね。格好いいよ、terakumaさん！

ちなみにterakumaさんはe2esound.comという屋号でwebサイト制作、システム構築をやられているエンジニアさんです。あと、法律関係に詳しいです。

それにしても、こんなカタチで成果物を出されちゃったら、WordPress関係の仕事の依頼が来たらterakumaさんにお願いしよう、って気になりますよね。飲み会で知り合って話が面白かったから、とか、Twitterで絡んで面白かったから、ってだけで仕事を依頼したり、貰ったりするのはどうなぁ、って僕個人としては思っちゃう派です。友達になるのは全然OKなんですが、仕事となるとやっぱりいい成果を残すために、ブログを見たり、成果物を見たりした上でお願いしたいところです。なので、成果物を公開しない、ブログを書いてない、でも仕事欲しい、って人もたまに見ますが、うーむ…。

下請けの下請けみたいな仕事ばっかりやってて公開できない成果しかないっていうデザイナーにもデザインテロはおすすめです。

…と、話が大分逸れちゃいました。

Remember the WordPressの仕様

Help me, hackers!に僕が投稿した仕様を書いておきます。

例えば、「お店のスタッフの顔が見えるホームページ」というコンセプトに従い、コンテンツの一つとして「ブログ」を設置。

ところが全くそのブログが更新されず、顔が見えるどころか閉店してしまっているのでは、とサイトの訪問者に誤解を招くような結果に・・・。

そのお店の店長は、「インターネットのことは若いもんに任せてるから」と、売り上げるを上げる為に作ったせっかくのホームページが逆効果を生んでいることは露知らず。

なんてことが起きるのを防ぐために、任意の期間ブログが更新されなかったらメールで通知がくる、っていうPluginってちょっと需要あるんじゃないかなぁ、って思いました。

仕様

管理画面で通知するメールアドレスを入力できる

管理画面で何日更新されなかったら（新規投稿がなかったら）通知するかの期間が選択できる

通知されるメールの文章を管理画面から入力できる

うーん、なんて泥臭い機能なんだろう。

Remember the WordPressのデザインプロセス

このPlugin、なかなか厳しい機能ですよね。ブログが更新されていないってことを上司にチクるっていうものですから。

さてさて、じゃあって言うんで鬼の画像を用意して筆文字で「Remember the WordPress」なんて書いたようなものを載せたデザインを用意したら、まぁ、これはこれでわかりやすけど、ちょっと好かれないようなぁ、っていうか僕の好みの問題もあるけれど、ちょっと違うなぁ、って思いました。

こんなじゃなくて、WordpPressが「私のこと忘れないで」って言ってくる感じ。その擬人化させたWordPressはきっと小さな女の子なので（おっと、段々変態妄想へ）、機械っぽいのとは真逆、裏で擬似cronが動いているとかは放っておいて、テクスチャを使ったりしてオーガニックな感じにしたいなぁ、と。

お気づきの方がほとんどだと思いますが、「Remember the WordPress」ってRemember The Milkをパロったネーミングなので（命名はterakumaさん）、牛乳の絵を添えました。メールでお知らせが来るので手紙も添えて、ちょっと悪ノリして牛のペーパーウエイトも。赤っぽい差し色が欲しかったので、手紙の封は赤いWordPressロゴを付けました。