Spree のデモサイトのインストールメモ

Spree をインストールしてみたので、メモ。
注意として、デモサイトとしてインストールしたので、

• 日本語化してない
• デモ用のデータが入っている

という感じです。

1. CentOS minimal のインストールを実施
   下記を参考にしてインストールしてみてください。
   参考：CentOS 6.5 x86_64 minimal インストールログ
   参考：CentOS 6.5 minimal を vagrant 風にする手順
   
2. rails をインストールするためのパッケージをインストール
   screen, zsh, git, gcc, gcc-c++, openssl-devel, libffi-devel, readline-devel, sqlite-devel
   
3. rbenv のインストール
   
4. Bundlerのインストール
   gem install bundler
   
5. iptable の設定
   
6. epel インストール
   
7. nodejs の追加
   
8. nokogiri の追加
   
9. ImageMagick のインストール
   sudo yum install ImageMagick ImageMagick-devel
   
10. MySQL をインストール
    sqlite3 で spree が動かなかったので、MySQLで実施してみる。Postgres でもいいと思う。
    
11. spree のインストール
    https://github.com/spree/spreeを参考にインストール
    $ gem install rails -v 4.2.1
    # devise gem の追加
    # Database を　mysql2 に変更する設定の追加
    $ gem install spree
    $ rails new my_store
    $ spree install my_store
    $ cd my_store
    $ bundle exec rake railties:install:migrations
    $ bundle exec rake db:migrate
    $ bundle exec rake db:seed
    $ bundle exec rake spree_sample:load
    
12. "rails s -b 0.0.0.0" で起動
    

Password received System "passend" Release !

Password received System "passend" Release.

Usage

1. You register an account.
1. Click "Sign up"
   
2. Click Mail link
2. System Login
3. Click "New Message."
   
   
4. Put a password and Email list of comma-separated. then  Click Button.
   
   
5. Do not send mail. And, Password watch in Inbox Once you are Login.
   Usage:
   
   
   
6. I delete messages in 1 week.

Site

http://passend-masoo.rhcloud.com/

Github

https://github.com/masoo/passend

パスワード受け取りシステム "passend" をリリースしました

パスワード受け取りシステム "passend" をリリースしました

使い方

1. アカウントを作成します
   
2. 「New Message」をクリックします
   
   
   
   
3. パスワードと、カンマ区切りのEメールのリストを書いてボタンをクリック。
   

   
   
   
4. メールは送信しませんが、対象のメールアドレスでログインすると、Inboxにパスワードがあります。
   
5. １週間でメッセージは削除されます。

サイト

http://passend-masoo.rhcloud.com/

Github

https://github.com/masoo/passend

Bing デスクトップで美しいデスクトップを

マイクロソフト社の検索サイト Bing ですが、日本ではまだまだ低いですが、
そのBing から「Bing デスクトップ」というソフトウェアがダウンロードできます。
http://www.bing.com/explore/desktop?setmkt=ja-jp

このソフトウェアの最大の特徴は、BingのWebサイトを飾るトップページ画像の画像が、デスクトップの壁紙として毎日更新される事です。

私も Bing で検索する事は、ほとんどありませんが、美しい壁紙にひかれてインストールしています。

Evernoteの「ドキュメントカメラ」機能が凄い

Evernote は名刺管理によく使っているんですが、以下の記事で公開されている「ドキュメントカメラ」機能が本当に凄いです。


Evernoteのドキュメントカメラはホントにすごいと思うから是非一回試しに使ってみて欲しいです


この「ドキュメントカメラ」機能を使う前は、アップロードする写真のサイズが大きくて、無料分アップロード上限をを、あっという間に食いつぶしていたんです。
しかし、「ドキュメントカメラ」では、データサイズも小さいうえ、画像処理をしてくれて、文字が見やすいように加工してくれます。

例えば、影が写真に入っていても、これを使えば、文字が見やすいように、影も補正してくれました。

同じAndroidでのカメラの写真

ドキュメントカメラ

人様の名刺を公開する訳には行かないので、参考画像にしましたが、いかがでしょうか？

名刺で重要なのは文字情報なので、名刺管理にEvernoteはあっていると思います。

jekyll の Front-matter のカスタム属性の"date"でソートできるフィルターを公開

最近作成した情報セキュリティターミナルは、jekyll で作成していますが、

トップページに、新着情報を掲載しようと思いました。

ところが、jekyll では、カスタム属性でソートできないんですよね。

以下のURIで、ソートできる感じに書いてあるんですが、うまくいきませんでした。

https://github.com/jekyll/jekyll/pull/1849

そこで、日付でソートできるフィルタを公開しました。

https://gist.github.com/masoo/10607957

このファイルを _plugins フォルダに入れると

---
layout: default
title: トップページ
date: 2014-4-12 21:00
tags:
---

上記のようなFront-matterにある date 属性でソートできます。

フィルターは 2つあって、 date_sort_descending, date_sort_ascending があり、

それぞれ、降順と昇順に並べ替えます。

主に for ループを使用する時に使うでしょう。

{% assign sorted_pages =  site.pages | date_sort_descending %}
{% for page in sorted_pages limit:4 %}
<h3><a href="{{ page.url }}">{{ page.title }}</a></h3>
<p><small>{{ page.date | date: "%Y年%m月%d日" }}</small></p>
{% endfor %}

jekyll で、日付を日本語の書式にしたい

jekyll で日付を表示する場合、

{{ page.date | date_to_string }}

date_to_string というフィルターがありますが、これを使用すると、日付が、英語表記になります。

日本語の日付にしたい場合は、自身でプラグインを作成する方法もありますが、

{{ page.date | date: "%Y年%m月%d日" }}

とすると、簡単に日本語表示できます。

書式は、rubyのstrftimeと同じのはずです。
http://docs.ruby-lang.org/ja/2.1.0/method/Time/i/strftime.html

Ubuntu 13.10 にクラウドワークスのCWタイムカードをインストール

https://crowdworks.jp/pages/timecard/linux.html

を参考にしてインストールしましょう。

ポイントは、python-xlibのインストールです。
python-xlibをインストールしていないとCWタイムカードは起動しません。

綺麗な明朝フォントを Windows8 にダウンロードする。

デザインで使用するために、Windowに無料のフォントをインストールしました。

インストールしたフォントの配布先は以下のサイトです。
http://typingart.net/

こちらの

• こども丸ゴシック
• こども丸ゴシック細め！
• はんなり明朝
• プラネタリウム

というフォントをダウンロード・インストールしました。

ライセンスについては、http://typingart.net/about.html　に記載されています。

Ubuntu Server 13.04 に MySQL を導入・設定する

Ubuntu Server 13.04 のインストール時に、 LAMP の導入を行わなかったため、
MySQL の単独の導入を行いました。
その時のログです。

MySQL の導入

パッケージをインストールします

sudo aptitude install mysql-server

MySQL の初期設定

初期設定を行い、外部からの接続の遮断、デモユーザー・データベースの削除を行い、セキュアな環境にします。

sudo mysql_secure_installation

MySQLのutf8設定

データベース内の文字コード設定を行います。MySQLでは、この設定を行わないと、文字データがおかしくなったり、文字化けして表示される可能性があります。

sudo vi /etc/mysql/conf.d/language.cnf

[mysqld]
character-set-server = utf8
collation-server = utf8_general_ci
init-connect = SET NAMES utf8
[client]
default-character-set = utf8
[mysql]
default-character-set = utf8
[mysqldump]
default-character-set = utf8

ユーザーの作成

ユーザーの作成を行います。rootユーザーとは別のユーザーを作り、ミスから防ぎます。

CREATE USER ユーザー名 IDENTIFIED BY 'パスワード';

データベースの作成

