「ネタ」の記事 - Crieit

数珠玉表記 (Beads Vector Notation)

2022-07-18T00:06:18+09:00

「　👇 プログラム設計書が入れ子番号になってら……」

1. Food

1.1. Fruits

1.1.1. Apple

1.1.2. Banana

2. Vehicle

2.1. Ship

2.2. Train

2.3. Car

2.3.1. Police car

「　伝説の BASIC言語の教えを知らないから人は連番にする」

「　今日の仕事を終え、続きは明日にするぜ」

「　次の日だぜ。　今日の業務を開始するぜ」

1. House

1.1 Apart

1.2 Mansion

2. Food

2.1. Fruits

2.1.1. Apple

2.1.2. Banana

3. Vehicle

3.1. Ship

3.2. Train

3.3. Car

3.3.1. Police car

「　👆 振り番が変わってる……」

「　文書は　どんどん成長するのよ。　そのたびに リナンバリング するわよ！」

「　よっしゃ　プログラム設計書の振り番と　プログラムのソースコードのファイル名の新旧対応表を作ったろ」

「　そんな表を作る工数が無駄なのに……」

「　👇 こういうクラス名を付けたいが、名前を数字で始めることはできないし、アンダースコアもコード規約的によろしくないぜ」

1House
1_1Apart
1_2Mansion
2Food
2_1Fruit
2_1_1Apple
2_1_2Banana
3Vehicle
3_1Ship
3_2Train
3_3Car
3_3_1PoliceCar

「　プログラムに連番を振るのは アンチパターン よ。
プログラムの意味 を洗い出せば、その部品に合った名前が自ずと付くのよ」

「　設計者は 政治的理由 で意味を洗い出すことを止めてるんで」

「　政治的でない部分だけで　プログラムしようぜ？」

O1House
O1_1Apart
O1_2Mansion
O2Food
O2_1Fruit
O2_1_1Apple
O2_1_2Banana
O3Vehicle
O3_1Ship
O3_2Train
O3_3Car
O3_3_1PoliceCar

「　👆 前ゼロに似てるという理由で大文字の O を頭に付けたろ」

「　経営幹部はソースに興味ないしな」

「　ソースのモデラ―（管理者）がいないの　そもそもおかしいのよ」

O1House
O1o1Apart
O1o2Mansion
O2Food
O2o1Fruit
O2o1o1Apple
O2o1o2Banana
O3Vehicle
O3o1Ship
O3o2Train
O3o3Car
O3o3o1PoliceCar

「　👆 アンダースコア _ は、数字のゼロに似ている小文字の o に替えたろ。
これで　章番号を　クラス名の頭に付ける道具立ては整ったぜ」

「　驚き最大限の法則わらう」

「　👇 lowerCamelCase としても使える。変数名にも使えそうだぜ」

o1House
o1o1Apart
o1o2Mansion
o2Food
o2o1Fruit
o2o1o1Apple
o2o1o2Banana
o3Vehicle
o3o1Ship
o3o2Train
o3o3Car
o3o3o1PoliceCar

「　これを 数珠玉表記 （Beads Vector Notation）と名付けよ」

辞書順記数法 (Dictionary Ordinal Number Notation) を解説しようぜ（＾～＾）？

2022-07-18T00:02:40+09:00

「どのフォルダーに入ってるんだぜ？」

「　4番のフォルダーだぜ」

📂 0
📂 1
📂 2
📂 3
📂 4
📂 5
📂 6
📂 7
📂 8
📂 9
📂 10
📂 11
📂 12
📂 13
...

「 👆 Windows のファイルエクスプローラーは名前順にソートすると数字は昇順に並ぶのか。
よっしゃ Visual Studio 2022 Preview で開けたろ」

📂 0
📂 1
📂 11
📂 12
📂 13
📂 14
📂 15
📂 16
📂 17
📂 18
📂 19
📂 2
📂 20
📂 21
📂 22
📂 23
📂 24
...

「 👆 4 のフォルダーはどこだぜ！」

「辞書順に並んでるから　多分 39 の下よ」

「なんでソートのアルゴリズムが違うんだぜ！」

「嫌なら Windows を捨てて Linux にしろだぜ」

「 Windows の名前ソートを調べたろ」

Visual Studio 2022 Preview のソリューションエクスプローラーの名前順

📂 0
📂 08
📂 0A
📂 1
📂 -1    # ハイフンは負数とは判定されない
📂 10
📂 100
📂 2
📂 3
📂 4
📂 5
📂 6
📂 7
📂 8
📂 9
📂 99
📂 A

「 👆 納得の辞書順だぜ」

「辞書順の方が基本で、
むしろ Windows ファイルエクスプローラーの方が気を利かせて数字の部分を並び替えてくれるのよ。
多分電話番号とか想定してんじゃないの？」

「だれが電話番号なんか想定してフォルダーを並び替えてほしいんだぜ！
前ゼロを無視したり、負数の符号に対応してないのに正の整数だけソートしたり、ワケ分からん！」

「分けの分かる部分だけを使えだぜ」

「わたしの手にかかれば　問題は　解決までの手順に変わるぜ」

