第1話 - ぱっとしない青年、ユニコーン企業と戦う決意を固める

3
Like
0
Comment

Edited at 2017-10-05

物語の要約

この物語は、孤独なぱっとしない青年が主人公です。
２０１７年冬、米国ユニコーンに負けない素敵なサービスをつくるお話です。
時価総額１８００億円企業にたった１人青年はどう立ち向かうのか。
この米国ユニコーン企業とは一体、そしてぱっとしない青年は何をつくるのか。
アツい日米経営合戦を見逃せない！
ぱっとしない青年Twitter(公式)

戦い方

1.ビジネスと経営の関係

「ビジネスは規模、経営はコスト」
- ファーストリテイリング創業者柳井正

その通りです、最小コストで大衆に喜んでもらうことが最重要。
しかし、パッとしない青年と米国ユニコーン企業は「アリとゾウ」。
それをどう乗り越えるか。ゾウに弱点あるのだろうか。

2.シンプルしかない。

Simple can be harder than complex.
You have to work hard to get your thinking clean to make it simple.
But it’s worth it in the end because once you get there, you can move mountains.
- Steve Jobs(Founder of Apple,Inc)

シンプルなことは、複雑さよりも時に難しい。
物事をシンプルにするため、懸命に思考を明快にする必要があるからだ。
それだけの価値はある。ひとたびそこに到達できれば、山をも動かせるからだ。
- スティーブ・ジョブス(Apple創業者)

その通りです。小学生が笑いこけるほどシンプルなプロダクトを作ります。
「(機能的に)使える」ことと「(ユーザが)使う」ことは違うのですから。

武器・資源

武器	説明
MBA2011(13inch)	6年前の4GBメモリ弱小PC。でもお気に入り。
Rails	開発者の方々感謝します。バージョン5。
Wi-fi	最安ファーストフード店を利用。
Bootstrap4	Twitter社の方に感謝します。
Atomエディタ	Atom開発者の方々感謝します。
AdobeCC	イラレがメインです。
Git	バージョン管理です。
GitHub	コード公開します。

作戦会議

Rails Devise仕様

・DeviseとOmniauthで認証管理
・deviseでfacebook,twitter認証
★Devise+OmniAuthでユーザ認証を実装する手順
・RailsでDeviseによるユーザー登録・ログイン認証・認可の機能追加
・RailsでDevise+OmniAuthによりメールアドレスを使わない認証を実装する方法
・RailsでDeviseとOmniAuthによるTwitter/FacebookのOAuth認証、および通常フォーム認証を併用して実装

投稿仕様

★Railsでテキスト内のURLをaタグに書き換える
★Railsでタグをエスケープしつつ、改行を含む複数行のTextを表示したい
・5分でRailsアプリにマークダウンとプレビューを実装。
・[Rails] Markdown形式で入力できるようにしてみた（シンタックスハイライトも対応）

wysiwygエディタ仕様

・facebook製html(wysiwyg)エディタ draft-jsをrailsで利用してみる
・Railsに手軽にWYSIWYGエディタを組み込みたい
・クールでイカしてるwysiwygエディタFroalaをRailsに5分で導入する
・ruby on railsに最強のwysiwygエディタ、Squireを導入する
・ユーザにHTMLコンテンツを作成してもらう時に使えるWYSIWYGライブラリまとめ

PV計算

★impressionist gemを使ってrailsでページビューをトラッキングする
★Railsでページビュー（PV)をとるならimpressionist
・Rails で簡単に PV を計測できる impressionist を触ってみた
・impressionist Gemでランキングを作る

liをドロップ仕様

・【jQuery】iPad・iPnoneにも対応！ドラッグ＆ドロップで移動できるリストを作る方法
・リスト、テーブルの要素をドラッグ&ドロップで移動できるようにする
・ドラッグ＆ドロップでli要素の並べ替え→DB書き換え - 難しい

多階層カテゴリ仕様

・Category 多階層カテゴリー | teratail
★ActiveRecordで多階層カテゴリ
★ActiveRecordで多階層カテゴリ(Ancestry)
・Ancestry
★Ajaxでセレクトボックスの中身が動的に変わるRailsアプリの作り方

吹き出しCSS仕様

・CSSだけで吹き出しをつくる！デザインサンプル26個
・CSSで作る！吹き出しデザインのサンプル19選
・【5パターン】画像を使わず CSS3 のみで作れる吹き出しを作ってみた – Pure CSS3 Balloons

