週刊人生詰んだマガジン

フリーランスフロントエンドエンジニアTinyKittenのブログ

ぷよぐらみんぐ

プログラミングLTってイベントで10分話す

最近父親からFacebookに友達リクエストが届きました。 プログラミングLTってイベントで何も詳しくないのにフレームワークについて所感を語るとかいう色んな人から刺されそうなLTやります。 あとこのダサいポスターと「未来につながる君のコード」って言葉も…

Hyperappを書いてみた

いや書いたってライブラリのほうじゃなくて使った方。 1KBのJSソースでできているらしくそこそこ速いらしい。 qiita.com 書いてみたが他のSPAと比べて煩雑なコード記述がなくて良さ。 最初onclickをonClickって書いて5分くらいツボった。 github.com さて、…

【1日1クソアプリ03】Cordova対応のスマホ向け速度計

体調が良くないので手短に。 Vue.jsでCordovaを使って何か作りたいと思ったんですけど、なんかOnsenUIくらいしか選択肢がなかったので使ってみた。UIキットに用事ないのでOnsenUI要素は全くありません。 Weexとかもあったんですけど、なんか微妙に使いづらさ…

【1日1クソアプリ02】PWA対応のおすすめ松屋メニューWebアプリ

また松屋かよ。そうですよまた松屋ですよ。俺の中ではHello World的な存在です。 Vue.js+Vuexで実装してみた。要はVuexの勉強で作ってみただけです。 こ↑こ↓ MWA Frontend ソースはこ↑こ↓ github.com APIはこれ(真顔) github.com

Vue.jsで既存プロジェクトを書き直し始めた話

人生詰みすぎてブログの更新忘れてました。 #今日も人生詰んだ 技術的な話が極端に苦手なんですけど、頑張ってぎじゅつてきなはなしをしていこうとおもいます。 最近Angularに飽きてきまして、なぜかっていうとあるじゃないですか、倦怠期。マンネリというか…

最寄り駅クソAPIを使ったクソサービスを開発した

tinykitten.hatenablog.com 駅を表示するだけなんですけどね。元旦の半日使って作りました。 やってることは例のAPIにWebSocket接続して取ってきたデータをよしなに表示してるだけです。 反響が少ないと自分うさぎなので寂しくて死んでしまうので誰か定期的…

座標から簡易的な駅情報を返すクソAPIを作った 

github.com クエリ文字列からぶんどってきた座標から一番近い駅の情報を適当に返すAPIだよ。 駅と路線情報は駅データさん使ったよ。 距離計算方法が非常に頭が悪いからMBPRで100ms、ラズパイで2.5秒、TinkerBoardで1秒レスポンスにかかるよ。 Macとラズパイ…

ElixirでSlackBot書いた

どうも#Team_ShupacaのTinyKittenです。 最近Elixirかじってます。Erlangの仮想環境上で動くっぽい。 最初はGraphQLのAPIを書こうかと思ったんですけどGraphQLの勉強不足で断念。まだ勉強が足りなかったっぽい。頭いい人はいいですね。 んで書いたのがこれ g…

Elixir-Slackが:gen_server.callで落ちる

ちょっと気の迷いでElixirでSlackBot作ってます。 Elixir-Slack使ってドキュメントどおりにコーディングしても動かない。 ** (exit) exited in: :gen_server.call(:hackney_manager, {:new_request, #PID<0.144.0>, #Reference<0.681220802.4083941383.17813…

ExpressionChangedAfterItHasBeenCheckedErrorの対処法

Angular 4+で「ExpressionChangedAfterItHasBeenCheckedError」が発生することがあります。 友人に頼まれたコード書いててこれでました。これテストに出ません。ユニットテストと思った人は顔洗ってきましょう。 子コンポーネントに値を渡した後に親コンポー…

MongoDBでユニークに$pushしたいときは$addToSetを使おう

サンプルコードはGolangのmgoです。 例えばユーザーをフォローする等の処理をするときに Update(bson.M{"_id": fromOID}, bson.M{"$push": bson.M{"following": toOID}}) とかすると、2度目も同じObject IDがPushされる。は?俺は元マクドナルド店員やぞ $a…

MongoDBで大小文字区別せずにFindしたかった

結論のコードからすると、 db.stuff.find( { foo: /^bar$/i } ); つまり正規表現の、/iをつけると大小区別なしにFindできます。 ただし、この方法には落とし穴があります。 MongoDBにインデックスされません。 ある程度な規模なサイトに適用するには良くない…

High Sierra+PyenvでPythonをぶっこめない

Installing Python-3.6.2... ERROR: The Python ssl extension was not compiled. Missing the OpenSSL lib? 生意気なこと。 CFLAGS="-I$(brew --prefix openssl)/include" LDFLAGS="-L$(brew --prefix openssl)/lib" pyenv install 3.6.2 > Installed Pytho…

LabStack EchoでJWTトークンが必要なハンドラーに対してのテストでハマった話

みなさんGo使ってますか。使ってようが使ってなかろうがどうでもいいのですが、 TimelineServerの開発にはGoとWebフレームワークのLabStack Echo使ってます。 で、皆さんJWT好きですか。あなた達が好きかどうかはどうでもいいのですが、TimelineServerの認可…