かもメモ

自分の落ちた落とし穴に何度も落ちる人のメモ帳

Mac OSX High Sierra 開発環境セットアップのメモ (3) Python

Python3 Mac setup

Pythonをインストールしてみました。

pyenvのインストール

Rubyで言うところのrbenv、バージョン管理のパッケージをhomebrewでインストールします

$ brew install pyenv
pyenvのパスを通す

~/.bashrcに下記を記述して保存

export PATH="$HOME/.pyenv/shims:$PATH"

パスを反映させる

$ source ~/.bashrc

Pythonをインストール

pyenvでインストールできるバージョンを確認

$ pyenv install --list
Pythonのインストール
$ pyenv install <version>
使用するPythonのバージョンを指定
$ pyenv global <version>

インストールできていることを確認

$ python --version

ライブラリパッケージのインストール

Python3ではpip3でパッケージ管理をするようです。
Python2まではpipだったようで、Python 2とPython 3が共存している場合はpipがv2系、pip3がv3系のパッケージをインストールするもののようです。
Python 3だけの環境ならpipコマンドででも特に問題なくv3のパッケージがインストールできるそうです。

MacのデフォルトでPython2が入っているのでpip3コマンドでライブラリをインストールします

$ pip3 install numpy  # 線形代数
$ pip3 install scipy  # 数式処理
$ pip3 install matplotlib  # 描画 
$ pip3 install pandas  # データ操作

　
Pythonを使える環境ができたので、学習していきたいとおもいます。

👆良さそう

[参考]

独学プログラマー Python言語の基本から仕事のやり方まで

独学プログラマー Python言語の基本から仕事のやり方まで

12歳からはじめる ゼロからの Pythonゲームプログラミング教室

12歳からはじめる ゼロからの Pythonゲームプログラミング教室

Mac OSX High Sierra 開発環境セットアップのメモ (2) node.js

Mac Node.js nodebrew setup
f:id:kikiki-kiki:20180607034038p:plain

CSSプリプロセッサやタスクランナーなどフロントを触るにはnode.jsは必須になっているのでnodeが使える環境のセットアップも必須になってる感じです。

1. nodebrewのインストール

node.jsのバージョン管理をするnodebrewをインストールします。
お好みの方法で、

homebrewでインストール
$ brew install nodebrew
curlでインストール (公式のgithubに書いてある方法)
$ curl -L git.io/nodebrew | perl - setup
nodebrewのパスを通す

１. ~/.bashrcか~/.zshrcに下記を記述して保存

export PATH=$HOME/.nodebrew/current/bin:$PATH

２. 保存したら下記コマンドを実行してパスを反映する

$ source ~/.bashrc

2. nodebrewでnode.jsをインストール

インストールできるバージョンの確認

$ nodebrew ls-remote

install-binaryコマンドでコンパイル済みのnodeをインストール

# 安定版をインストール
$ nodebrew install-binary stable
# 最新版をインストール
$ nodebrew install-binary latest
# バージョンを指定してインストール
$ nodebrew install-binary <version>

使用するnodeの設定 インストールされているnodeのバージョンを確認

$ nodebrew list
v8.11.2
v10.4.0

current: none

useオプションで使用するnode.jsのバージョンを指定

# 使用するバージョン
$ nodebrew use v8.11.2
# デフォルトで使用するバージョンのエイリアスを作成
$ nodebrew alias default v8.11.2

3. node.jsの確認

別途ターミナルを起動して指定したバージョンになっていることを確認する

$ node -v
v8.11.2

nodebrewのコマンド

参考: GitHub - hokaccha/nodebrew: Node.js version manager

エイリアスの作成・削除
# エイリアスの作成
$ nodebrew alias <key> <version>
# エイリアスの削除
$ nodebrew unalias <key>
インストールしたnode.jsのアンイストール
$ nodebrew uninstall <version>
# Remove source file
$ nodebrew clean <version>
globalにインストールされたNPMパッケージの移行

移行元のバージョンに<version>に指定する。

# Install global NPM packages contained in <version> to current version
$ nodebrew migrate-package <version>
nodebrewのアップデート
$ nodebrew selfupdate

　
nodeの環境を作るのはとても簡単なのでストレスがなくて良いです！
パッケージとかのアップデートは激しいですがw

[参考]

JavaScriptでのWeb開発 ~ Node.js + Express + MongoDB + ReactでWebアプリを開発しよう ~ その１（改訂版）

JavaScriptでのWeb開発 ~ Node.js + Express + MongoDB + ReactでWebアプリを開発しよう ~ その１（改訂版）

node.js Express でHTMLとか確認できる簡単なローカルサーバー作ってみた

Express 4.x Node.js

WEBサイトの制作のときならgulpでサーバー起動してCSS・JSを本番と同じようにコンパイルして確認するのが良いのですが、実験や学習用にでわざわざコンパイルまでしなくていいローカル環境が欲しかったのでexpressで作ってみました。

インストール

$ npm install --save express pug

HTMLはpugを使いたかったのでpugもインストールしています

ローカル環境を作る

ファイル構造

package.json
server.js
/root
  |- index.pug
  |- /sample
       |- index.pug
       |- sample.js

/root ディレクトリ内にpugファイルを作りそこで使うJSとかを直接置けるようにしたいと思います。

server.js

'use strict';
const express = require('express'),
      path    = require('path'),
      app     = express();

const rootPath = '/root';

// テンプレートエンジン
app.set('views', path.join(__dirname + rootPath) );
app.set('view engine', 'pug');

// 静的ファイル
app.use(express.static(__dirname + rootPath, { index: false }));

// Routing
app.get('/', (req, res)=> {
  res.render('index');
});

app.get('/:dir', (req, res)=> {
  console.log(req.params.dir);
  res.render(req.params.dir + '/index', {title: req.params.dir});
});

// Error
app.use((err, req, res, next)=> {
  console.log('>> ERROR >>', err);
  res.status(err.status || 500);
  res.send(err.message);
});

app.listen(3000, ()=> {
  console.log("Express Server\nopen: http://localhost:3000");
});

ローカルサーバーの起動

$ node server.js

簡単なサーバーはこれで機能するようになりました。

TODO
  • 初回に自動的にブラウザを開く
  • ファイルを変更したら自動的にブラウザをリロードする

[参考]

自転車えくすぷれす

自転車えくすぷれす