[解決方法] 零，または正の整数は昇順になる

例

📂 1
📂 2
📂 3
📂 4
📂 5
📂 6
📂 7
📂 8
📂 9
📂 A10

📂 A91
📂 A92
📂 A93
📂 A94
📂 A95
📂 A96
📂 A97
📂 A98
📂 A99
📂 AA100

📂 AA991
📂 AA992
📂 AA993
📂 AA994
📂 AA995
📂 AA996
📂 AA997
📂 AA998
📂 AA999
📂 AAA1000

「 👆 前A を付ければいいんだぜ」

「 前A って何よ！」

「 前ゼロ の A 版だぜ」

備考

アスキーコードの順を考えると A(大文字) が好ましいが、 a(小文字) でも構わない

「負の数はどうすんだぜ？」

[解決方法] 負の整数は昇順になる

例

👇 例： Windows ファイルエクスプローラーのファイル名，フォルダー名向け

📂 ___900  # -100
📂 __01    # - 99
📂 __09    # - 91
📂 __10    # - 90
📂 __89    # - 11
📂 __90    # - 10
📂 _1      # -  9
📂 _2      # -  8
📂 _7      # -  3
📂 _8      # -  2
📂 _9      # -  1
📂 0       # Zero

👇 例： Visual Studio 2022 Preview のメソッド名の並び順向け

add___900()  # -100
add__01()    # - 99
add__90()    # - 10
add_1()      # -  9
add_8()      # -  2
add_9()      # -  1
add0()       # Zero

「 👆 前_ を付けてひっくり返った数を使えば負数も昇順に並ぶぜ」

「 前_ とか ひっくり返った数 って何よ！」

「 ひっくり返った数 というのは、その数を1桁増やした数の絶対値の最小の数だな」

備考

👆 アンダースコア _ は使いたくなかった。 0 が辞書順なら 0 にしたかったが、 Windows ファイルエクスプローラーや、 Visual Studio 2022 Preview のメソッドの並び順は 0 を無視するという分けの分からない挙動なので仕方なく使用

-13 ～ 13 の例

📂 __87  # -13
📂 __88  # -12
📂 __89  # -11
📂 __90  # -10
📂 _1    # -9
📂 _2    # -8
📂 _3    # -7
📂 _4    # -6
📂 _5    # -5
📂 _6    # -4
📂 _7    # -3
📂 _8    # -2
📂 _9    # -1
📂 0
📂 1
📂 2
📂 3
📂 4
📂 5
📂 6
📂 7
📂 8
📂 9
📂 A10
📂 A11
📂 A12
📂 A13

「 👆 これで楽になったぜ」

「こんなおかしな バッドノウハウ が流行る前に GUIのリストのソートアルゴリズムをユーザーが指定できるようにしてほしいぜ」

電脳向量表記 (Cyber Vector Notation)

2022-07-17T23:49:07+09:00

👇 「電脳向量表記」を発案したので Qiita に書こうとしたら「投稿頻度が高すぎます」とかいう　わたしの投稿頻度とウマの合わない注意が出てきて新規記事を投稿できなくなったので　Crieit　に書く

一度に説明するのは難しいので、要点を分けて１つずつ説明する

O_9o0 序文

BASICの行番号で 1, 2, 3 と振り番すると、あとで 2 と 3 の間に１行はさみたいときに
挟めなくて困るから、行番号は 10, 20, 30 と振りなさい、と教えられる。
あとで 20 と 30 の間に 25 を挟めるからなるほど！　と思ったが、
じゃあ 25 と 26 の間に挟みたいときはどうするのか！という長年の疑問から
後からいくらでも挟めるような振り番が欲しかったので　仕様を発案した。
数値型ではなく 文字列型の辞書順 を利用する

O1o0 格納構造

O1o1o0 もととなる数

[1 2 3 4]

👆 もととなる数は、要素を整数とするベクトルを想定している

O1o2o0 電脳向量

[1 2 3 4 0]

👆 要素を整数とするベクトルで、右端の要素が 0 のものを 電脳向量 （Cyber Vector）と呼ぶことにする

O1o3o0 右端に 0 の要素を追加する操作

[1 2 3 4]
         │
         │ trail_zero
         ↓
[1 2 3 4 0]

👆 右端の要素が 0 でない場合、 1列増やして 0 を入れる。
これを trail_zeroルール と呼ぶことにする。 With trailing zero の略

[1 2 3 4 0]
           │
           │ trail_zero
           ↓
[1 2 3 4 0 0]

👆 この操作をもう一度行うと、さらに 1列増やして 0 を入れる

O2o0 電脳向量の表記の手順

O2o1o0 Ignore case

大文字と小文字は区別しない

O2o2o0 零，または1桁の正の整数を要素にするベクトルの例

👇 以下のようなベクトルがあるとする

[1 2 3 4 0]

👇 角括弧を外す

1 2 3 4 0

👇 区切りとして o を使う。間隔は空けずに詰める

1o2o3o4o0

👇 左端に O を付ける。間隔は空けずに詰める

O1o2o3o4o0

これが 電脳向量表記 の代表的なケースだ

