NOT SO BADなブログ

ぼっちスタートアップが日々がんばっています

技術系

Riot.jsでSPAにしたらGoogleにインデックスされなくなったので、FirebaseのFunctionsでmetaタグだけレンダリングした話

FJUG#3でLTさせてもらってきました! firebase-community.connpass.com 前回#2に続いての参加で、今回は思い切ってLT枠に突っ込ませてもらいました。 150人の前でのLTは初めてでしたが、緊張で死ぬかと思いました。 発表したスライドにちょっとした説明やそ…

3年間運用してきたWebサービスを「Rails x Heroku」から「Riot.js x Firebase」に移行した話

Web上で簡単にきれいなトーナメント表が作れる、「THE TOURNAMENT」という超絶地味なサービスを運営しています。 the-tournament.jp 最初に作ったのが2014年だったので、気づけばもう運営4年目。 ずっと「Rails×Heroku」で運用してきたのですが、ちょうど先…

個人開発のWebサービスにとりあえず導入しておきたい無料の便利サービスまとめ

個人開発はリソースが限られるので、いかにサービスのコアなところに集中するかが勝負です。 とはいえサービスのクオリティを上げるためには、色々コア以外の部分も充実させたいところ。 そんなときに簡単に使えて便利なサービスを集めてみました。 自分が運…

Herokuの無料プランで月間100万PVをさばく(さばかない)話

「Heroku Meetup #19 Heroku Trust!」でLTさせてもらってきました! herokujp.doorkeeper.jp せっかくなので、LTのスライドを一部修正して掲載しておきます。 Heroku Meetupはずっと行きたかったけど今まで都合がつかず、初参加できてよかったです。 ピザご…

日本語で国名を選択できて、値はISOの国コードになってるいい感じのセレクトボックスを5分でお手軽に用意する

国を選択させたいこと、ありますよね。 セレクトボックスでは国名を表示させたいけど、値はISOの2桁国コードで保存したいってやつ。 もちろん国名は日本語で。 そんな状況がまた来たので、お手軽に5分で作れる方法を考えてみました。よければご活用ください。

クラウド型IDE「Codeanywhere」×「Firebase」で、PC不要のクラウドプログラミング環境を構築する

普段はMacBookとAtomでコードを書いています。 しかし時々夢を見るわけです。これをタブレットとか、何ならスマホでできないのだろうかと。 というわけでそんな環境を実現するべく、クラウドIDEのCodeanywhereでFirebaseプロジェクトを動かしてみるのをやっ…

MacBookのキーボードが壊れて修理に5万かかると言われたので、キーリマップで乗り切ることにした話

MacBookのキーボードが壊れてしまった。 全面的に壊れたわけではなくて、ピンポイントで下矢印キーだけが壊れてる状態です。 ちょっと水をこぼしてから調子わるくなったので、どうもそれが原因なんじゃないかという感じ。 そんなMacBookの修理を諦めた顛末が…

Riot.js x Firebaseで作る、超お手軽なパスワード不要のログインシステム「Magic Login」

(2018年8月追記) 現在この機能はfirebase公式で提供されています。 このブログの実装方法もまだ使えますが、簡単なのでぜひ公式のをお使いください。 JavaScript でメールリンクを使用して Firebase 認証を行う | Firebase (追記終わり) Webサービスで本当に…

新しいタブを開くたびに「二十四節気七十二候」の美しい言葉で季節を感じられるシンプルなChrome拡張機能「Tab Sekki」をつくりました。

毎日11回も新しいタブ見てるって知ってた? Firefoxの調査によると、平均的なインターネットユーザーは1日11回ブラウザの新しいタブを開いているそうです。 普段たいして気にすることもない新しいタブですが、実は毎日何回も目にしているので、どうせなら何…

Rails4でi18nの多言語対応やったときのハマりどころとかまとめ。

絶賛運営中のトーナメント表作成サービス「THE TOURNAMENT(ザ・トーナメント)」。 今回はRails多言語対応のi18nをつかって英語版に切替れるようにしてみました。 i18n対応でいろいろハマったりしたところのまとめです。

MacBookPro Mid 2010 をSSDに換装しましたよ。

(photo credit: Tekke via photopin cc) まだまだ現役稼働中のMacBookPro Mid2010モデル。 あと数年はがんばってもらおうとついにSSDに換装しました。 簡単で値段もけっこう安かったけど、結果はなかなか満足いく感じです。

BootStrapに標準装備されてるのについつい再実装しがちな機能とかまとめ。

(photo credit: Nathan O'Nions via photopin cc) 最近あらためてBootstrapにはまってます。 Bootstrapでサイト作ってる時に標準の機能を知らんくて わざわざ同じ機能を自分でcss書いたりしてることが多かったので、 よく再実装しがちな機能をまとめメモ。 3…

BootStrap3でSidrつかってメニューを横スライドさせてみる。

(photo credit: MightyBoyBrian via photopin cc) BootStrap3はモバイルファーストに設計されてて、 スマホサイズで見ると自動的にメニューが折りたたまれてトグルボタンになってくれる。 ただデフォルトやとドロップダウンになるので、これをfacebookとかみ…

gitのearly EOFエラーがようやく解決した話。

(photo credit: gullevek via photopin cc) こないだから苦労してたgitでearly EOFになっちゃう問題。 さすがに不便なんで調べてたらようやく解決しました。

MacBookPro Mid2010でメモリ16GBに増設できました。

(photo credit: Daniel Dionne via photopin cc) =====[2014.4.14追記]===== SSDへの換装もやりました。 NOT SO BAD「MacBookPro Mid 2010 をSSDに換装しましたよ。」 =====[追記ここまで]===== MacBookPro Mid2010が非公式にメモリ16GB対応したと聞いて、 …

CompassつかってSCSS化。

(photo credit: psd via photopin cc) 百/一改善シリーズ。 ずっとやりたかったSCSS化にやっと手つけれました。。 しかしこれも超絶便利。 どう考えても学習コストよりメリットのほうが大きいので 最初からこれでやってもよかったな。。