LoginSignup
88
42

More than 3 years have passed since last update.

@yuikoito(Yuiko Ito)

100日間チャレンジを振り返る

Last updated at Posted at 2020-10-19

こんにちは、Yuiです。

実は7月5日から#100日後に話題のwebサービスを立ち上げるワニと称して、100日チャレンジをしておりました。
大した成果は出せなかったのですが、一応完走したということで、その間に作ったサービスとできるようになったことなどをまとめて書いていきます。

実際のモーメントはこちら→https://twitter.com/i/events/1281676911056314368?s=21

スキルのマッチングアプリAllesの改良

https://nandemokokan.bubbleapps.io/
これはNoCodeツールbubbleで作りました。NoCodeとは言えど、結構DB設計などをちゃんとしてないとだめで苦労しました。

サービス内容としては、スキルとスキルを交換しようというシンプルなもの。
例えば、英語教える代わりにプログラミング教えてね、みたいな用途を意図して作りました。

通知機能とかはつけたのですが、なんかバグってしまうときがあります。

このアプリを作って、これはwebアプリではなく、ネイティブアプリのほうが相性が良いなと思って、flutterを勉強し始めることにしました。

baggage transfer様のHP制作（掲載許可済み）

これは5月頃に受けた案件です。
WPで作ったんですが、結構機能がもりもりなので、苦労しました。
完成したのが1日目のときなので、今回の100日間チャレンジにのせました。

このときに若干PHPでカスタマイズをしたりしました。
PHPははじめて触ったので文法のことなどは何もわからないのですが、（他の案件もあったので）WPのカスタマイズぐらいなら問題なくできるようになりました。

flutterの練習期間

このとき確かUdemyでflutterでtwitterクローンを作ろうみたいな教材を見ていたような気がします。

ただまあ見てわかる通りflutterもわからない、firebaseもわからないで結局わからないことだらけでした。（それはそう）

たなばたまつり

そんなこんなしてるうちに7月7日になりました！なんか七夕のアプリを作りたいと思い立ったものの、すでに時間は7月7日の朝。ちゃんとしたアプリは作れないことは明確だったのでPWAで簡単に作ることにしました。

そして完成したのがこれ。

まあ見るからにクソアプリなのですが、1日で作った割には面白いかなと思います。（自分に甘い）

flutter続き

引き続きflutterの勉強の続きをやります。
前回のflutterとfirebaseでのTwitterクローンは完成したことはしたのですが、firebaseが全くわからなかったので、とりあえずflutterのみを勉強し直すことにしました。

めちゃくちゃ単純なクイズアプリを作りました。

一応完成させました。

自分のお仕事用HP作る

そういえば私お仕事用のHPないな？ということに気がついて合わてて作ることにしました。
web制作の案件でなれてたのですぐにできました。

3つめのflutterアプリ

簡単なものですが3つめのflutterアプリを作りました。

これでなんとなくflutterの見た目部分だけはなれてきたような気がします。

Vue.jsの案件が決まる

そんなこんなしてるうちに案件が決まりました。
初の準委任契約です。

※余談ですが、私はもともと大阪で旅行会社で働いていて、エンジニアとして内定が出た＆私生活の都合上東京に行くことになったので仕事を辞めて8月から東京の予定でした。が、6月にコロナの影響で内定取り消しになってから転職活動がうまくいってませんでした。

もうニートになるしかない！とやさぐれてたので助かりました。

とはいえ、Vue.jsははじめて触るので、flutterそっちのけで勉強することにしました。

Vue.jsで初アプリ完成

とりあえずUdemyで良さそうな教材を買って、Vue.jsを勉強してたら2日ぐらいで初アプリ完成しました。
Vue.jsは簡単にレイアウト整っていいですね。
このときにちょっとだけfirebaseを再度使いましたが、前にflutterで若干使ってたので、認証機能ぐらいは簡単に実装できました。

Vue.jsをもっと勉強する

上記ではVuetifyを入れてサクッと作っただけだったので、細かい部分の書き方はわかってませんでした。
なので、再度初心に戻ってv-bindの動きなどを確かめます。

埋め込みやスライダーなどもできるようになりました。
このへんで、公式ドキュメントの読み方とかがなんとなくわかってきます。

flutterほとんどしなくなる

flutterも地道に進めてたんですが、ちょっと案件の都合上時間が取れなくなり（言い訳）この発信の後はflutterに触ることはほとんどなくなります。

でも結構楽しかったので、またちゃんと勉強して今度こそはアプリを出したい！

素のJavaScriptを使ってゲームを作る

Vue.jsで案件を進める中で、そもそもJavaScriptの知識が足りないと感じたので、基本から勉強し直すことにしました。

一応github pagesで公開はしたんですが、途中でやめた関係でかなりの糞レイアウトなので、見るときは自己責任でお願いします。（https://yuikoito.github.io/game/）

でもこんな単純なものですが、結構学びになることは多く、実際の案件では結構書けるようになりました。

英語でBot作る

こうしてる間に登壇に呼ばれたので参加する用の簡単なBotを作りました。5分ぐらいで作ったので本当にクソ。

TODOアプリリリース

puzzllyさんで講座を出すことになったのでそれ用の簡単なTODOアプリを作りました。

ネコリスリリース

またまた遊びでJavaScriptを使ってテトリスならぬネコリスを作りました。
（PCのみ対応）
このときにcanvasをはじめて使いました。簡単に表示ができて面白いですね。

これを利用してのいのちのテトリスも。

しばらく発信サボる

この辺あんまり詳しく書くとあれなので書きませんが、受けた案件が炎上しまして。笑
本当に時間が取れなくなったのでいのちのテトリスの後3週間ぐらい発信をサボりました。

最後につくるアプリ決める

やっぱこのままじゃだめだと思って最後につくるアプリを決めました。

ほんやくんリリース

webアプリが間に合わないと思ったので、せめてということでLineBotをリリースしました。
結構話題になって嬉しかったです。
多分制作時間は10時間ぐらいですが、時間をかけたアプリが偉いわけじゃない！と自分を奮い立たせて発信しました。
（内心はこんなのリリースしてごめんなさいという気持ちだった）

Pic Translatorリリース

絶対に間に合わないと思ってたアプリですが、無事リリースできました。

こちらに関しては詳細はリリース記事に書いたのでよければ読んでください。

これにて、100日間の挑戦は終わりました。

できるようになったこと、できなかったこと

できるようになったこと

  • React、TypeScript、Vue.jsを使って働くことになった
  • React、TypeScript、Vue.jsが何となく分かるようになった（仕事で使った）
  • 月収100万超えた（上記の案件により　※1ヶ月だけなのでボーナス月）
  • SSRとCSRが理解できるようになった
  • 簡単なwebアプリなら1週間ぐらいでリリースできるという自信ができた
  • API接続完全に理解した
  • 公式ドキュメントを読めるようになった（今まではわからなさすぎて途中で眠気が来てた）

できなかったこと

  • 結局ネイティブアプリリリースできなかった
  • flutter理解できなかった
  • firebase認証機能しかわからなかった

感想

上記の通り、大したことはできなかったので、正直悔しいです。

ただ、私生活も入れるなら、少なくとも経済的には死なない程度のお仕事はエンジニアとして入るようになったので、自分に甘く、まずまずの結果だったということにしておきます。

もし次回するとすれば、次は100日間で写経をする、とか、●●のアプリをリリースする、とか、何かひとつの目標に対して進めたいなと思います。

88
42
4

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
88
42