Lineの動くスタンプのとり方

動かないスタンプはタップすれば、スタンプ情報が見れましたが、動くスタンプはタップしてもスタンプ情報が出て来ません

単純にタップ長押し(1秒くらい押しっぱなし)だと出てきました

トーク内の動いているスタンプを長押し
line-moving

メニューが出てきます
詳細を見る、をタップ
line-moving2

スタンプ情報が見れました
line-moving3

知ってれば簡単でした

ビールと発泡酒と第3のビールの違い

このまえビールを1日6リットル飲む人と出会い、ビール代が大変だと言われてました

ざっくりとビールと発泡酒と第3のビールの違いを調べました
詳しくは酒税法を

酒税対策で発泡酒、第3のビールが出てきたようです

ビール

主な原料は水、デンプン(麦芽など)、ビール酵母、香味料(ホップなど)など

  • 麦芽使用率 2/3以上
  • 副原料が限定されている
    • とうもろこし
    • こうりゃん
    • 馬鈴薯
    • でんぷん
    • 糖類
    • 着色料としてのカラメル

発泡酒

原料に麦芽を使っている
ビールに使用できない副原料を使っている

酒税が低い麦芽25%以下のものが多い

第3のビール

原料に麦芽以外を使っているものと、発泡酒に別のアルコール飲料をまぜたものがあるようです
マスコミなど作った用語

発泡酒よりの酒税が安い

ややこしいです

カエレバでアフィリエイトリンクを生成する(ヨメレバも)

amazonとか楽天とかアフィリエイトサービスがありますが、簡単に一つの商品のアフィリエイトリンクが作成できるカエレバというサービスでアフィリエイトを作成してみました
最初から、見栄えがいいのがいいですね

カエレバにアクセス
中断にユーザーデータ入力があるのでここを入力します
各アフィリエイトIDの調べ方も載っているので、参考に打ち込みます
必要な分だけでいいです
kaereba

打ち込めたら保存ボタンを押して、一番上へ
kaereba2

ほしいもののキーワードでも打ちこめば
kaereba3

こんなかんじで出てくるので
Amazonとか楽天とか必要なものにチェックをいれて、下のHTMLをお持ちのサイトに貼り付けるだけでできあがり
kaereba4

↓こんなのできます

本ならヨメレバのほうが良さそうです..
↓こちらはヨメレバ

Bootstrapをbowerで入れて使ってみる

HTML/CSS/JavascriptフレームワークのBootstrapをbowerを使って入れてみます
Bootstrap v.3.2.0でした

npmが使えるようにしてあったのでそこからです、あしからず

bowerをインストールする

$ sudo npm install -g bower

grunt-cliをインストールする

$ sudo npm install -g grunt-cli

bootstrapをインストールする

$ bower install bootstrap

下記のようにディレクトリが作成されbootstrapがインストールされます
├── bower_components
│   ├── bootstrap
│   └── jquery

使えるようにするため
$ cd bower_components/bootstrap
$ npm install

これで
bower_components/bootstrap/dist
ディレクトリにjavascriptやcssができます

bootstrapを使ってみる

使うために、今回はシンボリックリンクで使いやすいところへリンクを貼りました
$ ln -s bower_components/bootstrap/dist/css css
$ ln -s bower_components/bootstrap/dist/js js
$ ln -s bower_components/bootstrap/dist/fonts fonts

ベースのHTMLを
http://getbootstrap.com/getting-started/
Basic template
のところを見れば、使えます
bootstrap1

見た目でわからないので
http://getbootstrap.com/examples/starter-template/
なんかを見ながら
[html]
<div class="container">
<h1>Hello, world!</h1>
<p class="lead">
はじめてのBootstrap<br>
あいうえおかきくけこさしすせそたちつてとなにぬねのはひふへほまみむめもやゆよわをん
</p>
</div>
[/html]
とすると
bootstrap2

leadが文章を目立たせるプロパティです
cssは
http://getbootstrap.com/css/
を参考に

nav barを追加してみると
[html]
<div class="navbar navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Project name</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div><!–/.nav-collapse –>
</div>
</div>
[/html]
bootstrap3

ウィンドウサイズを小さくすると
bootstrap4
ナビが消えたりします

ナビバーはcomponentsのページを参考に
http://getbootstrap.com/components/#navbar