2019-05-02

Netflix レギオンシーズン2を観た

ドラマ

平成から令和になり、2日目です。この連休、割とNetflix観てます。

先日「レギオン」の第2シーズンを観終わりました。シーズン1の最後からどうなるの？と思ったら、1年後発見とか。あの玉なんだったの？とか1970年代な色使いやカラーリング、ぐるぐるライトとかで目がチカチカします。そして、眠くもなりました。ストーリーが飛びがちだから、でしょうね。

正直、シーズン1観てなかったら途中で諦めてました。敵との決着というかそういうのもあるのかな、と思ったのですが、最後に「三年後」とか出てきたり、え？そうなの？やっぱりこれでシリーズ終わりか〜と思いつつ観ていたら、続きそうだし、これで終わりにもできるしなラストでした。3年後じゃないし。

X-メンシリーズの1つなのですが、どうだろう？

ところで、シーズン1の頃は、時代が1980年とか90年とか古い？と思っていたのですけど、このシーズン2だとちょっと近未来っぽかったり、やっぱり70年代っぽかったり時代もよくわからんです。

レギオン (字幕版)

発売日: 2013/11/26
メディア: Prime Video
この商品を含むブログを見る

ガメラ２レギオン襲来

発売日: 2015/09/21
メディア: Prime Video
この商品を含むブログを見る

レギオンシーズン1 (SEASONSブルーレイ・ボックス) [Blu-ray]

2019-04-07

Vue.jsのToDoリストチュートリアル完了できました

Web javascript

Vue.js を利用したサンプルアプリ「Todo リスト」作成。JavaScriptなので情報の保存はブラウザを閉じるまで。何度も使うことで、使い方に慣れるしかない、という感じになってます。

Vue-cliを使うのはまだなので、これから学んで慣れていきたい。

しかし、PHPやRubyなどのサーバーサイドとJSのフロントサイドの2つやれる人ってすごいですね。

今回のソースはこんな感じ

index.html

<!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>Todo List 02</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.4/css/bulma.css" />
</head>

<body>
<div class="container">
<div id="app">
<input type="text" v-model="addText" placeholder="Todoを入力">
<button @click="addTodo()">追加する</button>
<hr>
<table>
<thead>
<tr>
<th>ID</th>
<th>ToDo</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr v-for="todo in list" v-if="todo.flag === true">
<td>{{ todo.id }}<br><button @click=changeToDo(todo.id)>作業完了</button></td>
<td>{{ todo.text }}</td>
<td><button @click="deleteToDo(todo.id)">削除</button>
<button @click="editTodo(todo.id)">更新</button>
</td>
</tr>
<tr v-for="todo in list" v-if="todo.flag === false">
<td>{{ todo.id }}<br><button @click=changeToDo(todo.id)>戻す</button></td>
<td>{{ todo.text }}</td>
<td><button @click="deleteToDo(todo.id)">削除</button>
<button @click="editTodo(todo.id)">更新</button>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<script src="app.js"></script>
</body>

</html>

app.jsファイル

var app = new Vue({
el: "#app",
data: {
addText: '',
list: [],
uniqueKey: 0,
 },
methods: {
addTodo() {
if(this.addText) {
console.log(this.addText);
this.list.unshift({
text: this.addText,
id: ++this.uniqueKey,
flag: true
 });
this.addText = '';
 }
 },
editTodo(id) {
var newText = window.prompt('以下の内容で更新します');
if(newText === "") {
alert('入力欄が空欄です');
 } else {
this.edit(id, newText);
 }
 },
edit(id, text) {
var editIndex = '';
this.list.some(function(val, index) {
if(val.id === id) {
editIndex = index;
 }
 });
this.list[editIndex].text = text;
 },
deleteToDo(id) {
var delIndex = '';
var check = confirm('本当に削除しますか？');
if(check === true) { // Clicked OK
this.list.some(function(val, index) {
if(val.id === id) {
delIndex = index;
 }
 });
this.list.splice(delIndex, 1);
 }
 },
changeToDo(id) {
var changeIndex = '';
this.list.some(function(val, index){
if(val.id === id) {
changeIndex = index;
 }
 });
this.list[changeIndex].flag = this.change(changeIndex);
 },
change(changeIndex) {
if(this.list[changeIndex].flag === true) {
return false;
 } else {
return true;
 }
 }
 },
})

こちらで勉強させていただきました

JavaScriptフレームワークの「Vue.js」を使ってToDoリストを実装してみよう（前編） : ビジネスとIT活用に役立つ情報

JavaScriptフレームワークの「Vue.js」を使ってToDoリストを実装してみよう（後編） : ビジネスとIT活用に役立つ情報

JavaScript コードレシピ集

作者: 池田泰延,鹿野壮
出版社/メーカー: 技術評論社
発売日: 2019/01/25
メディア: 単行本（ソフトカバー）
この商品を含むブログを見る

2019-04-06

Dockerは開発環境として、学習対象としてもとりあえずお休み

Web docker

