はてなブックマーク

去年から「自分のサービスで生きていきたい」と思いたち、受託をやめてサービス開発に専念しています。そして先月の個人開発の収益が月40万を達成。サービス開発をはじめてから8年、ようやく光が見えてきました。 個人開発の収益推移収益の推移はこんな感じです。 収益をだしているのはCLOUD PAPERとMENTAです。MENTAは去年の6月からはじめたんですが、いまも成長中です。サービスだけで月100万を目指しています。 これまでに20個くらいサービスを作って失敗してきた僕は制作会社で勤務後、フリーで独立したんですが、8年くらいまえから会社づとめしつつ、アプリやWEBサービスをたくさんつくってきました。 twitterクライアント、ランチマップ、ミュージック再生アプリ、横断検索アプリ、スクラッチゲーム、パズルゲーム、アプリの総合検索サービス、文章構成ツール…など、数々のサービスやアプリを作ってきまし

エンジニアさんでデザインに苦戦している、できない！という声を聞きます。 これまでデザインをつくってきて思うのは、実はデザインはロジカルな部分が多いということ。ある程度コツを押さえると、センスがなくてもキレイに整えることはできます。 今日はそのテクニックについてご紹介していきます。 まず、メリハリ。メリハリは見せたい順番にレベル分けしていくことです。 フォントを大きくしたり、太字にしたり、色をつけたりして優先度がわかるようにします。MENTAの場合、このように大中小でレベルをつけています。 メリハリが無いとこのように見づらくなります。 同じように色を使いすぎたり、要素が増えすぎると見づらくなるので、見てほしい順に全体を調整していくことがポイントです。 色の組み合わせ初心者でもまとめやすいのは彩度を使うパターン。上にように青で濃いものから薄いものと準備してます。これを組み合わせるだけでまとまり

例えばトップページにアクセスがあった時にモバイルかPCか、もしくはタブレットなのかなど判別して、それぞれ違うページを表示したいということは、よくあります。自分で作ってもいいんですが、シンプルですぐに使えるライブラリがあったのでご紹介。 Mobile Detectをダウンロード公式サイトより、ファイルをダウンロード。 ダウンロードした中で使うファイルは「Mobile_Detect.php」のみです。 あとは、読み込ませて使うだけ。 require_once 'Mobile_Detect.php'; $detect = new Mobile_Detect; // モバイルの場合の処理を記述 if ( $detect->isMobile() ) { } ほかにもOSやブラウザ別に処理を記述していくこともかんたんです。詳しくは公式サイトをチェック。 Mobile Detect [sc name=”

はじめましての方もいると思いますので、自己紹介から。 入江慎吾と申します。Web制作会社に10年勤務後、2011年にフリーランスとして独立しました。 独立して7年経つのですが、売上は毎年右肩上がりで個人で年間3,600万円の売上を記録しました。これまでやってきたことを振り返ってまとめてみました。使えるところがあれば、使ってください。 自分のサービスをつくるコネも何もない状態ではじめたので、最初の年は仕事がなく、ひたすら自分のサービスをつくっていました。1年で10個はつくりました。 これが直接成功したわけではなく、売上にもなってないのですが、仕事を呼び込むことにつながりました。 個人でサービスやアプリをつくってリリースしている人って日本で見れば数はかなり少ないです。（昔はもっと少なかった） つくって出すだけでも、認知度上がります。実際、当時からTwitterのフォロワーは1,000人をすぐに

個人が得意なことを月額制で教えたり、教えてもらったりできる「MENTA」というサービスをオープンしてから2ヶ月が経ちました。 1ヶ月目の報告はこちらに書きました。 2ヶ月目の売上はどうなったかみなさんが一番気になるであろう売上は…どうなったか。 売上は約70万円でした！ 1ヶ月目の670,382円（その後、1ヶ月と10日で100万達成）から、2ヶ月目は664,860円。ほぼ横ばいに。 MENTAの手数料は20%ですが、stripeに支払う決済手数料などひいておよそ16%。 ということで利益はおよそ106,377円。まだまだです。 注目したのは新規顧客のところ。 1ヶ月目の219から、2ヶ月目は88と半分以下になっています。 顧客は減ったのに売上が横ばいなのは、MENTAが月額制だからです。継続しているメンティーが多いため、新規が少なくても契約数が横ばいに落ち着いたのです。実質、新規の契約は

