Movatterモバイル変換

■一発当てた個人開発者をまとめるWebサービス作った

http://individualist.link/ （←ドメインかっこいいでしょ）

〜居酒屋にて 〜

A「やっぱり若者が稼ぐにはアプリ作るしかないと思うんですよ」

B「あー分かる」

B「スマートフォンアプリ？Webアプリでもいいの？」

C「ゲームは当たると大きくていいよね」

A「Webアプリでもいいです」

B「当ててそれで暮らしてる人見ますね。羨ましい。」

A「いいですよね」

A「そういう人の話聞いてみたいんですけどなかなか出てこないですね」

B「当てた人が人前で自慢するメリットないからねえ…」

B「どういう人がどういうサービスで当てたのかまとめたい」

A「いいですねえ。Wiki 的な」

B「Google Docs とかでやってみる？」

A「おお、やりましょう」

B「Webサービスにしてもいいかも」

〜帰宅 & １時間後 〜

B「できた」

B「ドメイン取ろう」

B「http://individualist.link/」

アルコール入ってるから話のディティールうろ覚えだけどこんな流れで作りました。

やっぱり若者が稼ぐにはアプリ作るしかないと思う。

当てたいなら先例を見るのが一番参考になるはずだし、僕は個人で作ったものが流行っているのを見るのが好きだし、そういうのとても興味ある。

このサイトを見ていると、どういう人がこのサービス作ったんだとか、これ個人で作ってたんだという発見があっておもしろいと思います。

１時間で出来た

１時間で出来たというのはほとんど誇張ではなくて、デザインに拘る時間とサーバーに設置する時間を抜かせば本当に１時間でできます。

せっかくなのでちょっと開発について書きます。

このサイトのコーディングに使う大まかな作業をまとめると

・データベース接続

・Twitterアカウントでユーザー登録

・画像保存

・タグ付け

・JavaScriptで動き付ける

・CSS整える

・HTMLマークアップ

・デザイン

というような感じになる。これらを実直にいちいち実装してたら１日で終わるか分かりません。

本を読む一番はやい方法は、文字を読まないことです。

コーディングせずにライブラリを使いましょう。

ちょっとコードが書けると実装する道筋が思いついちゃうからライブラリを探す考えに及ばず実装しちゃう事があると思います。

そういう事は避けて、アプリを書くならアプリの本体を最小に済ませるか、ライブラリ自体を作ることに力を入れましょう。

こちらのサイトではRailsのレールに乗っかって開発しました。

以下の例はRailsを使った方法ですが、モダンなフレームワークを使っているのであればだいたい似たような話になると思う。

ライブラリで組み立てよう

・Rails

手に馴染んだフレームワークがあるならなんでもいい。

クソ小さなロジックと数ページしかないならPHPでもいいけど、

とにかくはやく作ることがしたいなら何かしらフレームワーク使ったほうがいい。

秘伝のRailsApplication Template を用意しておくのも良い。

・データベース接続

モダンなフレームワークなら何も考えずにデータベース接続できるはず。

Rails ならconfig/database.yml に接続情報書いてrakedb:create &&rails gmodelUsername:string です。

scaffold 使うと更に早くできます。

・Twitterアカウントでユーザー登録

OmniAuthgem を使います。

ソーシャルアカウントでログインする要件が出たら、何も考えずに「あ、OmniAuth」となりましょう。

Devicegem を使うと更に早くできます。

・画像保存

Paperclipgem を使います。

画像保存が必要になったら反射的に「Paperclip か CarrierWave どっにしよう」となりましょう。

ファイル保存とか変換をいちいち実装してたら朝が来ます。

・タグ付け

ActsAsTaggableOn を使います。

has_many :through のめんどくさいタグの実装ですが

これ入れてrake acts_as_taggable_on_engine:install:migrations &&rakedb:migrate を打てば一発で完成します。

・JavaScript で動き付ける

早くつくりたいんならJavaScript は捨てましょう。

少なくとも生のJavaScript 書く時代ではないのでCoffeeScript 使うと良いです。

・CSS 整える

とりあえずBootstrap 入れましょう。

クラスの付け方を覚えちゃうとCSS 弄ってHTMLリロードして確認なんてことしなくても形は整います。

Bourbongem 使って mixinライブラリ組み込んじゃうのもいいですね。

・HTMLマークアップ

HTML 書くのやめましょう。

Haml や Slim のようなテンプレートエンジンを使います。

Slim が一番タイプ量少なくておすすめ。

Zen Coding でもいいけど、結局出力されるのがHTML じゃ見通し悪くて辛いと思う。

Web Components の時代になったらもっと簡単になるんだろうな。

・デザイン

こればかりプロっぽいものつくる自信はない…

ただ、Webページやアプリというのはだいたい決まったパターンがあるので、いろいろな事例を見るとよいでしょう。

正直レイアウト自体は他のサイト真似るのは悪くない判断だと思います。

むしろその方がユーザーにとって慣れ親しんだ分かりやすいサイトでもあります。

http://individualist.link/ の場合、http://www.producthunt.com/ を異常なほど参考にしました。

まあここまで書いてなんだけど、前提知識としてRails が使えるようになってないといけないのは敷居高くて悪かったと思う。

僕も最初はアプリ作るのに途方も無い時間かかってた。

慣れればはやくなるから、たくさんアプリ作って一発当てよう。

思いついたときにすぐ作れるようになれるといろいろ捗るぞ。

なお、今回つくったこのサイト、ぜひともみなさんにも投稿していただきたいのですが現在投稿者は承認制としております。

質を保ちたいので、捨て垢に荒らされても困りますからね。

私本当に個人が作って運営しているというアプリやサイトというのが好きでして、

こちらのサイトにリストアップする行為に儲けやがってといった悪意は一切ありません。

私にとっては好きな人達をまとめるサイトなので質はしっかりしておきたいのです。

Permalink |記事への反応(4) | 10:38

ツイートシェア

• 機能性重視ガンダム3
• 女ってなんでちんぽぶち込むと人格変わるの？14
• 何が陰謀論だよ兵庫県民なら皆知ってるんだよ全部本当だったじゃない18
• 浮気相手の家に凸してきた話19
• 海原雄山って大腸カメラの下剤2リット..3
• 続・入籍２日目で生理的に無理なので離婚したいと言われている話29
• 行為中、彼氏が中折れすることがよく..41
• 兵庫県知事に再度不信任出して最終的..29

• 2年で400万貯めたがここからどうすればいいんだ？10
• アニメイトに爆破予告した「荒らし共栄圏」リーダー逮捕5
• 友達にめちゃくちゃ金使ってる増田だよ6
• 処女だけど開発しすぎた件について6
• 【映画】教皇選挙3
• 兄弟姉妹って良いよっていう人15
• レッサーFANZA3
• 俺的カッコいいガンダム8