O2o3o0 2桁以上の正の整数を要素にするベクトルの例

👇 以下のようなベクトルがあるとする

[21 321 4321 0]

👇 角括弧を外す

21 321 4321 0

👇 区切りとして o を使う。間隔は空けずに詰める

21o321o4321o0

👇 桁数×2-1 の横幅があると考える

 21o  321o   4321o0
-   --    ---

👇 前A を詰める

A21oAA321oAAA4321o0
-   --    ---

👇 左端に O を付ける。間隔は空けずに詰める

OA21oAA321oAAA4321o0

これも 電脳向量表記 だ

O2o4o0 負の整数を要素にするベクトルの例

👇 以下のようなベクトルがあるとする

[-1 -21 -321 -4321 0]

👇 角括弧を外す

-1 -21 -321 -4321 0

👇 区切りとして o を使う。間隔は空けずに詰める

-1o-21o-321o-4321o0

👇 負数の符号 - を外すとともに、 残った桁数×2 の横幅があると考えて、 前_ を詰める

_1o__21o___321o____4321o0

👇 負数だったその残った数より1桁多い数の中で最小の数を上に添える

10  100   1000    10000
_1o__21o___321o____4321o0

👇 引く

10  100   1000    10000
_1o__21o___321o____4321o0
--  ---   ----    -----
_9o__79o___679o____5679o0

👇 その差の左端に O を付ける。間隔は空けずに詰める

O_9o__79o___679o____5679o0

これも 電脳向量表記 だ

O2o5o0 電脳向量表記の結合

👇 以下の２つのベクトルを１つにまとめたいとき

[1  0]  [2  0]

👇 まずそれぞれを電脳向量表記にする

O1o0  O2o0

👇 g でつなぐ。間隔は詰める。 g の右隣の O は除去する

O1o0g2o0

O3o0 テクニック

O3o1o0 兄弟の追加

「数がすぐ足りなり要素の数を増やす」ことが頻発することがある。
この増加速度を遅くすることが実用のために推奨となる

👇 [2 0] と [3 0] の間に数を挿入するときのテクニック

    [2  0]
    [3  0]

👇 （例） [3 0] の方に [0 -9] 増やす

    [2   0]
👉  [3  -9  0]
    [3   0]

👇 [3 -1 0] と [3 0] の間に数を挿入するときの推奨のテクニック

    [3  -1  0]
    [3   0]

👇 （例） [3 0] の方に [0 0 -99] 増やす

    [3  -1    0]
👉  [3   0  -99  0]
    [3   0]

👇 [3 0 -99 0] と [3 0] の間に数を挿入するときの推奨のテクニック

    [3  0  -99  0]
    [3  0]

👇 （例） [3 0] の方に [0 0 0 -999] 増やす

    [3  0  -99     0]
👉  [3  0    0  -999  0]
    [3  0]

以降、同様に１桁ずつ増えていく

OAA100o0 関連する記事

OAA100o1o0 Pythonコード

Example: 📖 cyber-vector-notation

OAA100o2o0 辞書順記数法

📖 辞書順記数法 Crieit版 - ブログ
📖 辞書順記数法 Qiita版 - 固い記事

OAA100o3o0 数珠玉表記

📖 数珠玉表記 Crieit版 - ブログ
📖 数珠玉表記 - 固い記事

OAA100o4o0 電脳向量表記

👇 辞書順記数法と数珠玉記数法を組み合わせたもの

📖 電脳向量表記 Crieit版ブログ - ブログ
📖 電脳向量表記 Crieit版固い記事 - この記事

おわり

なろう主人公ワイ「ふむ…では、ユーザーが広告を踏むとユーザーに半額収益が入るサービスってのはどうだろう？」

2019-08-31T10:19:49+09:00

こんちっち！
流河旱樹です。

今朝ぼーっとネットサーフィン（死語か？）をしていたら面白い記事をみつけた。
Wikipediaが広告をブロックすることでコンテンツ提供者に収益を分配するブラウザ「Brave」に仲間入り

真面目に中身を読んでいないが（読めよ）言いたいことが分かる。

つまりこうだ。

広告を１クリックすると収益が１０円入る世界だとする。
その１０円ってサイト運営側に全額入るわけだが、１０円ってのは分けることができるよねという話。
「広告を踏んでくれないとお金にならない；；」のがサイト運営側で、ユーザー側は「広告うぜえ」と思っている。
でも、広告うぜえ！と思っているユーザーが広告を踏むと一回につき５円入るとしたらどうだろう？
ガンガン広告を踏んでくれるよね！

サイト運営側も踏まなきゃ０円なんだから仮にユーザーに半分あげたとしても広告がガンガン踏まれれば収益としては増えるよねという感じ。

天才かよ・・・。

まあオレはＡｄｂｌｏｃｋを使っているし自分が運営しているあの世界から寂しさを消す神サービス(*1)も今のところは広告を張っていないんですけどねえ。

*1 神サービスはこちら

システム化がめんどうか？