Webサービスやアプリで、機能やアイデアは同じでもどう実現するかで結果は変わってくる。たとえばAmazonと楽天が同じかといわれると違う。 Amazonは「購入にいたるまでの面倒さ」を削っている ユーザーに少しでも面倒だと思われると、途中で買わない可能性が増える。そんなことを考える時間もないほど、すぐにかんたんに買える。 ZOZOSUITも「サイズを図るという面倒さ」を削っている。しかも、このSUITをきっかけにZOZOはオリジナルブランドの服をそのまま売るための入口にできる。 CASHは「査定をする面倒さ」を削っている。写真にとるだけで即現金化できる。 瞬時に理解できる、使えるという便利さはアクションをおこしやすい。まず、使ってもらうという第一段階を突破できる。 多くのサービスは、「まず使ってもらう」ことすら突破するのが難しい。だから、サービス設計においては可能な限り、ユーザーの面倒なこ

優れたエンジニアを採用したいけど、見極め方がわからない…。 自身がエンジニアでもなければ判断難しいですよね。 技術的な話では良し悪しがわかりません。 しかし、もし優れたエンジニアかどうかを採用・面接の時点で見極めることができれば余計なコストを抑えられます。そしてこれはある程度可能です。 僕もエンジニアですが、外注やパートナーとしてたくさんのエンジニアの方々と仕事をしてきました。そのような視点から優秀なエンジニアを見極めるポイントと集める方法をお話していきます。 こんなエンジニアには注意しよう技術うんぬんはまずおいといて、こんなエンジニアを採用すると苦労します。 リアクションが淡白過ぎるエンジニア淡白とはどういうことか。それは打っても響かないということ。 例えば、何を頼んでも「かしこまりました。」の一言で終わらせる人には要注意。 深く理解する前にそういう言葉がでているので、実際に開発する時に

質問箱で、「これがないと仕事にならない！というITツールはなんですか？」という質問を受けました。 質問くるのかな〜と思ってましたが、早速数件質問がありました。回答したのですが100文字ではとてもその説明まで盛り込めなかったので記事に。 普通にTwitterで話かけてもらったら答えますが、質問する方からしたら知り合いでもなんでもないのに声かけるのって勇気がいるんでしょうね。だからこのような匿名の質問箱が流行っているのか。ということで、質問がありましたらぜひ！ ということで本題。 もうIT業界でエンジニアとして働き始めて15年経ちました。もうおじさんですね（笑） 今回はそんな僕が使っているツールを紹介していきたいと思います。 evernoteevernoteはたびたびこのブログでも紹介してます。 クライアントごとの情報やタスク日記アイデアメモブログネタなどなど、記録しておきたいことはすべてev

初心者がはじめてプログラムを学びだした時、本を開いて「…なにやら難しいな」と感じることは多いのではないでしょうか。 その理由は、スキルの高いエンジニア＝教えるのがうまいわけではないからです。著者となるエンジニアのスキルが高いほど、専門用語も多かったり、あたり前となっている基礎知識や前提の説明が省かれたりします。 これが初心者がプログラミング学習で挫折しやすい理由です。 だからこそ、プログラミングを学びだした最初の一歩は本ではなく、直接エンジニアに質問しながら勉強できるTechAcademy [テックアカデミー]などのオンラインスクールがおすすめです。 本で勉強するのは遠回り本で独学できないことはありませんが、とっても時間がかかります。 僕もオンラインスクールがなかった時代にプログラミングを本で勉強しましたが数ヶ月はかかりました。仕事で絶対に必要だったので続けられましたが、そんな強制力がなけ