データを保存するデータベースを作成します。この時点では、権限は root ユーザーにしかありません。

create database pos_db;

権限の付与とネットワークから接続できるように設定する

最後に作成したユーザーがデータベースの操作をできるようにし、さらにネットワークから接続するようにします。

vi /etc/mysql/my.cnf

bind-address をコメントアウトすると、ネットワークからの接続を許容するようになる。

# bind-address = 127.0.0.1

データベースに指定のユーザが操作できるようにし、@"%"でネットワークからも接続できるようになります。

grant all privileges on pos_db.* to ユーザー名@"%" identified by 'パスワード'

以上。

Windows8 に Git を導入する

「Visual Studio 2012 Express for Windows Desktop」を使用するにあたり、
バージョン管理システムの導入は必須です。
「Visual Studio Team Foundation Server Express 2012」にも
バージョン管理の機能があるそうなのですが、
今回は、だいぶ使い慣れてきた Git を導入しようと思います。

Windows用の Git

Linuxの場合は、考えずにディストリビューションが提供しているGitを導入しましたが、
Windows版の場合、どれがいいかを調査しました。
昔は、LinuxとWindowsの違いで、こういったunix系OS由来ソフトウェアの導入でトラブルになっていたので、慎重になっています。

• msysGit http://msysgit.github.io/
• Cygwin版の Git
• Git Extensions https://code.google.com/p/gitextensions/

などいろいろありましたが、
GUI付きで使い勝手が良さそうな記事があったのと、トラブルのような記事がなかったのを決め手に

• SourceTree http://sourcetreeapp.com/

の導入に決めました。

SourceTree のインストール

http://sourcetreeapp.com/ からインストーラーをダウンロードしてインストールするだけです。

Bitbucket https://bitbucket.org/ が作成しているアプリらしく、
Bitbucket のリモートリポジトリも対応しているのが良いです。もちろん Githubにも対応しています。

使用感

とても使いやすいです。だいだいの機能はGUIから使えます。
細かいオプションを使いたい時には、ターミナルのボタンがありますので、
それを使えば Windowsでも問題なく使えました。
プログラムの表示文字は英語ですが、日本語の入力はばっちりです。
Gitのクライアントとして、とてもお勧めです。

git の使い方メモ

各所で説明されている git の使い方ですが、プログラム作成にあたり調べたのでメモしておきます。

ステージングする

git add 【ファイル名】

コミットする

git commit -m "【コメント】"

共用リポジトリからデータを同期する

git pull git@bitbucket.org:ユーザ名/プロジェクト名.git master:master

共用リポジトリへデータを同期させる

git push git@bitbucket.org:ユーザ名/プロジェクト名.git master:master

Vim に Vundle と vim-rails を導入する

コンソールで動作するエディタで開発環境を整えたいと思います。

vim には vim-railsというプラグインがあるそうで、それを入れるために、プラグイン管理機構の Vundle もまとめて導入します。

Vundle の導入

Vundleの導入は、参考URIを見て、そのまま実施しました。

git clone https://github.com/gmarik/vundle.git ~/.vim/bundle/vundle
vim ~/.vimrc

" vi との互換性OFF
set nocompatible
" ファイル形式の検出を無効にする
filetype off

" Vundle を初期化して
" Vundle 自身も Vundle で管理
set rtp+=~/.vim/bundle/vundle/
call vundle#rc()
Bundle 'gmarik/vundle'

" github にあるプラグイン

" vim-scripts プラグイン

" github にないプラグイン

" ファイル形式検出、プラグイン、インデントを ON
filetype plugin indent on

viを起動して

:BundleInstall

メッセージ欄に "Done!"と出たら処理完了です。

参考URI: http://slumbers99.blogspot.jp/2012/02/vim-vundle.html

vim-railsの導入

Bundle プラグイン名
と .vimrc に記述するだけです。簡単。

vim ~/.vimrc

" github にあるプラグイン
Bundle 'tpope/vim-rails'

