2014年振り返りと2015年の目標
2014年の振り返り
- 転職した
- 引っ越しした
- Webサービスを3つ公開した
転職した
いつかは転職したいと数年前から考えてたけどずっと先送りにしてきたけど、いい転機があったので勢いにまかせて転職を決めた。
なにか転機がないと行動する気力もなかなか奮い立たないので、今年それがきたことはありがたいことだと思った。
引越しした
5年住んでいいかげん飽きたので引越しした。転職時の有給消化のときに準備できたしタイミングも良かった。
WEBサービスを3つ公開した
へぼいサービスではあるけど、きちんと公開できるとこまで作成できたのは良かった。
新たな言語も書くことができて少し経験地も獲得できた。
2015年の目標
- Webサービスを最低4つ公開する
- アクティブユーザ100人以上のサービスを作成する
- この先長く取り組みたい分野を見つける
- GGGGGGをFFFEFFぐらいにする
- 英語を勉強を始めてＴＯＥＩＣ450点以上とする
Webサービスを最低4つ公開する
まだ経験したことがない言語やフレームワーク、ライブラリ、ツールに取り組む。
自分はあらゆる技術要素の良し悪しを表面的にしか捉えられてなくて、便利だから好きとか、なんとなく気持ち悪くて嫌いとか稚拙な言葉でしか語れないのを何とかしたい。自分が持つ経験が少ないので比較できる対象も少ないためにフワッとした感想しか持てないのだと思うので、まずは経験値を上げていきたい。
アクティブユーザ100人以上のサービスを作成する
今までいくつかWebサービスを作成して公開してきたけど、アクティブユーザはいずれもゼロもしくは自分ひとりで非常に寂しい状況になっている。
初めはWEB制作の勉強にはなるしそれでもいいかと思ってたけど、ユーザが付いているサービスを運用することでしか経験できたい体験もあるはずで、そういうのを得たいという気持ちがある。あと、ユーザが自分ひとりだとモチベーションが続かない。
この先長く取り組みたい分野を見つける
巷ではフロントエンドエンジニアとかバックエンドエンジニア、もしくはフルスタックエンジニアなど、単にエンジニアと人括りにせず細分化されて呼称されるようになっていると思う。
自分は何エンジニアなのか考えてみると、何エンジニアでもなくてどれも同じくらいできないエンジニアなので、せめて今年中に自分がこの分野に注力したいと思えるものを見つけたい。
GGGGGGをFFFEFFぐらいにする
自分のスキルをパワプロで表現するとオールＧって感じなので、全体的にスキルを上げてせめてオールＦ以上にはしたい。
英語の勉強を始めてＴＯＥＩＣ450点以上とする
自分の英語力は壊滅的で一度受けたＴＯＥＩＣでは200点台（ランダムに回答したとしても期待値以下！）を記録している。この英語力だと英語のドキュメントを読むのも苦労するし、変数やメソッドの命名のセンスない感じなるので恥ずかしさを感じる。
まずは450点を目標にしてゆるゆると勉強していきたい。
ニコ動のお気に入りユーザー新着動画を見やすくウォッチできるWEBサービスを作った
ニコニコ動画では動画投稿者をお気に入りユーザーとして登録すると、そのユーザーの新着動画をニコレポとしてお知らせしてくれる機能があります。
しかし、このニコレポには「2525再生を達成しました」とか「～さんが動画をマイリスト登録しました」とかあまり知らなくていいようなお知らせがたくさん出てきて、新着動画だけをウォッチしたいという自分の要望にはあまり適しませんでした。
そこで、新着動画をウォッチするという部分だけにフォーカスして、新着動画をウォッチするためだけのWEBサービスを作りました。ニコレポについて自分と同じような不満を持っている人なら、これを使ってもらうと少し幸せになれるかもしれません。
よかったら使ってみてください。
NicoTune
http://nicotune.net/
ここから下は開発に用いた要素技術についての一言メモです。
フロント
- AngularJS･･･簡単なアプリを作るのには便利。規模が大きくなった時の話はわからない。
- Bootstrap･･･こちらも同様に簡単なアプリであれば便利に使える。凝ったもの作るときの話はわからない。
サーバ
- Nginx･･･Apacheよりも設定ファイルが簡素に書けるのが良いと思った。
- uWSGI･･･適当にググった情報で適当に動かしただけなので良し悪しがわからない。
Twitter OAuthで１度認証されたら、以降は認証画面を出さないようにするための設定
新しいWebアプリ作るたびにハマっている気がするのでメモしておく。
Twitter OAuthで1度認証されたら、以降は認証ボタンの押下を促す画面をスキップしたい。
これを実現するために2つの設定が必要。
認証URL
認証のためのURLに下記を使用する。
oauth/authenticate
こちらを指定してしまうと必ず認証画面が表示されてしまう。
oauth/authorize
Application Settings
Twitter Application Managementにて対象のアプリケーションに下記の設定を行う。
githubがハロウィン仕様になってた
いいね。
UI BootstrapのPagerが機能しなくてハマった
AngularJSでBootstrapを扱うためのライブラリ、UI Bootstrapを使ってみたんですが、サンプルコードを参考にPagerを実装してもなぜか機能してくれなくてハマってしまいました。
サンプルコードを記載しているページではちゃんと機能しているので、AngularJSとui.bootstrapのバージョンの組み合わせでうまくいかなくなったりしてるのかなぁと勝手に想像しています。
めんどうなのでちゃんと確認はしていませんが、以下のようにすることで機能できるようにはできました。
サンプルコード
Markup
<pager total-items="totalItems" ng-model="currentPage"></pager>
$scope.pageChanged = function() { console.log('Page changed to: ' + $scope.currentPage); };
Angular directives for Bootstrap
サンプルコードではこうなっているのですが、これだとpageChangedが呼ばれませんでした。
修正後のコード
Markup
<pager ng-change="pageChanged()" total-items="totalItems" ng-model="currentPage"></pager>
なので、ng-changeを明示的に記述し呼ばれるように修正。
Bootstrapファーストガイド―CSS設計の手間を大幅に削減!
- 作者: 相澤裕介
- 出版社/メーカー: カットシステム
- 発売日: 2014/11/26
- メディア: 単行本
- この商品を含むブログ (2件) を見る
Flaskでリダイレクトしたよとかいう警告が出る
こんな警告が出て解消するのに少しハマった。
'A request was sent to this URL (http://localhost/my/contributors) but a redirect was issued automatically by the routing system to "http://localhost:5000/my/contributors/". Make sure to directly send your POST-requ
est to this URL since we can't make browsers or HTTP clients redirect with form data reliably or without user interaction.
Note: this exception is only raised in debug mode'
たぶん、flask側でリダイレクトしなくて済むようにちゃんとURLを指定しろよって言ってるんだと思う。
ルーティングはこうなっているのに
@app.route('/my/contributors/', methods=['POST'])
URLはこうなっていた。
$http({ method : 'post', url : '/my/contributors', // 後ろにスラがない！ data : {id: $scope.contributor.id} })
スラッシュを加えることで解消されました。