amazonSNSでを使うと、サーバーからAppleへプッシュ通知を送る部分をまるっとおまかせできます。自分で実装しようとすると結構面倒。PHPだとApnsPHPというライブラリが有名ですが、これを使って自前で数千件、数万件のプッシュ通知を送る仕組みをつくるのはそう簡単ではありません。 そこで今回はamazonSNSがどういうものなのか、またどのように使うのかを説明します。 amazon SNS（Amazon Simple Notification Service）とは・プッシュ通知の実装部分を請け負ってくれるため、かんたんにプッシュ通知を実装できる ・複数ユーザーに送るトピック（グループ機能）と、個別に送る方法がある ・毎月100万件まで無料枠があり、その後は利用料に応じて課金（100 万件あたり 0.5 ドル） amazonSNSになげるだけで、APNSに送られ、iOSにプッシュ通知を

イリテクではこれまで約20個近くのWEBアプリ／スマホアプリの開発をおこなってきました。 そのような経験から、新しくWEBアプリ／スマホアプリを開発してからリリースするまでの手順と知見をまとめてみることにしました。 うまくいったアプリ、そうでないアプリ…いろいろありましたが、現時点での最適解を考えてみます。新しくアプリ開発を考えている方の参考になれば幸いです。 1. 企画するアイデアをすべてだしてみるひとまずアイデアをすべてだしつくしてみましょう。思いつくままに書き出してみてください。いいアイデアかどうかは後で決めればいいことです。 また、アイデアをだす時は１人で一気にだしきりましょう。相談しながらだと、いいアイデアかどうかその場で検討・判断してしまうので、先に進まないことが多いです。 アイデアについては以下の記事も参考になります。 頭をアイデア工場にするための5つのステップ／アイデア・フ

ブログやWEBサイトに記事（コンテンツ）をどんどん追加しているのに「なかなかアクセスが増えない」。そんな悩みはないでしょうか？ 当ブログを書いている私もまさにそんな悩みを持っております。 このブログは今日の時点で770件の記事がありますが、1日のユーザーアクセス数は1,400人程度で打ち止めの状況が続いています。「こりゃいかん」と、あらためてSEOに関する本を読み漁ることに。 読んでいくうちにわかったことは「検索している人が求めている答え（情報）をだしていない」ということでした。人に求められない自己満足の記事は、SNSで一定の人が読んでくれても長く集客できる記事にはなりえないということです。 小手先の技術的なSEOは意味がないそもそも小手先の技術に頼っても、Googleのアルゴリズムアップデート（Googleでの表示順位の大きな変動）が変われば、順位が変動して大打撃をうけてしまいます。 G

[保存版] PageSpeed InsightsでWebサイトを高速化するまでのすべて。0点→90点へ改善！ 今日はGoogleが提供しているPageSpeed Insightsを使って、サイトの高速化・最適化を行うまでを紹介します。今回の、記事はめちゃ長いです。 表示スピードは訪問者離脱につながりますし、検索エンジンにも影響がある要素。早いにこしたことはありません。PageSpeed Insightsを使えば、あなたのサイトについてアクセススピードという点からみたチェックを行うことができます。 イリテクのサイトスピードは0点だった…PageSpeed Insightsでは、PCとスマホでページのパフォーマンスを測定してくれます。85点以上いけばパフォーマンス高の評価。ちなみにGTmetrixも有名です。 …ちょっとこれはマズすぎるでしょう。ありえません。早速バリバリ改善していきましょう。

いままで、アナログのノートとevernoteの両方使っていましたが、evernoteだけに切替えたら、いいことしかありませんでした。 アナログのよさをevernoteにとりいれるアナログなよさは、「消せないこと」です。時系列にその時考えたことや忘れたくないことが記録されますが、基本的にボールペンで書いているので消されません。考える途中のアイディアなども残るのはあとで読み返す時にいいのです。 これまではevernoteだとついつい消したり、書き換えてしまうので、綺麗に整理されすぎてダメでした。アナログのよさは「消せないこと」に気づいてからは、evernoteの使い方が変わりました。こちらも消さないようにしたのです。 表示順を新しい日付順にして、メモしていくだけというルール。一つのノートにはひとつの議題のみ。こうすると、あとで読み返す時にタイトルで内容がわかるのでいい感じです。アナログなノート