参考URI: http://d.hatena.ne.jp/diffshare/20111118/1321606902
参考URI: https://github.com/tpope/vim-rails

Windows Vista に Subversion をインストールする

今流行りの git を使おうかとも思ったのですが、Windows上での利用実績が分からなかったので、
自分の中で実績のある subversion をバージョン管理システムに使用する事にしました。
そのインストール方法を記載します。

ダウンロード

subversion のWindows版は、 Download Subversion Client からダウンロードし、
エクスプローラーとの統合用に TortoiseSVN  をダウンロードします。ToroiseSVNには日本語の言語パックも同じページからダウンロードできるので忘れないように注意します。

インストール

インストーラーを使ってインストールするだけです。簡単です。

使い方

subversionの使い方は

Subversionの基礎練習

を見れば分かります。CUIでの使い方が分かると、ToroiseSVNを使った操作も理解できます。

Ubuntu 上で Skype のマルチログイン

業務上、Skypeをマルチログインする必要が出ました。

そこでマルチログインの方法を調べました。
すると、以下のサイトに問題の解決方法が記載されていました。

Skypeを多重起動し、複数のアカウントに同時ログインする方法

私の場合は、

skype --dbpath=~/.Skype_second

としました。

Twitter Bootstrap 2.2 登場

Twitter Bootstrap のバージョン 2.2 が登場しました。 早いですね。

http://twitter.github.com/bootstrap/

作業記録には Toggl

みなさん、自分の作業記録どうしていますか？

作業記録をとると、後で見直した時に、自分の行動の無駄を見つける事ができます。

自分の作業の記録方法は様々ありますが、

私は、

TaskChute → Toggl

という遍歴を歩んでいます。

今回は Toggl のすごい所を紹介したいと思います。

1. 無料

個人で使う基本機能は無料です。有料版がありますが、チーム用の機能や、レポート用の機能が不可される形なので、あまり個人に関係がありません。

2. スマートフォン版も無料ユーザーが使える

Toggl にはスマートフォンアプリがありますが、このアプリが無料ユーザが使えます。
スマホ版があると、きっちり外出先のログもとれるのでとても便利です。

3. 記録の付け方が簡単

Toggl は直感的に操作できます。
赤い「開始」ボタンを押せば記録が始まり、「停止」を押すと作業時間を記録できます。
また、最近作業した記録も表示されているので、同じ作業なら、続きで記録も簡単に残せます。


ぜひ、使ってみてください。

https://www.toggl.com/

1ファイルWiki Tiddlywiki

仕事でも使用しているおすすめアプリケーションが TiddlyWiki。

これは、サーバーを必要としない Wikiアプリというかファイル。

1つのファイルで処理が完結しているので、インターネットにつながっていない環境でも使用ができるのが、最大の特徴です。

はてブに登録できないような URI をメモしたり、お客様のところに URI を持っていく時に便利です。


Javascriptを使用しているので、対応していないブラウザは、対応を待つしかありません。
とりあえず、firefox と ie9 は対応しています。

追記： firefox 15.0.1 で保存できなくなっていました。対処方法は、「TiddlyWiki が Forefox 15.0.x で保存できない場合の対処方法」を参考にしてください。 


http://tiddlywiki.com/

TiddlyWiki が Forefox 15 以上で保存できない場合の対処方法

1ファイルWiki Tiddlywiki で、firefox に対応していると書きましたが、
いつの間にか保存が出来なくなっていました。

それの対応方法が以下のURIで紹介されていました。
MyTiddlyWiki It's not possible to save changes

要は、 Firefox アドオン Tiddlyfox を導入しないといけないと書いてありました。


Tiddlyfox アドオンを導入すると無事に Firefox 15.0.1 で保存が出来ました。

Twitter Bootstrap 2.1 登場

Twitter Bootstrap のバージョン 2.1 が登場しました。 僕の作成したテンプレートもあわせて更新していきます。