テキストの背景色を半透明に(WordPress)

Posted on 2017-09-27 by 13 No'j

テキストの背景色を半透明にしてみた。

cssで以下の様に書く。大抵の場合は書き換えると言った方が正しいのかな。

#page {
   background-color: rgba( 255, 255, 233, 0.75 );
}

#page {

background-color: rgba( 255, 255, 233, 0.75 );

}

これで背景の画像が見られる様になった！

Kotz’ijに恋して番外編4（XserverにRubyGemsをインストール）

Posted on 2017-09-27 by 13 No'j

次はRubyGemsのインストール。

まずは移動する。

cd ~/kotzij/src

1	cd ~/kotzij/src

それからRubyGemsをダウンロード。こちらもTwitter Botを作成した当時のバージョンをインストールする。

wget rubygems.org/rubygems/rubygems-2.6.13.tgz

1	wget rubygems.org/rubygems/rubygems-2.6.13.tgz

解凍して

tar xvzf rubygems-2.6.13.tgz

1	tar xvzf rubygems-2.6.13.tgz

移動して

cd rubygems-2.6.13

1	cd rubygems-2.6.13

インストール。

ruby setup.rb

1	ruby setup.rb

の予定だったけどエラーが出た。

Rubygems now requires Ruby 1.8.7 or later

1	Rubygems now requires Ruby 1.8.7 or later

要は先にインストールしたRuby 2.3.3ではなくデフォルトの1.8.5を使っているからこうなってしまう。なのでこうすればOK。

$HOME/kotzij/bin/ruby setup.rb

1	$HOME/kotzij/bin/ruby setup.rb

インストール出来たかの確認。

gem -v
2.6.13

1 2	gem -v 2.6.13

Heroku用に作ったGemfileを作成しているのでbundlerだけインストールして他のgemはbundler経由でインストールする。各gemのバージョン管理もその方が楽。

ということでまずはbundlerのインストール。

gem install bundler

1	gem install bundler

インストール出来た筈なのに

bundle -v

bundle -v

で

bundle: command not found

1	bundle: command not found

となってしまう。

gem env

gem env

で見られるEXECUTABLE DIRECTORYにパスを通すとbundleが使える様になった。

bundle -v
Bundler version 1.15.4

1 2	bundle -v Bundler version 1.15.4

次に

bundle init

1	bundle init

と叩くとGemfileが作成される。

これに使用したいgemを記述する。以前作ったGemfileの内容は

source 'https://rubygems.org'
gem 'sinatra'
gem 'twitter', '5.17.0'
gem 'google_drive', '2.1.5'

source 'https://rubygems.org'

gem 'sinatra'

gem 'twitter', '5.17.0'

gem 'google_drive', '2.1.5'

だったので今回も同じ様に。

Gemfileに記述したgemをbundle経由でインストール。

bundle install

1	bundle install

インストール出来たか確認してみる。

gem list

gem list

記述したgemがリストに載っていればOK。

Beamer

Posted on 2017-09-27 by 13 No'j

プレゼンはここ１０年位はずっとBeamer。Prosperを使ったこともあったけど、Beamerの方がカスタマイズしやすいと感じた。

とある理由によりオレンジ色基調で。実際の出力はPDF。

大抵の場合、ページ番号としてマヤ数字を入れている。話の種にもあるし都合が良い。ソースはこんな感じです。

\documentclass[11pt]{beamer}
\usetheme{YOUR_THEME}
\usepackage[english]{babel}
\usepackage[latin1]{inputenc}
\usepackage[absolute,overlay]{textpos}
\setlength{\TPHorizModule}{1mm} \setlength{\TPVertModule}{1mm}
\setbeamercovered{dynamic}
\titlegraphic{\includegraphics[width=3cm]{h13noj}}