AWSデプロイ

基本
・(下準備編)世界一丁寧なAWS解説。EC2を利用して、RailsアプリをAWSにあげるまで
・(DB・サーバー構築編)世界一丁寧なAWS解説。EC2を利用して、RailsアプリをAWSにあげるまで
・(デプロイ編①)世界一丁寧なAWS解説。EC2を利用して、RailsアプリをAWSにあげるまで
・(デプロイ編②)世界一丁寧なAWS解説。EC2を利用して、RailsアプリをAWSにあげるまで
・(Capistrano編)世界一丁寧なAWS解説。EC2を利用して、RailsアプリをAWSにあげるまで
本番環境
・初心者向け：AWS(EC2)にRailsのWebアプリをデプロイする方法目次
・初心者向け：AWS(EC2)にRailsのWebアプリをデプロイする方法 ①
・初心者向け：AWS(EC2)にRailsのWebアプリをデプロイする方法 ②
・初心者向け：AWS(EC2)にRailsのWebアプリをデプロイする方法 ③
・初心者向け：AWS(EC2)にRailsのWebアプリをデプロイする方法 ④
・初心者向け：AWS(EC2)にRailsのWebアプリをデプロイする方法 ⑤
・初心者向け：AWS(EC2)にRailsのWebアプリをデプロイする方法 ⑥

SEO仕様

・これからはじめる SEO内部対策の教科書

teratail質問

・Rails - SNSログインで利用できるプロフィールは？
・Rails - ブログ作成時にある、画像をtextareaに挿入する仕様方法
・Rails - 多階層カテゴリをselectタグ等で表示する方法
・Swift - 1人でRailsアプリをiOSにするまでの勉強方法

カテゴリ仕様

経営者

ＣＥＯ(最高経営責任者)
ＣＴＯ(最高技術責任者)
ＣＩＯ(最高情報責任者)
ＣＦＯ(最高財務経営者)
ＣＯＯ(最高執行責任者)
ＣＡＯ(最高総務責任者)
ＣＬＯ(最高法務責任者)
ＣＤＯ(最高デザイン責任者)
ＣＭＯ(最高マーケティング責任者)
ＮＰＯ(非営利団体経営)
大学生

東京大学
京都大学
大阪大学
一橋大学
名古屋大学
東北大学
九州大学
北海道大学
慶應義塾大学
早稲田大学
上智大学
国際基督教大学

## 物語の要約