ユーザーにお金を半分あげる！というのは結構面倒そうだがどうだろう。
これだけ電子マネーだのが普及しているし、専用の「ブラウザ」を作ったり（記事の中ではこれだし、ユーザーではなくコンテンツ提供者にあげるらしい）アドオンを作ったりしたらそれほどやばいシステムでもないと思うな。

１０年ぐらい前だと無理！めんどう！と思っていたことも時代とともに可能になってきているよね

そういえばオレは去年ネトゲを一人で作っていたし、ツールの発達、ミドルウェアの発達、回線のはやさ（５Gになるね）とかいろいろ開発者にとってできることが増えてきているなあと思う。

問題は新しいアイデアを形にしたときにユーザーがそれを理解し受け入れるかどうかみたいなところかもしれないなあとぼんやり思っている。

まあ金がもらえるというのは（電子マネーで）消費税が１０％にあがるとか老後に金が必要とかいう話で盛り上がる時代だからこのぐらいのアイデアなら受け入れられる可能性は高いよねえ(ﾟ∀ﾟ)

ちな、ツイッターランドのプロモーションはどれも気合が入っているので毎日連打して押してます

以上。
ほんじゃまたの！

ハッカーな気分

2019-06-26T23:27:43+09:00

今は昔

むかーしむかし、僕がまだ、小学生とか中学生とか、とにかく、パソコンとかプログラムとかよくわかっていなかった頃の話だ。
アニメやドラマ、映画を見ていると、たまにハッカーみたいなやつが出てくることがある。それは時にはハッカーだし、時にはクラッカーだったりするのだけれど、今はとりあえず、どちらでも良い。
とにかくだ。彼らはすごいのだ。
何がすごいって、ダダダダダッってキーボードを淀みなく叩き続けて、画面には理解不能な文字列がバババババッって表示されて、ッターンって仕上げにキーボードを叩くと、何かすげーことが起きる。
何か、すげーのだ。
別に憧れたりはしなかったけど。

少し昔

とか言いながら、僕は新卒でSIerの企業に入った。
扱ったのは、Windows Server で動くC#製のWebアプリだ。

Windows Server ってGUIだから普段のPCの延長みたいなものだし、普段の開発もだいたい手はそんなに動かない。悩んで調べて動かなくて……。
おおよそ手はキーボードの上じゃなくて、マウスの上か頭の上（頭抱えてる）にある。時々キーボードって感じだ。
昔見たハッカーはやっぱりフィクションなんだなーと、ふと思ったりした。
別に憧れて入った訳じゃないから、何も問題ないのだけれど。

ちょっと前

転職した。その話は今は関係ないので省く。
扱うものがWindowsからLinuxに変わった。
最初はCUIがすげー辛かった。ファイルを探そうにもエクスプローラすらないのだもの。
最初はTab補完すら知らなくて、ファイル探すだけでこんな大変だなんて、どうかしてる、とさえ思ったりした。
そのうち慣れていったけど。

ある時

自分が、ダダダダダッってキーボードを淀みなく叩き続けて、コンソールに文字列をバババババッって表示させているのに気が付いた。

あ、ちょっとハッカーっぽい。

少し思って、すごく虚しくなった。

だって。

cdとlsを打ち続けて、ログを見つけてgrepかけただけだもの。¹

「エクスプローラをポチポチクリックして、サクラエディタのgrep機能でログを検索する」とwindowsに置き換えて書いてみると虚しさが倍増する。 ↩︎

月500円の不労所得を得るためにWEBサービスを開発した話〜もうやめて！とっくに個人開発者のライフはゼロよ！〜

2019-04-15T23:02:46+09:00

こんにちわ！ミツダマです。
毎月WEBサービスを開発して技術とノウハウうっはうは祭りを主催しています。

1・2月に続いて3月にもWEBサービスを開発しました。

そのときの記事はコチラ
▼月500円の不労所得を得るためにWEBサービスを開発した話(1)

3月は究極の選択メーカー(仮)をつくってます。
おかげで少しずつですが不労所得に近づいてきました。へへ。

以下報告記事です！

あらすじ〜成功のノウハウ探し〜

花粉症に悩まされひたすらティッシュを浪費する仕事に勤しんでいたある日のことです。
空いてる時間を使って「個人開発で成功するためのノウハウ」について調べていました。

多くの記事を読み漁った結果、どの記事でも共通して書かれている大原則を見つけたのです。それは

どれだけキレイなコードを書いて
どれだけ最先端の技術を使っても
見た目(UI)が悪いと
触ってすらもらえない

という「人は見た目が9割」ならぬ、「サービスは見た目が9割」説です。

サービス開発で最も重要なのは見た目と操作感(UI/UX)か・・・
「この世は金と知恵と見た目」ってバクマンでも言ってたもんな・・・

と今までの愚行を悔い改め、今度はUIについての記事を漁ります。

次に辿り着いたのがこのサイトです。

▼Can't Unsee

UIデザインが2つ表示され、より正しい方を選択する問題がいくつか出てきます(UIについて興味のある方は遊んで見てください)

このサイトで少し遊んでみた結果、

なんや、おもしれーじゃねえかあんちゃん！

とUIそっちのけでゲーム性に惹かれ、

面白いサイトを見つける → 自分でもつくりたくなる → パクる

