LoginSignup
0
0

More than 5 years have passed since last update.

Herokuで自分用のツールページ作ってみた

Last updated at Posted at 2018-12-14

初めに

普段からExcelとかスプレッドシートでクエリ書き込んだり、必要なものはその場でツール作ったりしてたのですが、もう少しスマートにいけないものかと考えて、最近Herokuを入れました。
去年も一回やってみようとして失敗したのですが、Gitスキルも少し上がったし行けるかなーということで。

Herokuからセットしようかな

最初はこっちを参照しました。
でも、普通に入れるだけならHerokuのやつコピペするだけでも行けたりする。

スクリーンショット 2018-12-14 11.46.53.png

この後にheroku loginやら叩いて、ログインできれば下準備は完了。

APP 追加しよう

スクリーンショット 2018-12-14 11.56.22.png

こういうやつが出てきたら[ New ] => [ Create new app ]でアプリを追加する。

スクリーンショット 2018-12-14 11.59.03.png

Pipelineは今の所いらなさそうなので無視して、名前だけ入れる。
国家はUnited StatesかEuropeかの二択なのであしからず。

スクリーンショット 2018-12-14 12.01.28.png

こういうガイドラインが出るので付いていくだけで初期セットアップはほぼ終了。

設定しよう

最後に開発環境作り。

スクリーンショット 2018-12-14 13.00.14.png

アプリ設定画面のSettingsで

スクリーンショット 2018-12-14 13.00.26.png

BuildpacksのところでAdd Buildpackを押せば

スクリーンショット 2018-12-14 13.00.32.png

こういうのが出るので好きな言語を選択してあげればおk
言語ごとにcomposer.jsonが居るとか、index.phpを入れないといけないとか
追加設定があったりするけど、そこはおまかせしまーす。

スクリーンショット 2018-12-14 13.05.21.png

で、設定してGit繋いであれこれしながら作ったのがこちらになります。
まだ機能は4つしかありません。
2番目と3番目は汎用だけど、1番目と4番目はめっちゃ個人的なやつです。
これから増える予定。増え過ぎたらレイアウト考えますか。

終わり

本来は画像分析の続きをやりたがったのですが、時間がなかったので今回は見送りに。
もう一つの方は今回業務で使ったHeadless周りになると思います。
ではまた後ほど。

0
0
0

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
0
0