技術情報はブログじゃなくてQiitaがいいです。その理由は2つ。 1.アドバイスがもらえる他の技術者さんから、すぐにツッコミが入ります。 これがとても勉強になります。例えば昨日、こんな投稿をしました。 ターミナルにドラッグするだけでパスが入るって知ってましたか？ するとすぐに編集リクエストが入りました。 コード部分をMarkdown記法で見やすくする提案です。 次に「Mac」タグ追加の提案が入りました。 今回は技術的なツッコミではありませんが、よりよいコードの書き方や新しい知見に出会うこともあります。よほどの有名技術ブロガーでない限りはQiitaに投稿した方がたくさんの技術者の目にとまりますし役に立つはずです。 2.技術レベルの証明になる自分がどんなことを勉強しているのか、知っているのか、投稿をみてレベルがわかります。 ぼくはその予定はないですが、どこかの会社に就職しようとする時、履歴書だ

「MarkdownノートアプリInkdropで家賃の半分が賄えるようになりました」 こちらの記事が話題になっております。 Takuyaさんは個人の開発者でエンジニア向けにInkdropというアプリを開発している方です。お一人でiOS,Android,Mac,Windowsなど複数デバイスに対応しているほか、英語まで使いこなし、デザインセンスまで持っているというスーパークリエイター。 Inkdropは月ベースの収益が4万円を超えてきたとのこと。着実にユーザーが増えているそうです。Takuyaさんは、「1000人のユーザが１人を食わせるモデルを目指したい」と書かれているのですが、これには強く同感します。 個人開発者が目指すのは一部の人しか使わないようなプロダクト特に1人で個人開発者が生きていくには、ニッチな分野でプロダクトをつくって利用者(ファン)から収益を上げていくモデルがハマります。大手が

ひさびさにUI・UXについて考えさせられる本を読みました。 WEBサービスやアプリなど、プロダクトをつくっているデザイナー・プログラマーそして経営者が読むと新たな視点が得られる一冊。 「画面」に囲まれ、光るガラス窓ばかりを日がな見て操作している私たち。 けれど、わざわざ画面操作を経由しなくても解決できることって実はけっこうあるんじゃないかと思ったこと、きっとありますよね? 本書のメッセージはただひとつ。 「ベストなインターフェイスは、ノー・インタフェース(No UI)」。 UI、UX関係者なら特に楽しめる、痛快面白読み物です。 Amazon内容紹介より 最高のインタフェースは「No UI」知らないうちに画面の罠にはまっているデザイナーは多い。 こう書いている私もですが。 「ユーザーが本当にそれを実現するのに、それって必要あるの！？」 筆者はまずは画面ではなく、ユーザの行動から考えようという

フリーランスで活躍しているエンジニアの道として、複数の受託を直接受けるか、もしくは派遣で受けるか、または社内エンジニアとして所属するのも選択肢のひとつ。 社内エンジニアの価値は高いぼくがエンジニアだからわかりますが、需要、めっちゃあります。 アナログな会社ほど効率化されていないし、ITを取り入れることでできることも多い。ただそのことに気づいていない会社もまた多いんですね。 経営者と少し話をすると、改善点がすぐにでてきますし「こうしたらどうですか？こんなこともできますよ」という話になります。 つまり、隠れた需要はあるのに気づいていない。自分たちで改善する手立てがわからないから力技のまま放置されている作業が山ほどあります。 だからこそ、仕事がないと嘆くフリーランスエンジニアにはこういった会社にアプローチしていくと重宝されます。 エンジニアが群がるところにいかず、ニッチを攻めるブルーオーシャンを

スマホでハンバーガーメニューを実装していたのですが、positionにfixedを入れていると位置が固定されてしまい、スクロールできなくなります。メニューの数が多くなるとスクロールできないため、メニューとして機能しなくなるという問題の解決法について。 下のようになっているような場合に発生します。 <nav> <ul> <li>メニュー</li> （中略） </ul> </nav> nav { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } こういう場合、navの下のulにoverflowを入れれば解決します。 nav ul{ height: 100%; overflow: auto; -webkit-overflow-scrolling: touch; } -webkit-overflow-scrolling: