tanarky.com

会社を設立したときのIT環境をどうするかメモ1

Sun, 15 Jun 2014 11:00:00 JST

自分で会社を設立した場合、IT環境をどうするか考えてみたのでメモ

目的は以下の様なことを最小限の運用コストで実現すること

ドメイン管理
社員のアカウント（入社・退職管理）
社内ツールの運用(メールや社内wiki)
外部公開用ホームページや製品ページ運用(要ブログ機能)

結論から言うと、ほとんどをGoogleが提供するツールでなんとかする

1. ドメイン管理

まずはドメインの取得だが、これは好きなサービスを使えばいいと思う。

個人的には valuedomain に慣れているが、そういうものがなければ今後の AWS 連携を考慮して Amazon 提供の Route 53 がいいかもしれない。

2. 社員のアカウント（入社・退職管理）

アカウント管理の容易さやその他のツールとの連携を考えると、有料とはいえ Google Apps for Business になるかなと考えている

考えられるメリットは以下

メールアカウントとツール(Gmail)の提供 (後述)
2段階認証などセキュリティ面での充実した機能
アカウント管理の容易さ
Google site や AppEngine などとの連携 (後述)

2014年6月現在では、1ユーザ600円/月から、となっている

3. 社内ツールの運用(メールや社内wiki)

社内で業務上必要となるツールには様々なものがあるが、Googleにはほとんどが揃っている

社内だけで使うClosedなチャット -> hangouts
社内用wiki -> Google site
メールアカウント -> gmail
メーリングリスト -> Google apps
ファイルサーバ -> Google drive

4. 外部公開用ホームページや製品ページ運用(要ブログ機能)

ホームページホスティングサービスやブログサービスについての選択肢は多いが、以下のことを考えると選択肢は限られてくる

独自ドメイン運用できるか
社員アカウントとの編集権限連動できるか
非エンジニアが容易に編集できるか

1については、ほとんどのブログサービスが提供していると思われる

2については、ハードルが上がる。アカウントをGoogle Appsで行う以上、 Googleのサービスを使うか、自前でSSO機能を実装してサービスを構築する必要がある。

3については、ブログ記事の編集ツールが無いとエンジニアのリソースを使ってしまう。

というわけで、結論として以下を考えた

Google AppEngine上にブログサービスを構築
Adminツールから、ブログの編集権限は社員アカウントのみに制限する

Github PagesやS3による自前サーバ0な静的サイト運用方法は色々あるが、上記の要件を満たすものを考えたら、AppEngineによるものしか思い浮かばなかった。

もっといい運用があれば、また記事にしようと思う。

参考URLなど

Google Apps for Business Prices:
	http://www.google.co.jp/intx/ja/enterprise/apps/business/pricing.html
Github クローンなサービスに関する記事:
	http://hiroki.jp/github-clone
apache-google-apps-sso:
	https://github.com/epotocko/apache-google-apps-sso

Firefox on Mac に Flash Player をインストール

Sun, 15 Jun 2014 10:00:00 JST

何故か Mac Book Pro の Firefox で Flash Player のインストールに失敗していたので対策した時のメモ

環境は以下のとおり

インストールしようとしたFlash Player:
Mac OS:	X 10.9.3
Firefox:	29.0.3
	14.0.0.125

Flash Player Download Center ( http://get.adobe.com/flashplayer/ ) からだと、インストール途中で失敗していた

結論から言うと、インストール途中で内部的に最新バージョンを取ってきて(ネットワーク?)インストールしている挙動っぽかったので、最初から Full version を落としてきてインストールしたら問題なく完了した。

Full version のリンク先は http://www.adobe.com/products/flashplayer/distribution3.html

参考URL

Mac における zshのPATH設定

Sun, 25 May 2014 15:00:00 JST

Mac環境(tmux含む)のPATHがおかしくなったので、メモ

% cat /etc/zprofile
% cat /etc/zshenv
# system-wide environment settings for zsh(1)
if [ -x /usr/libexec/path_helper ]; then
   PATH=''
   eval `/usr/libexec/path_helper -s`
fi
source /etc/profile.d/rvm.sh
% cat ~/.zlogin
% cat ~/.zprofile
% cat ~/.zshrc
(略)
export PATH=$PATH:$HOME/go/1.1.2/bin
% echo $PATH
/usr/local/rvm/gems/ruby-1.9.3-p392/bin:
/usr/local/rvm/gems/ruby-1.9.3-p392@global/bin:
/usr/local/rvm/rubies/ruby-1.9.3-p392/bin:
/usr/local/rvm/bin:
/opt/local/bin:
/usr/bin:/bin:
/usr/sbin:
/sbin:
/usr/local/bin:
/Users/satoshi/go/1.1.2/bin
% ls /etc/paths.d/
% cat /etc/paths
/opt/local/bin
/usr/bin
/bin
/usr/sbin
/sbin
/usr/local/bin%

参考URL

wildcard DNS for any IP address なサービスの xip.io を使ってみた

Tue, 06 May 2014 15:00:00 JST

http://xio.io/ provides wildcard DNS for any IP address.

というわけで使ってみたメモ。

任意のportで受け付けるには、以下の様に一旦80番ポートで受けてからサブドメインで再度proxyするようにnginxを設定した

http://port8000.10.0.0.1.xip.io/ -> nginx(port 80) on 10.0.0.1 -> (proxy to 8000) -> http://127.0.0.1:8000/
http://port8080.10.0.0.1.xip.io/ -> nginx(port 80) on 10.0.0.1 -> (proxy to 8080) -> http://127.0.0.1:8080/

自分のサーバに置くnginx confのサンプルは以下の通り。

server {
  listen 80;

  server_name "~^port(\d+)\.([^.]+\.[^.]+)\.((?:\d{1,3}\.){3}\d{1,3})\.xip\.io$";

  access_log  /var/log/nginx/dev.access.log;

  location / {
    proxy_set_header host $host;
    proxy_set_header x-real-ip $remote_addr;
    proxy_set_header x-forwarded-for $proxy_add_x_forwarded_for;
    proxy_pass http://127.0.0.1:$1;
  }
}

vagrant version up and plugin install

Tue, 06 May 2014 11:00:00 JST

vagrant version up

vagrant 1.6.0 がリリースされたのでバージョンアップした

vagrant selfupdate などでバージョンアップしたかったが対応してなかった

version upには、dmgを落として再installする必要あり

vagrant plugin install

vagrantにはpluginで機能拡張できる

packerを調べていたら以下のpluginを発見したので、以下の手順でinstallした

https://github.com/mitchellh/vagrant-aws

% vagrant plugin list
% vagrant plugin install vagrant-aws

ssh の Lオプション(port forward)

Tue, 06 May 2014 10:00:00 JST

母艦Macから、Vagrant内にあるwebサーバを見るとき等に設定する

ssh 192.168.100.10 -A -L 8080:localhost:8000
    ^^^^^^^^^^^^^^    ^^^^^^^^^^^^^^^^^^^^^^
    1                 2

vagrant hostのIP
local port:vagrant host name or IP:vagrant host port 母艦で http://localhost:8080/ とすると http://vagrant_host:8000/ につながる

mysql_multiをmacにinstall

Thu, 11 Oct 2012 10:00:00 JST

install

Macbookにて、mysql_multiで複数サーバを立てたので、その時のinstallメモ

目的は、dual master replication の failover動作確認をするため

install

Macにmysqlはinstall済みであることが前提

メモリを食うので、必要な時だけ起動するようにplistはunloadしておく

# 起動していたら停止
% sudo /opt/local/share/mysql5/mysql/mysql.server stop
% sudo launchctl load -w /Library/LaunchDaemons/org.macports.mysql5.plist

# ここに入っている + pathは通しておく
% which mysql5
/opt/local/bin/mysql5

# エラーになるのでリンクを張っておく等
% sudo ln -s /opt/local/bin/my_print_defaults5 /opt/local/bin/my_print_defaults
% mkdir -p /Users/satoshi.tanaka/var/mysql1
% mkdir -p /Users/satoshi.tanaka/var/mysql2
% mkdir -p /Users/satoshi.tanaka/var/log

# ~/.my.cnf を準備, user名やportなどは適当に変更すること
% cat ~/.my.cnf
[mysqld_multi]
mysqld     = /opt/local/lib/mysql5/bin/mysqld_safe
mysqladmin = /opt/local/lib/mysql5/bin/mysqladmin
user       = root

[mysqld1]
server-id  = 1
socket     = /tmp/mysql1.sock
port       = 13306
pid-file   = /tmp/mysql1.pid
datadir    = /Users/satoshi.tanaka/var/mysql1
language   = /opt/local/share/mysql5/mysql/english
user       = satoshi.tanaka
log        = /Users/satoshi.tanaka/var/log/mysqld1.log
log-error  = /Users/satoshi.tanaka/var/log/mysqld1.error.log

[mysqld2]
server-id  = 2
socket     = /tmp/mysql2.sock
port       = 13307
pid-file   = /tmp/mysql2.pid
datadir    = /Users/satoshi.tanaka/var/mysql2
language   = /opt/local/share/mysql5/mysql/english
user       = satoshi.tanaka
log        = /Users/satoshi.tanaka/var/log/mysqld2.log
log-error  = /Users/satoshi.tanaka/var/log/mysqld2.error.log

# datadirの準備
% mysql_install_db5 --datadir=./var/mysql1/
% mysql_install_db5 --datadir=./var/mysql2/

# 起動して確認
% /opt/local/bin/mysqld_multi5 start --log=/tmp/mysqld_multi.log
% /opt/local/bin/mysqld_multi5 report --log=/tmp/mysqld_multi.log
Reporting MySQL servers
MySQL server from group: mysqld1 is running
MySQL server from group: mysqld2 is running
% mysql5 -S /tmp/mysql2.sock
Welcome to the MySQL monitor.  Commands end with ; or \g.
Your MySQL connection id is 3
Server version: 5.1.63-log Source distribution

Copyright (c) 2000, 2011, Oracle and/or its affiliates. All rights reserved.

Oracle is a registered trademark of Oracle Corporation and/or its
affiliates. Other names may be trademarks of their respective
owners.

Type 'help;' or '\h' for help. Type '\c' to clear the current input statement.

mysql>

Rhino/Node Javascript実行環境構築 on Macbook

Mon, 12 Mar 2012 14:00:00 JST

Rhino
Node

Macbookにて、Javascript実行環境を整えたので、その際の手順履歴

Rhino

Rhino = Java実装のJavascript実行環境

その他の言語のJava実装は以下のものがある

Jython - port of Python.
JRuby - port of Ruby.
Rhino - port of ECMAScript.
Clojure - Lisp dialect.
Groovy - Scripting language for the JVM.
Scala - object-oriented, functional language for the JVM.

Macにinstallするには、brew installで一発。

2012/03/12 時点でinstallされるversionは1.7R3

brew install rhino

実行するには以下のjarを指定する。-eでコードを直接渡す。

% java -jar /usr/local/Cellar/rhino/1.7R3/libexec/js.jar -e "print('hello world!');"
java -jar /usr/local/Cellar/rhino/1.7R3/libexec/js.jar -e "print('hello worldjava -jar /usr/local/Cellar/rhino/1.7R3/libexec/js.jar');"
hello worldjava -jar /usr/local/Cellar/rhino/1.7R3/libexec/js.jar
%

インタラクティブシェルは以下の通りに実行できる

% java -jar /usr/local/Cellar/rhino/1.7R3/libexec/js.jar
Rhino 1.7 release 3 2011 05 09
js> print('hello world!');
hello world!
js>

Rhino

Node

http://nodejs.org/

こちらもJavascript実行環境。実装はV8だったりSpiderMondkeyだったり。

同じく、brew installにて。

% brew install node

npmと単体テストフレームワークもついでにinstall

% git clone git://github.com/creationix/nvm.git ~/.nvm
% nvm install v0.6.12
% nvm alias default v0.6.12
% source ~/.nvm/nvm.sh
% curl http://npmjs.org/install.sh | sh
% npm install nodeunit
% ln -s $HOME/.npm/nodeunit/0.7.4/package/bin/nodeunit $HOME/bin/nodeunit

zsh on mac で nvm -> nvm_ls:17: no matches found: vdefault* 対処

thinkpad x100eのキーボード設定メモ

Tue, 21 Feb 2012 14:00:00 JST

thinkpad x100eのキーボード設定メモ

Macbook Proとの使い分けをするために、できるだけ似たようなキー操作になるように模索したメモ

thinkpad(Ubuntu 11.10)の英語キーボードの設定をどうするか、という視点で書く

システム設定の"キーボードレイアウト"を開き、オプションで以下の設定をする

Alt/Winキーの操作 -> デフォルトのまま

Ctrlキーの位置 -> "Make Caps Lock an additional Ctrl"

IBusの設定(Input Methods)を開いた以下の設定をする

入力モードの切り替えを、Alt+Spaceにする

言語パネルはメニューに組み込む

システム設定の"キーボード"を開き、ショートカットを以下の設定とする

"ウィンドウメニューをアクティブにする"ショートカットをWin+Spaceに

これにより、

Alt+TabでWindow切り替えができる。 MacだとAltの位置(Spaceの左隣)にコマンドキーがあるので、同じキー
Alt+Spaceで入力切り替えが出来る。 MacだとAltの位置(Spaceの左隣)にコマンドキーがあるので、これも同じキー
Win+Spaceでウィンドウメニューを開ける。 Macだと別ショートカットなので、これに割り当ててもよし

以上。

jQuery UI autocomplete サンプル

Sat, 11 Feb 2012 21:00:00 JST

スクロールバー付きサンプル
同一suggestデータサンプル
remote問い合わせsuggest
関連リンク

jQuery UI の autocomplete ウィジェットについて調査したので、その時のメモ

jquery version: 1.7.1
jquery UI version: 1.8.16

スクロールバー付きサンプル

銀行名か金融機関コードで検索して、入力補完してくれるサンプルを書いた

ポイントは以下の通り

.ui-autocompleteクラスにmax-heightを指定することで、autocomplete部分のスクロールを実現
候補がクリックされたときに、そのイベントを拾って、別フィールド2つにデータを補完
別フィールドはreadonly属性で編集不可に
autocomplete optionにminLength=0を指定。入力がなくても、下キーで候補表示
suggestデータは、javascript内部にベタ書きで持っている。

データ構造は、配列

配列の要素は、Hashで、valueというキーの値が検索対象となる

value以外は、任意のキーを指定可能

同一suggestデータサンプル

こちらも、銀行名か金融機関コードで検索して、入力補完してくれるサンプル。

前のサンプルと違う点は、2つのフィールドに対して、同一のsuggestデータを使っている

ポイントは以下の通り

focusオプションで、候補にマウスオーバーした時点でデータを入れる(return false忘れずに)
複数のフィールドに同一オプションでautocomplete登録

remote問い合わせsuggest

上記2つのサンプルは、挙動を理解しやすいようにするため、サジェストするためのデータはコードに埋めたが、 remote API呼び出しも可能。

jquery UI autocomplete 公式ドキュメント demo(remote API呼び出し)

上記のサンプルでは、jquery側空、search.phpというAPIを呼び出し、 APIがJSON形式のデータを返している。

APIは、GETのパラメータで"term"を受け取り、それに基づくsuggestデータを返却している

http://jqueryui.com/demos/autocomplete/search.php?term=or

tanarky.com

会社を設立したときのIT環境をどうするかメモ1

1. ドメイン管理

2. 社員のアカウント（入社・退職管理）

3. 社内ツールの運用(メールや社内wiki)

4. 外部公開用ホームページや製品ページ運用(要ブログ機能)

参考URLなど

Firefox on Mac に Flash Player をインストール

参考URL

Mac における zshのPATH設定

wildcard DNS for any IP address なサービスの xip.io を使ってみた

vagrant version up and plugin install

vagrant version up

vagrant plugin install

ssh の Lオプション(port forward)

mysql_multiをmacにinstall

install

Rhino/Node Javascript実行環境構築 on Macbook

Rhino

Node

thinkpad x100eのキーボード設定メモ

thinkpad x100eのキーボード設定メモ

jQuery UI autocomplete サンプル

スクロールバー付きサンプル

同一suggestデータサンプル

remote問い合わせsuggest

関連リンク