Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

This article is a Private article. Only a writer and users who know the URL can access it.
Please change open range to public in publish setting if you want to share this article with other users.

More than 5 years have passed since last update.

Cloud9でElm開発環境作る

Last updated at Posted at 2016-12-01

Elm Advent Calendar 2016 - Adventar 初日
Elmの勉強の記録

仕事の合間に30分だけでもXXXでコードを書きたい

  • 一旦そのまま手を止めて、twitterみたりrss消化するみたいなノリで、Elmを書きたい
  • けどかける環境を用意するのが難しい
  • エディタもブラウザもTerminalもXcodeとかSketchとかもろもろ開いてる状態ででElmをかける環境をサクッと用意するのは、ムズイ
  • メモリが足りない(2014年に購入したmacbook pro 16GBメモリ 256GB SSD)
  • Desktop増やしてカオスになる
  • Elm専用macbookをもう一台ほしいがそれは諦めた

online上に作れないかと画策し、cloud9に構築することを今日から試す

目標

  • elm-make できる(コンパイル)
  • elm-repl(REPL)
  • elm-format(コードフォーマット)

Cloud9のサインアップ

作業環境作る

cloud9用語だと「workplace作る」

Screen Shot 2016-12-01 at 8.46.06 PM.png

node.jsをテンプレートとして選ぶと、npm , nvmつかえるのではかどる

elm 0.18インストール

# nvmでnode v6.9インストール
nvm install v6.9

# elm インストール
npm i -g elm

確認する

>vwxyz:~ $ elm repl
---- elm-repl 0.18.0 -----------------------------------------------------------
 :help for help, :exit to exit, more at <https://github.com/elm-lang/elm-repl>
--------------------------------------------------------------------------------
> :exit

elm formatのインストール

  • gofmtにインスパイアされてメンテされ続けてるやつ
  • いま積ん読してる「Elm in Action」でもオススメされてるのでいれる
wget https://github.com/avh4/elm-format/releases/download/0.5.2-alpha/elm-format-0.18-0.5.2-alpha-linux-x64.tgz
tar zxvf elm-format-0.18-0.5.2-alpha-linux-x64.tgz
# $HOME/bin/に移動させて、PATHを通す
vim ~/.bashrc
# 略:自分の場合は export PORT=$PORT:$HOME/bin

確認

vwxyz:~ $ elm-format
elm-format-0.18 0.5.2-alpha

Usage: elm-format [INPUT] [--output FILE] [--yes] [--validate] [--stdin]
                  [--elm-version VERSION] [--upgrade]
  Format Elm source files.

Available options:
  -h,--help                Show this help text
  --output FILE            Write output to FILE instead of overwriting the given
                           source file.
  --yes                    Reply 'yes' to all automated prompts.
  --validate               Check if files are formatted without changing them.
  --stdin                  Read from stdin, output to stdout.
  --elm-version VERSION    The Elm version of the source files being formatted.
                           Valid values: 0.16, 0.17, 0.18. Default: 0.18
  --upgrade                Upgrade older Elm files to Elm 0.18 syntax

Examples:
  elm-format Main.elm                     # formats Main.elm
  elm-format Main.elm --output Main2.elm  # formats Main.elm as Main2.elm
  elm-format src/                         # format all *.elm files in the src directory

Full guide to using elm-format at <https://github.com/avh4/elm-format>

##あとは、zshを入れたり、oh-my-zshいれたり

わかってない(けどやりたいこと)

  • git clone <どっかのリポジトリ>
    • cloud9で、sshをどうやってやるのか
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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?