新しくiMacを購入して設定に一番迷ったのが、これを機会に、Dockerの勉強も含めて開発環境はDockerにしようか、それともVirtualBox＋Vagrantにしようかというところ。で、結局Vagrantを入れて、UbuntuでのLAMP環境を作成（とりあえず）にしました。

これからはDockerでしょ！というのもあるのだけれど、1人で趣味の域を出ないかもしれない、と考えたときになんかDockerはよくわからない、が先行したためやめました。多分、それでもDocker環境を作ることに慣れておいたほうがいいのだろうな、という気はしています。Docker環境を入れるのをやめた理由は、単に自分の理解がなんかついていけそうにないこと。ネットに転がってるサイトの情報などを読んだつもりだけれど、単にPHPで書きたいて移動だったらMAMP、XAMPP、デフォルトのApacheとPHPで作れば、が多かったのもある。

複数のWeb系のプロジェクトを持ち、それぞれの開発環境が異なる人であればDockerがいいのだろうけど、単にPHPとデータベースを使ったWebサイトを作りたいな、作れるようになりたい程度だったら、いらないかも。

LinuxとApache＋PHPのコンテナとMySQLのコンテナ２つ入れるらしい、というのがすでになんで？状態の人には理解が困難でした。

WebサーバーとDBサーバーだから2ついるの？1つにまとめたものはないの？TerminalからDockerコマンド叩けばいいだけ？毎回？（それはVagrantもいっしょ）とかなんか考えるのが面倒になったし。

もう少ししたら、頭の中で落ち着いてまとまると思うからまたその時にでも、再挑戦。de

プログラマのためのDocker教科書第2版インフラの基礎知識&コードによる環境構築の自動化

作者: WINGSプロジェクト阿佐志保,山田祥寛
出版社/メーカー: 翔泳社
発売日: 2018/04/11
メディア: 単行本（ソフトカバー）
この商品を含むブログ (1件) を見る

Docker

作者: Adrian Mouat,Sky株式会社玉川竜司
出版社/メーカー: オライリージャパン
発売日: 2016/08/17
メディア: 単行本（ソフトカバー）
この商品を含むブログ (1件) を見る

2019-03-31

Netflixの「ザ・テキサス・レンジャーズ」を観た

ライフスタイルドラマ

Netflixの映画「ザ・テキサス・レンジャーズ」（原題は「The Highwaymen」）を観ました。主演はケヴィン・コスナーとウディ・ハレルソン。他にキャシー・ベイツがテキサス州知事役で出ています。

ストーリーはアメリカでは有名な銀行強盗ボニーとクライドを追い詰めていく実話に基づくドラマ。伝説のテキサス・レンジャーであるフランク・ハマーをケヴィン・コスナー、メイニー・ゴールトをウディ・ハレルソンが演じています。

舞台は大恐慌時代。テキサス・レンジャーズの機能がほぼ停止された後、捕まえることもできないボニー＆クライドを仕留めるため、引退していた2人を呼びもどすところから始まります。テキサス・レンジャーズが廃止されているので、名目は高速道路取締官っぽいもの。

経験と勘を頼りに、追いかけていく様は、今風の犯罪ドラマとはまた異なる趣で、あるところでそう言うものかな、という感じがします。また別の意味ではヤマカンで捕まえられるもの？そう言うもの？といった感じもしないではありません。歴史としてすでに起こった出来事を、当時の記録や社会情勢（アメリカ中南部）等を分析して作られた作品なので個人的には面白い映画でした。

ケヴィン・コスナーもウディ・ハレルソンも老けてお腹が出たり皺が多く、年寄り感も満載でした。特にウディ・ハレルソンは本当に70台？みたいにも見えました。実年齢以上に年寄り感でしたが、年齢を重ねてもできることはまだまだある、経験を活かしてどうにかできる、というのも思った次第。

最後、事件後のシーンですが、大衆とはいかに扇動されやすいのか、を改めて感じました。テキサス・レンジャーズはこの事件以後何年か経って後、1935年、新組織となり再開されたようです。

日本のタイトルはテキサス・レンジャーズと警官側ですが、現代のHighwaymenは犯罪者側のことを指しているのも興味深いですね。文化の違いでしょうか？

www.netflix.com

テキサス・レンジャーズ (字幕版)

発売日: 2013/11/26
メディア: Prime Video
この商品を含むブログを見る

Thunaraz レザータイネクタイカウスカルテキサスレンジャースターチェーンメンズロデオボロタイネクタイ 2ピース Adjustable ブラック

出版社/メーカー: Thunaraz
メディア: ジュエリー
この商品を含むブログを見る

2019-03-30

iMacが届いてこれから設定

パソコンライフスタイル

ようやくiMacが届いた。開封してこれから設定。

色々な設定関連やアプリなど何を入れていたか覚えていないので、試行錯誤しながらインストールしたり、設定したりしていきます。