という自然な流れからつくることになったのでした。

ステップ1.アイデア出し〜最小限の機能を考える〜

1度インスピレーションを得たらワクワクするアイデアがポンポン出てきます。
が、そのままのテンションで突っ走るとろくなことにならないので最小限にまとめていきます。

こんな感じです。

  【二者択一メーカー（仮）】

  ・質問と解答（二択）を作成できる
  ・あなたはどっち？的な
      ｀｀｀例1）
      質問: あなたはどっちがいい？
      解A:「性格のいいブサイク」
      解B:「性格の悪いイケメン」｀｀｀
      ｀｀｀例2）
      質問: どっちを選びますか？
      解A: 月20万円もらえる(一生)
      解B: その場で1億円もらえる｀｀｀

  ・「質問されたら回答したくなる」の心理をくすぐり倒す
  ・作成したらツイートで拡散
  ・ネプリーグのトロッコアドベンチャー的な

  ・問題はバズってもすぐ飽きそうってとこ(アカン)
  ・滞在時間を伸ばすための仕組み必要←コラボ命 他力本願is正義

ここで思い出しましたが、コラボ命です。
コラボがなければ、他者の力を借りなければこのサービスは成りたたないか弱い存在なのです。

ステップ2. 爆速でつくる

ここまでのアイデアを出し切ったのが3月19日でした。
残り10日ちょいしかありません。もう時間がない。爆速で作ります。

祝日や休日、ズル休みを利用してひたすら開発と睡眠と漫画を繰り返す日々です。

集中して開発 → 詰まったら昼寝 → 起きて開発 → たまに漫画

この流れです。おかげでストレスは全くありません。ワークライフバランスの極み。

ちなみにこの時期は遊戯王を読み返してました。

今でも「味方モンスターが浮遊する城の局部を破壊し落下させて相手全モンスターを潰した結果デュエルに勝つ」
というカードゲームのしなさっぷりには拍手しかありません。

それまでの数値のやり取りはどこにいったんやと言いたいです。

他にも
・突然闇に包まれて攻撃が当たらない
・月を破壊して海水面を低くし海にひそむモンスターを炙り出して焼く
・濡らして雷

などなど。

ねぇ！？それどうやってカードゲームにするの！？ねぇ！？

と。

しかし面白ければいいんです。圧倒的に面白ければ漫画はいいんです。辻褄とか合わなくてもいいんです。

この学びはサービス開発でも活かしていこうと心に誓いました。

面白ければなんでもあり、要は面白ければ多少意味の分からないところがあっても支持してもらえるんだ、と。

その学びを形に変えつつ「究極の選択メーカー」を全力でつくっていきます。

ここからはずっとおれのターーーーーン！！

ステップ3. 公開

3月31日夜10時、どうにか完成、長かったこの思い出と共に涙を浮かべます。

おれはな。
成功しなくてもいいんや。
大人になっても全力で努力したこのひと時を過ごせたこと。
その時間が何より大切で宝もんなんや。

1人感傷に浸りつつもリリース。

と思いきや公開後にログイン処理が上手く動いていないという一番めんどくさそうなバグを発見しました。
しかもローカル環境だと発生しないパターンです。ふざけるなと思いました。流した涙は力ではなく冷や汗に変わります。

「1ヶ月1サービスリリース」

この己との約束を果たすためにも残り2時間でリリースするしかありません。
どうする、どうする・・・と頭をフル回転させた結果

ログイン機能をなくす

という臭いものにはフタ作戦を思いつきました。
長年染み付いた隠蔽体質によってことなきを得たのです。(今は直ってます)

そして23時半、残り30分を残しリリースツイートをかまします。

人生は【選択】の連続だ。逃げるか挑むか。生きるか死ぬか。勝つか負けるか。世界を半分もらうか、もらわないか🌍あなたは何を選ぶ。「究極の選択メーカー」リリースしました！！！🎉🎉🎉究極の選択をつくって人生を問うていきましょう！！https://t.co/ttsLmoKzQO
— ミツダマ@500円プログラマー (@mitudama) 2019年3月31日

当時広めてくださった方々ほんとありがとうございました。
このサービスが成功したらあなた方も東京で消耗しない生活に変えていく所存ですので今しばらくお付き合いください。

サービス開発のこだわりについて

前回の記事にて、開発をするうえでMVPという考え方を重視していますと書きましたがもう一つ重視しているものがあります。

それはTTPです。

TTP つまり Tettei(徹底) Tekini(的に) Pakuru(パクる)

です。皆さんご存知の。

ひたすらパクリ元を分析し伝家の宝刀Chromeのデベロッパーツールでパクリ倒します。
もちろん内容はパクってはいけません。

見栄えのいいポジションや色使い、コンテンツの見やすい幅・高さ、さらには枠線の薄さなんて細かいものまで研究して自サイトに吸収していきます。

「パクってこれか」

と思われるのが忍びないので参考元は載せませんが、5・6サイトくらいは常時見比べて真似させてもらいました。

おかげでUIの優れたサービスがどのような思想で設計されているか少しだけ分かるようになりました！
これは大きな収穫です。

