4
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

AltJSのススメ(1)

Last updated at Posted at 2018-03-03

この記事はMonappyにも掲載しております
https://monappy.jp/memo_logs/view/miss_monacoin/3092

Webを語る上では欠かせないJavaScript
現在では、ウェブサイトを飛び出して、サーバー、ユーティリティー、コマンドライン、IoT、スマートフォンアプリにまで使われています。

皆さん(といっても暗号通貨界隈)で身近なものは、モナコイン取引第1位、ビットバンク。他には、自動売買ボットなども、Pythonに並んで使われています(当社比)

そんなJavaScript、元々がチャラい言語だったので、最近ボロが出始めています。

それを補うために、様々な解決策が編み出されています。

「言語を変えればいいじゃないか!」という意見はもっともなのですが、現実そう上手くはいきません。

そこで、本記事では、@tomotomo_9696君のためにその解決策の一つを教えます。

環境構築

​​​プログラミングの8割を占めるといっても過言ではない環境構築!

最近のデファクトスタンダード、Node.jsをインストール!

とりあえずインストールすればいいや

その次、コマンドラインを開きましょう。

WindowsはPowerShell,Mac/Linuxはターミナルとかそういう名前のやつを開きましょう

そして、

$ npm -v

と入力したら、

エラーなく表示されますか?

されなければ、もう一回インストールし直し!

テンプレをインポート

とりあえず下記コマンドを入力する

$ git clone https://github.com/MissMonacoin/vue-template.git
$ cd vue-template
$ npm i
$ npm start

もしエラーが出たら、Gitコマンドをインストールしよう

そして、http://localhost:3000にアクセス!

F12 or Ctrl+Shift+I or ⌘⌥I

を押すと上手くいくかな?

上手くいかなかったら、原因を手探りで探してみましょう

ライブラリ・フレームワークの選定

多数のライブラリが各開発者の不満に合わせて開発されてきました。

古い順に並べてくと、

Vanilla.js, Prototype, jQuery, Angular, React, Vue

こんな感じですかね。

私はReactと比べる時は必ずVueをお勧め致します。

なぜなら、

  • ロジックと外観が分かれていてコードを読みやすく、それぞれに集中できる

  • 早い!

  • 安全に各操作を実行できる

  • メモ帳プログラミングもできる

AltJSの選定

AltJSにはいろんな目的のもといろんな種類があります

ざっくりと分割しますと、

JSX(Facebook) TypeScript Babel Coffee

今までのJavaScriptに慣れていて、冗長なキーワード以外にあまり不満を持っていない人はBabel

型付けを求める人や、angularを使う人はTypeScript

React使いはJSX一択

Coffeeは、ES6によりメリットが現在ほぼありません

もっと知りたい人は下記サイトへ

めんどくさいからまた今度

もし私が飽きて忘れてしまったら、投げ銭して起こしてね

Monappy
モナコイン
ビットコイン
Tipmonaで投げる

4
3
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
4
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?