>この物語は、孤独な**ぱっとしない青年**が主人公です。
>２０１７年冬、米国ユニコーンに負けない素敵なサービスをつくるお話です。
>**時価総額１８００億円企業**にたった１人青年はどう立ち向かうのか。
>この米国ユニコーン企業とは一体、そしてぱっとしない青年は何をつくるのか。
>アツい日米経営合戦を見逃せない！
>[ぱっとしない青年Twitter(公式)](https://twitter.com/2whom_)

## 戦い方

#### 1.ビジネスと経営の関係

>「**ビジネスは規模、経営はコスト**」
> - ファーストリテイリング創業者 柳井正
>
>その通りです、最小コストで大衆に喜んでもらうことが最重要。
>しかし、パッとしない青年と米国ユニコーン企業は**「アリとゾウ」**。
>それをどう乗り越えるか。**ゾウに弱点あるのだろうか**。

#### 2.シンプルしかない。

>Simple can be harder than complex.
>You have to work hard to get your thinking clean to make it simple.
>But it’s worth it in the end because once you get there, you can move mountains.
>- Steve Jobs(Founder of Apple,Inc)
>
>**シンプルなことは**、複雑さよりも時に難しい。
>物事をシンプルにするため、懸命に思考を明快にする必要があるからだ。
>**それだけの価値**はある。ひとたびそこに到達できれば、**山をも動かせるからだ**。
>- スティーブ・ジョブス(Apple創業者)
>
>その通りです。小学生が笑いこけるほどシンプルなプロダクトを作ります。
>「(機能的に)**使える**」ことと「(ユーザが)**使う**」ことは**違う**のですから。
>

## 武器・資源

## 作戦会議

#### Rails Devise仕様

>・[DeviseとOmniauthで認証管理](https://qiita.com/ytkt/items/d78841f7dea5e29f38ee)
>・[deviseでfacebook,twitter認証](https://qiita.com/mosa_siru/items/9f1faa509f4d3653a1b2)
>★[Devise+OmniAuthでユーザ認証を実装する手順](https://qiita.com/kami_zh/items/94aec2d94a2b4e9a1d0b)
>・[RailsでDeviseによるユーザー登録・ログイン認証・認可の機能追加](http://easyramble.com/devise-on-rails.html)
>・[RailsでDevise+OmniAuthによりメールアドレスを使わない認証を実装する方法](http://post.simplie.jp/posts/43)
>・[RailsでDeviseとOmniAuthによるTwitter/FacebookのOAuth認証、および通常フォーム認証を併用して実装](http://easyramble.com/implement-devise-and-ominiauth-on-rails.html)

#### 投稿仕様
>★[Railsでテキスト内のURLをaタグに書き換える](https://qiita.com/satoken0417/items/df4098a122d05d69a3e6)
>★[Railsでタグをエスケープしつつ、改行を含む複数行のTextを表示したい](https://qiita.com/t_oginogin/items/0164ad76b753fdff9902)
>・[5分でRailsアプリにマークダウンとプレビューを実装。](https://qiita.com/k_s/items/40ac2c6b24d56bb667dc)
>・[[Rails] Markdown形式で入力できるようにしてみた（シンタックスハイライトも対応）](https://qiita.com/hkengo/items/978ea1874cf7e07cdbfc)

#### wysiwygエディタ仕様
>・[facebook製html(wysiwyg)エディタ draft-jsをrailsで利用してみる](https://qiita.com/iwsksky/items/092e58ea4f0707bea2bf)
>・[Railsに手軽にWYSIWYGエディタを組み込みたい](https://qiita.com/snoozer05/items/d0b6cdf2a848435eb6ec)
>・[クールでイカしてるwysiwygエディタFroalaをRailsに5分で導入する](https://cre8cre8.com/rails/wysiwyg-editor.htm)
>・[ruby on railsに最強のwysiwygエディタ、Squireを導入する](https://joppot.info/2015/03/02/2338)
>・[ユーザにHTMLコンテンツを作成してもらう時に使えるWYSIWYGライブラリまとめ](https://blog.htmlhifive.com/2014/09/03/wysiwyg-text-editor-library/)

#### PV計算
>★[impressionist gemを使ってrailsでページビューをトラッキングする](https://qiita.com/yimajo/items/995584ede90be1a873ce)
>★[Railsでページビュー（PV)をとるならimpressionist](http://ria10.hatenablog.com/entry/20140618/1403057511)
>・[Rails で簡単に PV を計測できる impressionist を触ってみた](http://kakakakakku.hatenablog.com/entry/2015/06/19/184614)
>・[impressionist Gemでランキングを作る](https://tagamidaiki.com/create-ranking-with-impressionist-gem/)

#### liをドロップ仕様
>・[【jQuery】iPad・iPnoneにも対応！ドラッグ＆ドロップで移動できるリストを作る方法](http://klutche.org/archives/557/)
>・[リスト、テーブルの要素をドラッグ&ドロップで移動できるようにする](https://qiita.com/michimani/items/71a0d25c7f018a0d245b)
>・[ドラッグ＆ドロップでli要素の並べ替え→DB書き換え](https://qiita.com/ao_love/items/4f74bdcd345e9e8ff810) - 難しい

#### 多階層カテゴリ仕様
>・[Category 多階層カテゴリー | teratail](https://teratail.com/questions/46851)
>★[ActiveRecordで多階層カテゴリ](https://qiita.com/NAKANO_Akihito/items/9cfc87403e5a4e473eb8)
>★[ActiveRecordで多階層カテゴリ(Ancestry)](https://qiita.com/NAKANO_Akihito/items/d42a6ceae40933af2352)
>・[Ancestry](https://github.com/stefankroes/ancestry)
>★[Ajaxでセレクトボックスの中身が動的に変わるRailsアプリの作り方](https://qiita.com/jnchito/items/59a5f6bea3d7be84b839)

#### 吹き出しCSS仕様
>・[CSSだけで吹き出しをつくる！デザインサンプル26個](https://blog.codecamp.jp/css_balloon)
>・[CSSで作る！吹き出しデザインのサンプル19選](https://saruwakakun.com/html-css/reference/speech-bubble)
>・[【5パターン】画像を使わず CSS3 のみで作れる吹き出しを作ってみた – Pure CSS3 Balloons](https://zxcvbnmnbvcxz.com/demonstration/pure-css3-balloons.php.html#b5)

#### AWSデプロイ

>基本
>・[(下準備編)世界一丁寧なAWS解説。EC2を利用して、RailsアプリをAWSにあげるまで](https://qiita.com/naoki_mochizuki/items/f795fe3e661a3349a7ce)
>・[(DB・サーバー構築編)世界一丁寧なAWS解説。EC2を利用して、RailsアプリをAWSにあげるまで](https://qiita.com/naoki_mochizuki/items/22cfbf4bf7ec95f6ac1c)
>・[(デプロイ編①)世界一丁寧なAWS解説。EC2を利用して、RailsアプリをAWSにあげるまで](https://qiita.com/naoki_mochizuki/items/814e0979217b1a25aa3e)
>・[(デプロイ編②)世界一丁寧なAWS解説。EC2を利用して、RailsアプリをAWSにあげるまで](https://qiita.com/naoki_mochizuki/items/5a1757d222806cbe0cd1)
>・[(Capistrano編)世界一丁寧なAWS解説。EC2を利用して、RailsアプリをAWSにあげるまで](https://qiita.com/naoki_mochizuki/items/657aca7531b8948d267b)
>本番環境
>・[初心者向け：AWS(EC2)にRailsのWebアプリをデプロイする方法 目次](https://qiita.com/iwaseasahi/items/d5f2ef3eac5e349a8f7d)
>・[初心者向け：AWS(EC2)にRailsのWebアプリをデプロイする方法 ①](https://qiita.com/iwaseasahi/items/7af16215f06fbc57c490)
>・[初心者向け：AWS(EC2)にRailsのWebアプリをデプロイする方法 ②](https://qiita.com/iwaseasahi/items/4666f9a777ba3cf61a05)
>・[初心者向け：AWS(EC2)にRailsのWebアプリをデプロイする方法 ③](https://qiita.com/iwaseasahi/items/4a48aa50594506cbd8b6)
>・[初心者向け：AWS(EC2)にRailsのWebアプリをデプロイする方法 ④](https://qiita.com/iwaseasahi/items/b28f8b91c4638e2c57fd)
>・[初心者向け：AWS(EC2)にRailsのWebアプリをデプロイする方法 ⑤](https://qiita.com/iwaseasahi/items/72c43bd932ad5cc2d206)
>・[初心者向け：AWS(EC2)にRailsのWebアプリをデプロイする方法 ⑥](https://qiita.com/iwaseasahi/items/3e42a13b33ec5c792021)

#### SEO仕様

>・[これからはじめる SEO内部対策の教科書](https://www.amazon.co.jp/%E3%81%93%E3%82%8C%E3%81%8B%E3%82%89%E3%81%AF%E3%81%98%E3%82%81%E3%82%8B-SEO%E5%86%85%E9%83%A8%E5%AF%BE%E7%AD%96%E3%81%AE%E6%95%99%E7%A7%91%E6%9B%B8-%E7%80%A7%E5%86%85-%E8%B3%A2/dp/4774152943)

#### teratail質問

>・[Rails - SNSログインで利用できるプロフィールは？](https://teratail.com/questions/94820)
>・[Rails - ブログ作成時にある、画像をtextareaに挿入する仕様方法](https://teratail.com/questions/94837)
>・[Rails - 多階層カテゴリをselectタグ等で表示する方法](https://teratail.com/questions/95048)
>・[Swift - 1人でRailsアプリをiOSにするまでの勉強方法](https://teratail.com/questions/95129?modal=q-comp)

#### カテゴリ仕様

- 経営者
>ＣＥＯ(最高経営責任者)
>ＣＴＯ(最高技術責任者)
>ＣＩＯ(最高情報責任者)
>ＣＦＯ(最高財務経営者)
>ＣＯＯ(最高執行責任者)
>ＣＡＯ(最高総務責任者)
>ＣＬＯ(最高法務責任者)
>ＣＤＯ(最高デザイン責任者)
>ＣＭＯ(最高マーケティング責任者)
>ＮＰＯ(非営利団体経営)

- 大学生
>東京大学
>京都大学
>大阪大学
>一橋大学
>名古屋大学
>東北大学
>九州大学
>北海道大学
>慶應義塾大学
>早稲田大学
>上智大学
>国際基督教大学

Edit request

Linked from these articles
Linked from Swift記事まとめ(毎日自動更新)2 days ago