kintone 開発者ライセンスの取得

kintone 開発者ライセンスの取得

11月18日のKintoneセミナーで
kintone 開発者ライセンスが必要になるので
Chrome とライセンスの設定をすることに

https://developer.cybozu.io/hc/ja/articles/200929540#step3

へアクセスし

下へスクロールして
開発者ライセンスを申し込むをクリック

kintone

登録には facebook もしくはメルアドで可能
今回はメルアドを使いますので
アカウント登録をクリック

kintone2

名前とメルアドを入力し
渡しはロボットではありませんをクリック

kintone3

これでリンク付きのメールがくるので
メール内容の一番下のリンク
をクリックし登録画面でパスワード設定

kintone4[

これで、cybozu developer network の登録ができたので
引き続き、開発者ライセンスの取得

トップページのスライドで
無償の開発者ライセンス
と書かれているスライドをクリックすると
開発者ライセンス申し込みの画面がでてくるので

開発者ライセンスを申し込むをクリック

kintone6

kintone

下までスクロールすると、申し込み画面があるので
内容を入力し確認するをクリック

kintone8

これで30分ほど待てばメール宛に届くらしいので
しばらくは待機します

kintone9[


PDF
カテゴリー: kintone | コメントをどうぞ

bootstrap で画像とメッセージを表示 その2

bootstrap で画像とメッセージを表示 その2

せっかくなので、レスポンシブ対応の画像も追加
レスポンシブ対応するには
class=”img-fluid” を設定すればOK

今回は

<img src="image1.jpg" alt="" class="img-fluid">

としてみた

古い情報だと
.img-responsive と書かれているので注意
変更点については
https://getbootstrap.com/docs/4.0/migration/#images
に記載あり

次にグリッドシステムで配置を調整
emmet で書くと

  div.container>div.row>div.col-md-8.col-md-offset-2

これをtab で展開すると

  <div class="container">
    <div class="row">
      <div class="col-md-8 col-md-offset-2">
        
      </div>
    </div>
  </div>

となるので、ここへ .media 部分のコードを移動

これで

  <div class="container">
    <div class="row">
      <div class="col-md-8 col-md-offset-2">
        <div class="media">
        <img class="d-flex mr-3  rounded-circle" src="image2.jpeg" alt="Generic placeholder image" width="64" height="64">
        <div class="media-body">
          <h5 class="mt-0">Media heading</h5>
          メッセージ

          <img src="image1.jpg" alt="" class="img-fluid">
          <div class="media">
          <img class="d-flex mr-3  rounded-circle" src="image2.jpeg" alt="Generic placeholder image" width="64" height="64">
          <div class="media-body">
            <h5 class="mt-0">Media heading その2</h5>
            メッセージ その2
          </div>
        </div>
      </div>
      </div>
      </div>
    </div>
  </div>

というかんじに

これで余白が調整され、中央にコンテンツ表示に

mbs4

次に画面上部にナビゲーションバーの設置

  <nav class="navbar navbar-light bg-light">
    <form class="form-inline">
      <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
    </form>
  </nav>

を追加

これで上部に検索欄とボタンが設置される

mbs5

今回のソースは

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
  <title>Document</title>
</head>
<body>

  <nav class="navbar navbar-light bg-light">
    <form class="form-inline">
      <input class="form-control mr-sm-2" type="text" placeholder="Search" aria-label="Search">
      <button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
    </form>
  </nav>

  <div class="container">
    <div class="row">
      <div class="col-md-8 col-md-offset-2">

        
        <div class="media">
        <img class="d-flex mr-3  rounded-circle" src="image2.jpeg" alt="Generic placeholder image" width="64" height="64">
        <div class="media-body">
          <h5 class="mt-0">Media heading</h5>
          メッセージ

          <img src="image1.jpg" alt="" class="img-fluid">
          <div class="media">
          <img class="d-flex mr-3  rounded-circle" src="image2.jpeg" alt="Generic placeholder image" width="64" height="64">
          <div class="media-body">
            <h5 class="mt-0">Media heading その2</h5>
            メッセージ その2
          </div>
        </div>
      </div>
      </div>
      </div>
    </div>
  </div>



<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>

</body>
</html>

PDF
カテゴリー: bootstrap | コメントをどうぞ

bootstrap で画像とメッセージの表示

bootstrap で画像とメッセージの表示

Atom エディタを使い
左に画像、右に文章というtwitter のようなかんじで表示

media.html というファイルを作成し

html:5

でtab で展開すると

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

というコードが一気に作成できる

次にbootstrap の css を適用するために

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">

を head の中へ記述

また javascript や jquery 関連を読み込む必要があるので

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>

を body の閉じタグの前に記述

次に画像と文章の表示
https://getbootstrap.com/docs/4.0/layout/media-object/
にサンプルコードがリファレンスとして載っているので
これを参考に貼り付け

  <div class="media">
  <img class="d-flex mr-3" src="..." alt="Generic placeholder image">
  <div class="media-body">
    <h5 class="mt-0">Media heading</h5>
    Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.
  </div>
</div>

のままだと長い上に画像がないので
src=”…” の部分には画像ファイルを指定し
文章は簡単なものに変更

せっかくなので画像を丸くしておきたいので

class=" rounded-circle" 

を画像に指定

元の大きさだと大きすぎなので

width="64" height="64"

で縦横を調整

表示エリアを

<div class="media">
</div>

で決めて、その中に記述する

今回のソースは

  <div class="media">
  <img class="d-flex mr-3  rounded-circle" src="image2.jpeg" alt="Generic placeholder image" width="64" height="64">
  <div class="media-body">
    <h5 class="mt-0">Media heading</h5>
    メッセージ
  </div>
</div>

というかんじ

これで左に画像、右に文章になる

mbs

そして

<div class="media-body">
</div>

が1つのメディア単位になっている
つまり、 media-body の中に media を用意すると入れ子になる

<div class="media">
  <img class="d-flex mr-3  rounded-circle" src="image2.jpeg" alt="Generic placeholder image" width="64" height="64">
  <div class="media-body">
    <h5 class="mt-0">Media heading</h5>
    メッセージ
    <div class="media">
    <img class="d-flex mr-3  rounded-circle" src="image2.jpeg" alt="Generic placeholder image" width="64" height="64">
    <div class="media-body">
      <h5 class="mt-0">Media heading その2</h5>
      メッセージ その2
    </div>
  </div>
</div>

とすると入れ子になる

mbs2

とりあえず全体のソースとしては

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
  <title>Document</title>
</head>
<body>
  <div class="media">
  <img class="d-flex mr-3  rounded-circle" src="image2.jpeg" alt="Generic placeholder image" width="64" height="64">
  <div class="media-body">
    <h5 class="mt-0">Media heading</h5>
    メッセージ
    <div class="media">
    <img class="d-flex mr-3  rounded-circle" src="image2.jpeg" alt="Generic placeholder image" width="64" height="64">
    <div class="media-body">
      <h5 class="mt-0">Media heading その2</h5>
      メッセージ その2
    </div>
  </div>
</div>

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>

</body>
</html>
1

というかんじ


PDF
カテゴリー: bootstrap | コメントをどうぞ

Gitlab のインストール

Gitlab のインストール

2年ぶりに Gitlab のインストール
いろいろと変更がありそうなので
GitLab Installation

を参考にインストール

sudo apt-get install -y curl openssh-server ca-certificates

次にメールサーバーのインストール

sudo apt-get install -y postfix

を実行すると確認画面がでるので、tabを押して
了解で Enter

2017gitlab

次に、どの形式にするか選択がでるけど
ドキュメントには
During Postfix installation a configuration screen may appear. Select ‘Internet Site’ and press enter. Use your server’s external DNS for ‘mail name’ and press enter. If additional screens appear, continue to press enter to accept the defaults.

意味は
Postfixのインストール中に、設定画面が表示されることがあります。 [インターネットサイト]を選択し、Enterキーを押します。サーバーの外部DNSを「メール名」に使用し、Enterキーを押します。追加の画面が表示された場合は、enterを押してデフォルトを受け入れます。

となっているので
インターネット上サイトのまま
tabを押して了解で Enter

2017gitlab2

次にメール名だけど、ローカルのみの予定なので
今回はそのまま tab を押して 了解で
Enter

2017gitlab3

次に Gitlab リポジトリを追加するので

curl -sS https://packages.gitlab.com/install/repositories/gitlab/gitlab-ce/script.deb.sh | sudo bash

次に

sudo apt-get install gitlab-ce

で Gitlab インストール

インストールされると

gitlab: Thank you for installing GitLab!
gitlab: To configure and start GitLab, RUN THE FOLLOWING COMMAND:

sudo gitlab-ctl reconfigure

gitlab: GitLab should be reachable at http://snowpool-Prime-Series
gitlab: Otherwise configure GitLab for your system by editing /etc/gitlab/gitlab.rb file
gitlab: And running reconfigure again.
gitlab: 
gitlab: For a comprehensive list of configuration options please see the Omnibus GitLab readme
gitlab: https://gitlab.com/gitlab-org/omnibus-gitlab/blob/master/README.md
gitlab: 
It looks like GitLab has not been configured yet; skipping the upgrade script.
W: Duplicate sources.list entry http://download.opensuse.org/repositories/isv:/ownCloud:/community/xUbuntu_14.04/  Packages (/var/lib/apt/lists/download.opensuse.org_repositories_isv:_ownCloud:_community_xUbuntu%5f14.04_Packages)

と表示される

Gitlab の初期設定と開始には

sudo gitlab-ctl reconfigure

を実行

これで

http://snowpool-prime-series:8080/

だとアクセスできず、

http://localhost:8080

ではレイアウトが崩れる

2017gitlab4

このため

sudo vim /etc/gitlab/gitlab.rb 

で設定ファイルを開き

13行目の

external_url 'http://snowpool-Prime-Series'

external_url 'http://192.168.1.206:8000'

というように変更し

sudo gitlab-ctl reconfigure

を実行し設定を反映

これで再度アクセスすると無事にCSSが反映されていた
2017gitlab5


PDF
カテゴリー: Gitlab | コメントをどうぞ

内蔵HDDマウントと Virtualbox 保存先変更

ubuntu 設定メモ 開発環境編

Vagrant, VirtualBox 大きいファイルの保存先を変更する

を参考に
Virtualbox の保存先を変更したけど
SSD+HDDの構成のため
保存先に指定したHDDが起動時に自動マウントしていない

端末を開くと

bash: e-a8b130293019/.vagrant.d: そのようなファイルやディレクトリはありません

となってしまう

このため、起動時にマウントするように設定

hdd ubuntu マウント
で検索し
Ubuntu16.04LTS起動時に内蔵HDDをマウントさせる

を参考に設定

sudo blkid

を実行

/dev/sda5: UUID="bdec1869-7820-4557-a76e-a8b130293019" TYPE="ext4" PARTUUID="f6be4449-05"
/dev/sdb1: UUID="8E2A-CA36" TYPE="vfat" PARTLABEL="EFI System Partition" PARTUUID="f1393b6b-c1e6-4917-9539-b0780bbde0e7"
/dev/sdb2: UUID="104c0374-2fba-47ec-a8be-e2d94840d522" TYPE="ext4" PARTUUID="a585862f-2cd7-4890-a4c0-8d4207c1b67d"
/dev/sdb3: UUID="5c9c0ddb-30a7-4ab1-b66c-82eea9b63c9a" TYPE="swap" PARTUUID="e9cbcbbb-312f-4910-b50a-24b23f63556a"
/dev/sdc2: LABEL="UbuntuBackup" UUID="bb8370da-9e26-492b-862f-55ea6d55c579" TYPE="ext4" PARTLABEL="Basic data partition" PARTUUID="f2383d6b-adf6-4ca5-a4a8-102981fbdb6e"
/dev/sdc1: PARTLABEL="Microsoft reserved partition" PARTUUID="c01e61e1-4211-479e-bee7-8cec106f344e"

が結果

この中で必要なのは
LABEL の値とDATA の値らしいけど、みあたらないので

hdd ubuntu マウント 増設
で検索

Ubuntu 16.04 で HDD を増設する件

を参考に設定

必要なのはUUID

df -h

でHDDなどの構成を確認

Filesystem      Size  Used Avail Use% Mounted on
udev            3.9G     0  3.9G   0% /dev
tmpfs           785M  9.3M  776M   2% /run
/dev/sdb2        51G  8.2G   40G  18% /
tmpfs           3.9G  496K  3.9G   1% /dev/shm
tmpfs           5.0M  4.0K  5.0M   1% /run/lock
tmpfs           3.9G     0  3.9G   0% /sys/fs/cgroup
/dev/sdb1       511M  3.4M  508M   1% /boot/efi
tmpfs           785M   80K  785M   1% /run/user/1000
/dev/sdc2       2.7T  211G  2.4T   9% /media/snowpool/UbuntuBackup
/dev/sda5       459G  146M  435G   1% /media/snowpool/bdec1869-7820-4557-a76e-a8b130293019

が結果

HDDの番号がわかったら

sudo blkid /dev/sda5

でUUID確認

/dev/sda5: UUID="bdec1869-7820-4557-a76e-a8b130293019" TYPE="ext4" PARTUUID="f6be4449-05"

が結果

sudo mkdir /media/snowpool/disk2

でマウントディレクトリ作成

次に所有者とグループを今のアカウントに設定
現在のグループを知りたいのなら
Linuxコマンドでユーザーのグループ確認・変更。

を参考に

groups snowpool

というように
groups ユーザ名で表示可能

sudo chown snowpool:snowpool /media/snowpool/disk2/

で権限とグループ変更

chown コマンドに関しては
【 chown 】 ファイルやディレクトリの所有者を変更する

を参考に

次に /etc/fstab へ情報を追記

UUID=<UUID> /media/disk2     ext4    user_xattr 0       1

というかんじの書式になるので

sudo vim /etc/fstab 

でファイルをひらき

UUID=bdec1869-7820-4557-a76e-a8b130293019 /media/snowpool/disk2     ext4    user_xattr 0       1

として保存

次に .vagrant 指定先を変更
マウント先を変更したので

vim .bashrc

でファイルをひらき
最終行の

export VAGRANT_HOME=/media/snowpool/bdec1869-7820-4557-a76
e-a8b130293019/.vagrant.d

export VAGRANT_HOME=/media/snowpool/disk2/.vagrant.d

へ変更

またVirtualbox の保存先も

vboxmanage setproperty machinefolder /media/snowpool/disk2/VMbox/

で変更

これで保存先が無事に変更されエラーも消えました


PDF
カテゴリー: ubuntu16.04 | コメントをどうぞ

ubuntu Atom パッケージ同期設定メモ

ubuntu Atom パッケージ同期設定メモ

16.04のインストールを機に
環境の同期や再現をできることを重視して
開発環境を整えることに

まずは Atom エディタの設定の同期
これは
sync-settinパッケージと
Github アカウントを使えば可能

まずは Githubで必要な token の取得

https://github.com/github
にアクセスし
Sign in をして settings をクリック

atom4

次に画面を下へスクロールして

Personal access tokens  をクリック

atom5

次に
Generate new token をクリック

atom5-2

token description には概要を書くので
とりあえず atom sync としておきます

atom6

下へスクロールし
gist だけチェックをいれて
generate token をクリック

atom7

これで token が発行されます

次に Gist をクリック

atom8

gist description には概要なので
今回は Atom Sync
ファイル名には atom
本文にはダミー文字をいれるので
今回は crate gist としました

これで Create secret gist をクリック

atom10

これで作成されます
Gist の ID は URL のユーザ名の後の部分になります

atom11

これで
必要なtoken がそろったので
Atom を起動し
ctrl + , を押すと設定画面がでるので

install で sync-setting パッケージを検索し
install をクリック

atom2

インストール後に
設定のためのメッセージがでるので
Package settings をクリック
atom3

これで
Personal Access Token
Gist id

取得した token をいれればOK

atom12

バックアップを行うには
ctrl + shift + p で
コマンドパレットを起動し
sync setting: backup
を実行

成功すれば Atom 右上にメッセージがでます

次に別のマシンでのレストア

バックアップした端末と同じように
Atom のインストールをして
sync-setting パッケージをインストールし
Gist Id
Personal Access token
を入力したら

ctrl + shift + p で
コマンドパレットを起動し
sync setting: backup
を実行すれば
パッケージの同期ができます


PDF
カテゴリー: Atom | コメントをどうぞ

ubuntu 16.04 インストールメモ その2

ubuntu 16.04 インストールメモ その2

データやメモをクラウドに保存しておくと復旧しやすくなるので
クライアントアプリ系をインストール

メモとして便利なEvernote のクライアントソフトNixNote 2

インストールの参考にしたのは
Install Evernote Client “NixNote 2” In Ubuntu 16.10

sudo add-apt-repository ppa:nixnote/nixnote2-daily

でリポジトリ追加

sudo apt update 

でリポジトリ更新

sudo apt install nixnote2

でインストール

evernote と連携するには
sync をクリックするとログイン認証画面になるので
アカウントを入力

everapp

everapp2

これで同期できるけど、一部文字化けあり

次に Google Dvive マウントツール
Ubuntu に Google ドライブをマウントする

を参考にインストール

sudo add-apt-repository ppa:alessandro-strada/ppa
sudo apt-get update
sudo apt-get install google-drive-ocamlfuse

でインストール

mkdir ~/googledrive

でマウントする場所を準備

google-drive-ocamlfuse


ブラウザが立ち上がり Google のログイン認証になるので
パスワードをいれてログイン
なお、2段階認証をいれてあると
メールもしくは電話での認証も行います

google-drive-ocamlfuse ~/googledrive/

でマウントするとファイルが表示されます

fusermount -u ~/googledrive

でアンマウントになります

なお、同期しているのではないため、ネット接続できない環境では使用不可で
ネット速度が遅い場合使い物にならないので注意

次に便利なメモアプリ Tomboy

sudo apt install tomboy

そしてパスワードを管理のための KeepassX
Install KeePassX 2.0 in Ubuntu 16.04, 15.10, 14.04

を参考にインストール

sudo add-apt-repository ppa:eugenesan/ppa
sudo apt-get update

でリポジトリ追加してアップデート後インストール

ただし使用していたDBが古いバージョン
.kdb 拡張子の場合そのままではひらけない

このため、keepass1 データベースをインポートする必要があります

次にコピペの管理ができるソフト

sudo add-apt-repository ppa:hluk/copyq
sudo apt-get update
sudo apt install copyq

でインストール

使い方に関しては
CopyQ 高性能なコピー履歴の編集機能を備えたクリップボードマネージャ

を参考に

起動している間はコピーしたものの履歴が残ります


PDF
カテゴリー: ubuntu16.04 | コメントをどうぞ

Ubuntu 16.04 インストールメモ

Ubuntu 16.04 インストールメモ

クリーンインストール完了後
外付けHDDから keePassX のデータファイルを探すため
find コマンドで検索

find /media/snowpool/UbuntuBackup/ -name "*.kdb"

インストールに時間がかかるため、アップデートはインストール後にしたので
ctrl + alt + t で端末を開き

sudo apt-get update

でリポジトリ更新して

sudo apt-get upgrade

でアップデート

せっかくクリーンインストール状態なので
今後の復旧も考慮して
Dropbox
Evernote
GoogleDrie
これらにデータを保存したり
今後構築予定の RasberyPi で作成したサーバへ
保存予定

なおソフトのインストールは
今後 Ansible やシェルスクリプトでいれるようにしたいため
なるべくコマンドで行う予定

Ubuntu Linuxセットアップ後にコマンドラインでインストールするソフト
を参考に

まず vim のインストール

sudo apt-get install vim

DOS/MAC/Unixテキストファイル改行コード変換

sudo apt-get install dos2unix

EUC、シフトJIS等の文字コード変換

sudo apt-get install nkf

XML 整形ツール

sudo apt-get install libxml2-utils

jqコマンド
使い方は 
jq コマンドを使う日常のご紹介
を参考にするとわかりやすい

開発ツール関連 build-essential

sudo apt-get install build-essential 

chrome インストール

wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb

でファイル取得

sudo dpkg -i google-chrome*.deb

でエラーなので

sudo apt-get -f install --fix-missing


UbuntuにGoogle Chromeをインストールする
を参考に実行してから再度

sudo dpkg -i google-chrome*.deb

でインストール

画像関連も使うので imagemagick gimp のインストール

sudo apt-get install imagemagick
sudo apt-get install gimp

git最新版インストール
Ubuntuに最新のgitを入れてみた
を参考に

sudo add-apt-repository ppa:git-core/ppa

でリポジトリ追加

sudo apt-get update 

でリポジトリ更新

sudo apt-get install git

でインストール

次に Android 開発環境

を参考にインストール

sudo add-apt-repository ppa:ubuntu-desktop/ubuntu-make


ubuntu mate のリポジトリ追加

sudo apt install ubuntu-make

でインストール

次に仮想端末作成のためのライブラリ関連

sudo dpkg --add-architecture i386
sudo apt-get update
sudo apt-get install libc6:i386 libstdc++6:i386

次に flash plugin

sudo apt install adobe-flashplugin

これだとエラーになるので

Ubuntu に最新の Flash Player をインストールする

を参考に設定を変更

システム設定をクリック
ソフトウェアとアップデートをクリック

flash

Canonical パートナーにチェックをいれるとリポジトリ追加されるので

hlash2

sudo apt-get update 

でリポジトリ更新し

sudo apt install adobe-flashplugin

を実行すればインストール可能

次に oracle java8

sudo add-apt-repository ppa:webupd8team/java

でリポジトリ追加

sudo apt-get update

でリポジトリ更新

sudo apt-get install oracle-java8-installer

でインストーラー起動するので同意すればインストール完了

sudo apt-get install oracle-java8-set-default

で環境変数も設定できるけど
いったんログオフしないと反映されない
とのこと

これについては
Ubuntu 16.04 で Oracle Java を apt-get でインストールする件

を参考に

次に仮想環境virtualbox のインストール

Ubuntu16.04サーバーにvirtualBoxをインストールする

を参考に

sudo add-apt-repository "deb http://download.virtualbox.org/virtualbox/debian xenial contrib"

でリポジトリ追加

wget -q https://www.virtualbox.org/download/oracle_vbox_2016.asc -O- | sudo apt-key add -

で key を追加

sudo apt-get update

でリポジトリ更新

マルチメディアコーデックが必要なので

sudo apt-get install ubuntu-restricted-extras

でインストール
Ubuntu インストールしたらやること:動画・音楽を再生できるようにする

を参考にインストール

これだけだと市販のDVD再生はできないので
Ubuntu 16.04 その61 – 市販のDVDの再生に必要なlibdvdcss2をインストールするには

をさんこうに

sudo apt install libdvd-pkg 	
sudo dpkg-reconfigure libdvd-pkg 

でライブラリインストール

file /usr/lib/x86_64-linux-gnu/libdvdcss.so

を実行し

/usr/lib/x86_64-linux-gnu/libdvdcss.so: symbolic link to libdvdcss.so.2.2.0

となればOK

次に Atom エディタのインストール

sudo add-apt-repository ppa:webupd8team/atom

でリポジトリ追加

sudo apt-get update

でリポジトリ更新

sudo apt-get install atom

でインストール


PDF
カテゴリー: ubuntu16.04 | コメントをどうぞ

Ubuntu 16.04 LTS の準備

https://www.ubuntulinux.jp/News/ubuntu1604-ja-remix
へアクセスし
ISOイメージをダウンロード

今回は
北陸先端科学技術大学院大学

経由でダウンロード

次にISOイメージをDVDへ書き込み

書き込みには Ubuntu にインストールした k3b を使用

k3b を起動し More actions… をクリック

k3b

Burn Image をクリックし
空DVDをいれて

start をクリック

k3b2

あとは終了をまって close をクリック

k3b3

これで インストールDVDは準備OK

次にバックアップのための外付けHDDの準備

もし、重要データがあっても、バックアップがあれば復元可能

Linuxで外付けドライブをマウントがどうのこうの
http://nu-pan.hatenablog.com/entry/20140508/1399534550

を参考に実行し、ディスク情報の確認

sudo parted -l 

を実行

fdisk だと 2TB 以上のものは使えないようなので

モデル: ATA WDC WD10EARX-00N (scsi)
ディスク /dev/sda: 1000GB
セクタサイズ (論理/物理): 512B/4096B
パーティションテーブル: msdos

番号  開始    終了    サイズ  タイプ    ファイルシステム  フラグ
 1    1049kB  992GB   992GB   primary   ext4              boot
 2    992GB   1000GB  8570MB  extended
 5    992GB   1000GB  8570MB  logical   linux-swap(v1)


モデル: I-O DATA HDCZ-UT (scsi)
ディスク /dev/sdf: 3001GB
セクタサイズ (論理/物理): 512B/4096B
パーティションテーブル: gpt

番号  開始    終了    サイズ  ファイルシステム  名前                          フラグ
 1    17.4kB  134MB   134MB                     Microsoft reserved partition  msftres
 2    135MB   3001GB  3000GB  ntfs              Basic data partition          msftdata

mkfsコマンドでUbuntuのハードディスクのフォーマットを端末から実行する

http://ubuntuapps.info/blog-entry-691.html

を参考に

次に

df -h 

を実行し、残りの容量と、使用可能な容量を確認

使用可能な容量は Avail
使用している容量については Used に表示される

Filesystem      Size  Used Avail Use% Mounted on
udev            3.9G  4.0K  3.9G   1% /dev
tmpfs           797M  1.4M  796M   1% /run
/dev/sda1       909G  421G  443G  49% /
none            4.0K     0  4.0K   0% /sys/fs/cgroup
none            5.0M     0  5.0M   0% /run/lock
none            3.9G  352K  3.9G   1% /run/shm
none            100M   56K  100M   1% /run/user
/dev/sdf2       2.8T  174M  2.8T   1% /media/snowpool/HDCZ-UT

今回の結果はこのとおり
とりあえず現状では半分使用していてまだ余裕がありそう

次にフォーマットしたいデバイス、今回は外付けHDDで
パスが /dev/sdf2 をアンマウント

 sudo umount /dev/sdf2 

次にファイルシステムの種類を
mkfs.ext4 でext4 でフォーマットし
-L オプションを使ってラベルを設定

sudo mkfs.ext4 /dev/sdf2 -L "UbuntuBackup"

これでフォーマットはできたけど
このままだと root のみしか使えない

hdd

なので

sudo chown snowpool /media/snowpool/UbuntuBaup/

を実行し
権限を変更することで、読み書き可能となりました


PDF
カテゴリー: 未分類 | コメントをどうぞ

webサービス開発の準備

webサービスの開発と Android クライアントアプリを作成するため
環境を用意したいけど、ノートPCのHDDがすでにいっぱいのため
一度バックアップとってから初期化することに

なお、デスクトップもバックアップしようとしたけど
両方合わせると容量は2GB必要なため
USB 3.0対応の外付けHDD を購入することにしました

今回購入したのは

なお、電源をとろうとしても
すでにコンセントがいっぱいのため
コンセント差し込みの部分が稼働するものを購入

これで到着後に外付けHDD にデータをバックップ後
ノートパソコンを現状の Ubuntu 14.04 から
Ubuntu 16.04 LTS に変えようと思います

バックップ完了後、vagrant + virtualbox のインストール
を行い、centos 3台のサーバ構成を実験予定です

なお、開発する言語は php rails android python の予定になります

今後の予定では Ansible を使って
再度 環境構築するときに面倒にならないようにする予定です


PDF
カテゴリー: 未分類 | コメントをどうぞ