今後もUIの優れたサービスを研究してTTPしていきます。

自分の欲しいモノを作るべきかどうかという考察

あるスターウォーズのキャラもとい有名な個人開発者のジャバ・ザ・ハットリさんが言っていたこと

↑こちらジャバ・ザ・ハットリさん

「自分が欲しいものをそのまま作る」のでは甘い。
　必ずしも「自分が欲しいモノ」＝「世の人々が欲しいモノ」ではない。
　スティーブ・ジョブズのような天才的な勘の持ち主でも無い限り、　
　自分の思いだけで突き進んでも「世の人々が欲しいモノ」に到達することは無い

うーーーん金言ですね。マジで熱いです最高。Awesome！！

ちなみにこの記事です(個人開発者はぜひ読むべき！)
▼開設後３週間で収益１０万円を得た個人開発サイトでやったことの全部を公開する

なるほど-----！やっぱりそうかーーー！

と影響を受けつつも、待てよ、と。この言葉は

ジャバ・ザ・ハットリさんの濃密な経験から出た経験則だから何もしないでそのまま信じるのはダメじゃね？と
偉い人やすごい人が言ってることをさも自分が経験したことのように発言したり真似するのはダメだよなぁ
1回試してダメなら考えを改め現実を素直に受け入れよう

とほんの些細な自我が芽生えたので今回は「自分がつくりたいもの」を好きにつくる道を選んでいます。

成功するクリエイターには二つのタイプがいる？

また、漫画バクマンでは作中に登場する優秀な編集者が「成功するマンガ家」について以下のように分析するシーンがあります。

成功するマンガ家さんは大きく分けると2タイプがいて

自分の描きたい事好きな事を思いきり描いてヒットする天才タイプ
計算しつくしてヒットをだすタイプ

大ヒット飛ばせるのは圧倒的に計算じゃない人なんだ

(ちなみにこの編集は服部さんというキャラでして、どの世界でもハットリという名を持つ方は優秀すぎますね。ガッデム！)

この分析はものづくりをする上で漫画もWEBサービスも同じはず。

もしかしたらワイは天才型の人間かもしれんしな！すまんな！
すまんな君たち！
ワイは自分が好きなものを好きなように作ってそれがバカスコ売れる天才なんや！
和製スティーブや！プログラミング界の新妻エイジや！
お先やで！

これが吉と出るか凶と出るかは神と両ハットリ氏のみぞ知ります。

リリース後の気になる結果は・・・

現実は甘くありませんでした。

なんとリリースから2週間で1000PVにも行っていません。

別に成功しなくても良いとは言ったものの何らかの手応えは欲しいところです。
誰か僕に改善案をください。

流した涙、かいた冷や汗、溢れでる鼻水は報われませんでした。さよなら水分。

どうやら僕は特別な人間ではなかったようです。
ただの和製田中太郎でした。

このリリースで得たもの

今回のリリースでたったひとつだけ得たものがあるとすればそれは

サービスはユーザーが欲しがるものをつくるべき

という失敗から得た経験則でしょう。
これでようやくハットリさんと同じことが言えそうです。心から。

もちろんこれからも自分の好きでつくりたいものをつくります。
ただ、その方針と「ユーザーがほしいもの」をできるだけ絡めてつくります。

今回はそこら辺がちょっとうまく絡み合わなかっただけです。
あと「究極の選択メーカー」という長ったらしい名前がよくなかっただけです。

とにかく、僕は、いえ僕たち個人開発者はこのままでは終われません。(勝手に個人開発者を仲間に加えました)
この失敗を糧に次なるスターロード「毎月500円の不労所得」を目指すべく邁進します。

これから

とはいえ今回のサービス失敗によりとっくに僕のライフは0になってます。もうやめて！

なので4月はサービス開発をお休みしようかなと。

その代わり！
ドット絵を勉強してポートフォリオをつくります！いえい！
待ってろよクロノ・トリガー
グランドリオンよろしく伝説の武器(ポートフォリオ)を作ってやるぜ！

サービス名募集！

現在サービス名を募集してます。

「究極の選択メーカー」ってどうなんだろう？長すぎじゃねえか名前。「チョイスメーカー」とかどうだろう？なんだか軽い印象になるしハラハラ感がない。却下。・チョイス！・ドッチ！・Docchi・どっちょいす・二者択一メーカー・ニシャタクダメだ良い案が出ない( ᵒ̴̶̷̥́௰ᵒ̴̶̷̣̥̀ )
— ミツダマ@500円プログラマー (@mitudama) 2019年4月8日

いまのところ他の開発者から「うんこカレーメーカー」を推薦されてるので最悪それになるかもしれません。助けて

おわりに〜個人開発を始める方へ〜

最後に、これから個人開発をしようと思っている方へ。

僕は個人開発にもステージがあると思ってます。

最初から1発大儲けを目指してつくりきれる人なんかほとんどいないです。
個人開発を始めたばかりの人は、まずは「自分が楽しめるプロダクト」をワクワク開発すればいいのではないでしょうか。

そしてつくったら僕に共有してください。絶対に触りに行きます。ゼッタイ個人開発触るマンです。