\begin{document}
%%% ==========================%%%
%%%         Slide             %%%
%%% ==========================%%%
\frame{
\title{Métodos de Investigación:}
\subtitle{Desde Jenner a Jes\'us \\ (o Desde Gemelos a Galileo)}
\author{13 No'j}
\institute[]{13noj.com}
\date{\today}

\titlepage}

\section{Esquema}
\subsection{}
%%% ==========================%%%
%%%         Slide             %%%
%%% ==========================%%%
\frame{}

...
\end{document}

\documentclass[11pt]{beamer}

\usetheme{YOUR_THEME}

\usepackage[english]{babel}

\usepackage[latin1]{inputenc}

\usepackage[absolute,overlay]{textpos}

\setlength{\TPHorizModule}{1mm} \setlength{\TPVertModule}{1mm}

\setbeamercovered{dynamic}

\titlegraphic{\includegraphics[width=3cm]{h13noj}}

\begin{document}

%%% ==========================%%%

%%% Slide %%%

%%% ==========================%%%

\frame{

\title{Métodos de Investigación:}

\subtitle{Desde Jenner a Jes\'us \\ (o Desde Gemelos a Galileo)}

\author{13 No'j}

\institute[]{13noj.com}

\date{\today}

\titlepage}

\section{Esquema}

\subsection{}

%%% ==========================%%%

%%% Slide %%%

%%% ==========================%%%

\frame{}

...

\end{document}

Kotz’ijに恋して番外編3（XserverにRubyをインストール）

Posted on 2017-09-26 by 13 No'j

続いてサーバー上にRubyをインストール。Xserverには幾つかのバージョンのRubyがあるけど最新版でも2.0.0。私がTzijonikプログラムとTwitter　Bot開発で使ったのが2.3.3なのでそのバージョンをインストールしたい。

必要最低限の手順でやってみたい。

まずはディレクトリを作成：

mkdir ~/kotzij
mkdir ~/kotzij/src
mkdir ~/kotzij/bin

mkdir ~/kotzij

mkdir ~/kotzij/src

mkdir ~/kotzij/bin

パスを追加：

vi ~/.bashrc
export PATH=$HOME/kotzij/bin:$PATH
source ~/.bashrc

vi ~/.bashrc

export PATH=$HOME/kotzij/bin:$PATH

source ~/.bashrc

一行目の後にiを入力すると入力モードになり二行目を入力。入力モードから抜け出すにはEscを押してから:wqを入力すると変更が保存される。

下記ディレクトリに移動して

cd ~/kotzij/src

1	cd ~/kotzij/src

Ruby 2.3.3をダウンロード。勿論他のバージョンでもOK。

wget cache.ruby-lang.org/pub/ruby/2.3/ruby-2.3.3.tar.gz

1	wget cache.ruby-lang.org/pub/ruby/2.3/ruby-2.3.3.tar.gz

次にダウンロードしたファイルを解凍する。

tar xvzf ruby-2.3.3.tar.gz

1	tar xvzf ruby-2.3.3.tar.gz

移動して

cd ruby-2.3.3

1	cd ruby-2.3.3

インストール。

./configure --prefix=$HOME/usr/kotzij
make
make install

./configure --prefix=$HOME/usr/kotzij

make

make install

Rubyのバージョンを確認すると

ruby -v
ruby 1.8.5 (2006-08-25) [x86_64-linux]

1 2	ruby -v ruby 1.8.5 (2006-08-25) [x86_64-linux]

1.8.5となっている。これはサーバー上に元々インストールされているもの。

でも下記の通り

$HOME/usr/kotzij/bin/ruby -v
ruby 2.3.3p222 (2016-11-21 revision 56859) [x86_64-linux]

1 2	$HOME/usr/kotzij/bin/ruby -v ruby 2.3.3p222 (2016-11-21 revision 56859) [x86_64-linux]

しっかりインストールされていることが分かる。

次回はRubyGemsのインストール。

Kotz’ijに恋して番外編2（SSH設定）

Posted on 2017-09-25 by 13 No'j

次はSSH設定。再度サーバーパネルへ。

SSH設定を選択。

ボタンを押して状態をOnにする。

SSH設定の変更完了を伝えるメッセージが出る。

続いてパスフレーズを入力して公開鍵認証用鍵ペアを生成する。

その次の画面で現れる確定ボタンを押すと鍵がダウンロード出来る様になる。任意の場所に鍵を保存。

次にSSHクライアントを起動。ここではTera Termを使う。起動すると下記の様な画面が現れるのでアカウント情報を入力。なお、接続ポートは22ではなく10022。OKを押した後次の画面では先程ダウンロードした鍵を読み込む。

それからパスフレーズも入力。全て正しければOKを押す。サーバーに繋がるはず。

まだ準備はすることがあり、それはRubyとGemのインストール。というのもXserverのRubyのバージョンが古いので。また次回。

13 No'j

グアテマラ、マヤ文明とプログラミング/Mayan World and Programming

Category Archives: Programming

テキストの背景色を半透明に(WordPress)

Kotz’ijに恋して番外編4（XserverにRubyGemsをインストール）

Beamer

Kotz’ijに恋して番外編3（XserverにRubyをインストール）

Kotz’ijに恋して番外編2（SSH設定）