多少のファイルなどはiCloudに保存していたから、戻ってきたものもあってちょっとうれしい。あとApp Store経由のものは履歴も含めて割とすぐに戻せるのも嬉しい。亡くなったAppもあるのは残念。

Mac App Storeを初めて開いてなにこれ？と思ったのはいい思い出に。。。

Apple iMac?(21.5インチ, Retina?4Kディスプレイモデル, 3.0GHzクアッドコアIntel Core i5)

出版社/メーカー: アップル
発売日: 2017/06/06
メディア: Personal Computers
この商品を含むブログを見る

macはじめよう MacBook Air & Pro iMac対応 mac OS Sierra対応版

作者: Macビギナーズ研究会
出版社/メーカー: マイナビ出版
発売日: 2016/11/30
メディア: 単行本（ソフトカバー）
この商品を含むブログを見る

2019-03-27

消費税が上がったら、クレジットカードの決済手数料も当然ですがあがります

消費税の増税に合わせて導入するポイント還元が終わると同時にJCBなどのカード決済手数料が上がるみたい。どのくらい先になるのかちょっとわからんけど。

www.nikkei.com

現在3.25%のクレジットカード決済手数料が上がる？いまでもクレジットカード決済導入に迷う小売業者が気になるポイントの一つがこの決済手数料。交渉次第で多少変わったりもしますが、安くても2％台半ばくらい。大抵は3％前後といったところでしょうか。どうでしょう？

www.cardfellow.com

こちらのサイトのレートを見ると、クレジットカード会社のサービスによってさまざまなレートが公開されています。日本の場合のどれがこのリストのどこにあてはまるのかよくわからないところがミソ。

VISAだけでもこんなにたくさん

Visa
Debit AssessmentAlso called Visa US Acquirer Service Fee – Debit This assessment applies to all Visa debit transactions.	0.13%
Credit AssessmentAlso called Visa US Acquirer Service Fee – Credit This assessment applies to all Visa credit transactions. This assessment increased from 0.13% to 0.14% on January 1, 2019.	0.14%
Acquirer Processing Fee (APF) – CreditAlso called Visa Authorization Processing Fee – Variable Credit The Acquirer Processing Fee applies to all U.S.-based credit card authorizations acquired in the U.S. regardless of where the issuer/cardholder is located. If your business is based in the U.S., the acquirer processing fee will apply to all Visa credit card authorizations.	$0.0195
Acquirer Processing Fee (APF) – DebitAlso called Visa Authorization Processing Fee – Variable Debit This fee applies to all Visa non-PIN debit authorizations acquired in the U.S.	$0.0155
Credit Voucher Fee – CreditThis fee applies to refund transactions involving a credit card.	$0.0195
Credit Voucher Fee – DebitThis fee applies to refund transactions involving a debit card.	$0.0155
Base II Credit Voucher Fee (Credit)The Base II Credit Voucher Fee applies to all U.S.-based refund transactions involving a credit card.	$0.0195
Base II Credit Voucher Fee (Debit)The Base II Credit Voucher Fee applies to all U.S.-based refund transactions involving a debit card.	$0.0155
System File Transmission FeeAlso called Visa Base II System File Transmission Fee System File Transmission Fee applies to all Visa transactions and is charged in addition to other transaction-based assessments, such as the Acquirer Processing Fee.	$0.0018
Transaction Integrity Fee (TIF) Also called Visa Debit Integrity Fee This fee applies to transactions involving Visa non-PIN debit and prepaid cards that do not meet CPS requirements.	$0.10
Fixed Acquirer Network Fee (FANF)FANF is a monthly fee that varies based on processing method, number of locations and volume.	Varies
Kilobyte (KB) Access FeeVisa’s kilobyte fee is charged on each authorization transaction submitted to Visa’s network for settlement.	$0.0047
Misuse of Authorization FeeThe Misuse of Authorization Fee applies to Visa authorizations that are not followed by a matching clearing transaction (or in the case of a cancelled or timed out authorization, not properly reversed).	$0.09
Zero Floor Limit FeeVisa’s Zero Floor Limit applies to cleared transactions that can’t be matched to a previously approved or partially-approved authorization. In short, it applies to settlement transactions submitted without a proper authorization.	$0.20
Zero Dollar Verification FeeThe Zero Dollar Verification fee applies to Zero Dollar Verification messages (approved and declined). Zero Dollar Verification messages include the verification of the card account number, address verification (through AVS), Card Verification Value 2 (CVV2) and Single Message System (SMS) acquired Account Verification authorizations. The Visa Misuse of Authorization Fee does not apply to these requests. The fee applies when you want to verify a cardholder’s information without actually authorizing an amount of their card.	$0.025
International Service Assessment Fee (ISA)The International Service Assessment Fee applies to U.S. acquired transactions paid for with a card issued outside of the U.S.	0.80%
International Acquirer FeeThe International Acquirer Fee applies under the same circumstances as the International Service Assessment Fee noted above.Note: The International Service Assessment Fee and International Acquirer Fee often both apply to the same transaction bringing the total charge to 0.85%.	0.45%