そしてあなたが天才型じゃないなら傷を舐め合いましょう。
きっと毎月500円の不労所得くらいなら到達できるはずですよ(ナメナメ)

もしあなたが天才型ならおこぼれをもらいに行きますね。月500円でいいです。

とにかく一緒に個人開発しましょう！楽しいよ！

では、最後まで読んで頂きありがとうございました〜！

月500円のサービスを得るまで〜

やっていき💪

あざっした！！！

Qiitaに今回のサービスで使った技術をまとめてますのでこちらもよかったら！
▼FirebaseでTwitterログインを利用し最速で「いいね」機能をつくる　〜究極の選択をつくるサービスをリリースした話〜

ツイッターもよろしくです！😆

月500円の不労所得を得るためにWEBサービスを開発した話(1)

2019-03-11T23:00:35+09:00

こんにちわ！ミツダマです。
毎月WEBサービスを開発して技術とノウハウうっはうは祭りを主催しています。

1月に続いて2月にもWEBサービスを開発したことで、真の狙いである「不労所得を生み出すサービス」作りにも近づいてきました。
ちなみに俳句メーカーといいます。

以下報告記事です。

SNS画像シェア(OGP)系サービスとの出会い

ことの発端はワタナベさんのこの記事でした。

▼Webサービス分解「Peing-質問箱-」の分解

簡単にいうと、OGPという仕組みを使えば

Twitterに
サービスのURLを投稿するだけで
画像をシェアできる

らしく、

めっっっっっっっっっっっっちゃ面白そうやんけ！

とワクワクが止まらなくなってしまったのがきっかけでした。

やっぱり「〜したい」という思いは行動に移す上で何よりの原動力になりますね。

普段は働きたくないと思いながら辞めさせられない程度にダラダラコード書いてるので、自発的に動き出した自分にびっくりです。おのずと死んだ魚のような目も輝きを取り戻してきます。

さらに、他の開発者が作ったサービスを使ってみて憧れが加速します。どれくらいテンション上がっているかというとこんな感じです。

開発でめっちゃ参考にしている方のアプリ「#かぞえったー」を使ってみた。操作も直感的でUIやデザインもシンプルで触りやすい。シェアツイート時に画像が表示されているのをみて思わずすごい！かっけぇ・・・！！と言ってしまった。この技術を自分でも使ってみたい！わくわくが止まらねぇぜ！
— ミツダマ@500円プログラマー (@mitudama) 2018年12月23日

その後幸運なことにこれまた個人開発者で有名なserinuntiusさんがQiitaに「Vue.jsとFirebaseでOGP画像生成系のサービスを爆速で作ろう」というめちゃくちゃ有益な記事を上げてくれていまして、

これならワイでもでけるかも知れへん！

　 ( ﾟдﾟ)　ｶﾞﾀｯ
　 /　　ヾ
＿_L| /￣￣￣/＿
　＼/　　　/

と思い立ち、早速つくることになったのでした。

ステップ1.アイデアだし

僕は開発をするうえでMVP(Minimum Viable Product)という考え方を重視しています。直訳すると「最小限の実行可能な製品」といったところでしょうか。

メンドくさがりのくせに無駄に完璧主義なところがあるので一度脱線して凝りだすといくら時間があっても足りません。

半日かけてつくっても「その機能いる！？」となって結局消すことなんて星の数ほどあります。無駄 of the 無駄です。

なので脱線しないようにとにかく「最小限の機能を持った製品の開発」を目標にアイデアを出していきました。

その時のアイデアがこちらです⬇︎

＜俳ッカー＞
---ミニマム---
・WEB上で俳句を作れるサービス
・上の句と中の句と下の句で入力場所を分ける
・OGP画像を作成し、つぶやける
・入力したら作成ボタンを押して→ ツイッターにアップ

---ミドル---
・集客＆回遊率上げるためにランキング機能とか載っけたい
・タグはひっっっっっっっっっす！必須中の必須！タグis正義
・IT川柳
・社畜川柳
・ブラック企業川柳
など
・タグをみた人が他の投稿に興味を持って飛んできてくれるの期待

---マキシマム---
・広告入れる
・何入れればいいか分からないけどとりあえずAdsense
・優秀賞、最優秀賞とかつけたい
・コンテンツを充実させるためにどっかのAPIからデータ取得
・もしくは手動で100くらいデータ取得 (手動バッチ)

シンプルの極み。逆にやるべきことが定まっていいです。

ログイン機能
バックエンドの開発
データベースの設計
いけ好かない上司との飲み会

などなどめんどくさい仕様やモチベーションの下がる要因も削りに削っていざ開発に入っていきます。

ステップ2. つくる

この段階ではもう時間との戦いです。
会社で消耗しないように働いて体力を温存しつつ、帰ってからは爆速で作ります。
ちなみに自分の開発スタイルはこちら↓(かの有名な時間割メーカーで作ってます)

まず、会社から帰ったらひと眠りして1日をリセットします。
職場のハゲ上司の顔もポンコツオーナーの戯言もここでいったん忘れるのです。無に帰すのです。

夕寝から覚めたらご飯を食べてお風呂でアイデアや設計を考えつつ、残りの3時間で一気にやり切る。

時間の使い方や環境など、個人開発のスタイルは人によってバラバラですよね。

僕も少しずつ自分にあったスタイルを探しているところでして、色々試した結果覚醒スタイルを身につけてしまうこともありました。

今まで家でPC触るときは1人でもくもくと作業してたんだけど、腰痛から立って作業するようになり、さらに音楽聴きだしてからめっちゃ足踏みしたりリズム取るようになった。もくもくとはかけ離れた作業風景。1人エンジョイしまくってる姿。たまにサビを熱唱するソロライブ。個人開発最高。
— ミツダマ@500円プログラマー (@mitudama) 2019年2月26日

ステップ3. 公開

数日残してミニマムは作り終えたので、ミドル程度まで作り上げていざ公開。

【新サービスリリース】・業界のあるあるをみつけたとき・ジェネレーションギャップを感じたとき・ブラック企業に疲れ果てたときその気持ちを17文字にまとめてみませんか？「俳句メーカー」をリリースしました！！🎉🎉🎉https://t.co/xfdJaKbbCx俳句を気軽につくってシェアしましょう♪
— ミツダマ@500円プログラマー (@mitudama) 2019年2月28日

とはいえ特別な作業をするわけでもなく、独自ドメインを設定して「公開しました！」と宣言するだけの簡単なお仕事です。
最初から人が集まるわけもないですし完成度も低いため期待は全くしてなかったのですが、それ以上に「やりきった」ことによる達成感をいっちょまえに感じていました。

ステップ4.集客とマネタイズ

公開まではなんとか辿り着いたものの、まだまだ作り切っただけの段階でマネタイズはおろか集客も全くできておりません。

今後は
* コンテンツを量産(俳句を自分で作る)
* Qiitaに技術記事(今回学んだこと)をアップ
* SEO対策
* Twitterで公式アカウント作成

などの施策をもってPVがどの程度増えていくのか効果検証して行きます。

その後広告を貼ってどのように値が遷移するか(多分0だと思われます)を見ていき、出てきた課題は次のサービスに活かすつもりです。

今のところ、もう少しユーザーが触りやすい環境を整えたいなと思ってますが、攻めあぐねてます。

タグを用意したところまではいいのですが、これでは一般のユーザーが触るまでには至らないのかな、と。
ここら辺は次の課題ですね！！！

感想

当初の予定通り、2月もどうにか未知の技術を使って無事に1サービスを公開できました。
おかげで先月と比べるとWEBサービス開発の知見がかなり貯まったので来月はさらに自由な開発ができそうです。これは嬉しい収穫。

また、俳句メーカーを見てOGPのサービスをやりたいと言われてる人も発見しました。ほほえみが止まらなかったです。

あとは周りの開発者仲間やツイッタランドのフォロワーの方がおめでとう！と言ってくれたこともとても嬉しかったです。
リアルに涙を浮かべましたw　おまいら・・・(´；ω；｀)って感じ

昔から僕は誰かを応援することしかできない人間でしたが、応援してもらう側に立ってみてこれほどまでにありがたいことなんだな、と。
見ず知らずの自分を祝福してくれるなんて周りの人めっちゃいい人ばかりやんと。

しかもフォロワーでもなんでもない個人開発者の方もリツイートしてくれましたからね。
ここら辺人間の温かみに触れて本当にやってよかったなぁと思ってます。
アリガトウミンナトモダチ

ほんと支えてださったみなさまにはいつか成功したら恩返しとして美女二人を脇に抱えて札束のお風呂に入らせてあげたいなと思ってます。

終わりに

1月の時間割メーカー、2月の俳句メーカー、そして3月もまた新しいサービスを生み出すつもりです。
毎月成長したい分野を攻めていくので3月はUIかtwitterログインについて勉強しながらそれが活かせるサービスを考えていきます。

期待せずお待ちいただければ幸いです！

では、最後まで読んでいただきありがとうでした。

月500円の不労所得を得るまで〜

やっていき💪

あざっした！！

(3/13 追記)
Qiitaに今回使った技術について書いてます〜
▼Nuxt.js + FirebaseでOGPの仕組みを完全に理解した　〜俳句をSVGで描画するサービスをリリースした話〜
こちらもどうぞ！！

今後もWEB開発続けるのでよろしければtwitterフォローしてください😆

「ネタ」の記事 - Crieit

数珠玉表記 (Beads Vector Notation)

辞書順記数法 (Dictionary Ordinal Number Notation) を解説しようぜ（＾～＾）？

電脳向量表記 (Cyber Vector Notation)

なろう主人公ワイ「ふむ…では、ユーザーが広告を踏むとユーザーに半額収益が入るサービスってのはどうだろう？」

ハッカーな気分

月500円の不労所得を得るためにWEBサービスを開発した話 〜 もうやめて！とっくに個人開発者のライフはゼロよ！ 〜

月500円の不労所得を得るためにWEBサービスを開発した話(1)

月500円の不労所得を得るためにWEBサービスを開発した話〜もうやめて！とっくに個人開発者のライフはゼロよ！〜