My puppyのブログ

学んだ事や作っているプログラムなどについて書いています。

Amazonプライムを解約しましたorz.

まずは前回の記事です。

ken-tokyo.hatenablog.com

まだ契約したばっかりなのですが、やっぱりプライムビデオも観ないし、プライムミュージックも聴かないし、荷物の配達もそれほど早くなくて良いしで、全然Amazonプライムを活用できそうになかったので解約してしまいましたorz.

最初は3か月くらい続けようかとも考えていたのですが、思ったより全然使わなかったのですぐやめてしまいました。

月額プランなのであと2週間くらいは契約が残っているのですが、その間に頑張ってプライムビデオを観てみようかと思います…(#^.^#)

ID:2830まで追加しました(English-Video.net)

今日「English-Video.net」の動画をID:2830まで追加しました。

先月まではID:2798までの公開でしたので、IDは32増えることになります。

今回は英語日本語スペイン語フランス語など全部で54言語の字幕が追加されていて、全て合わせると590ページ程の追加となります。

日本語字幕の動画リストは「http://www.english-video.net/l/ja」にございますので、もし良かったらご参照くださいね(^^♪

Bootstrap 4 BetaのCardsコンポーネントについて

さきほど「Bootstrap 4 Beta」が発表されたのを知りました。

blog.getbootstrap.com

上の記事にCardsコンポーネントについてこう書かれていたんですね。

Dropped wells, thumbnails, and panels for cards. Cards are a brand new component to Bootstrap, but they’ll feel super familiar as they do nearly everything wells, thumbnails, and panels did, only better.

English-Video.netのトップページはBootstrap 3.3.7のThumbnailsコンポーネントを使っているのですが、それがBootstrap 4で無くなるというので、その代わりとなりそうなCard decksの項目をちょっと見てみました。

getbootstrap.com

このCard decksというのはCard layoutという項目のオプションの1つなのですが、Card layoutの説明書きに「In addition to styling the content within cards, Bootstrap includes a few options for laying out series of cards. For the time being, these layout options are not yet responsive.」と書いてあるので、まだレスポンシブ対応はされていないみたいです。

試しにこのCard decksというのをパソコン上のChromeブラウザから表示させてウインドウの幅を伸び縮みさせてみたんですけど、画像の縦横比が変化するんですね。

例1: 幅の広いウインドウの場合。画像が300x200で表示される。

f:id:ken_tokyo:20170811232914j:plain

例2: 幅のせまいウインドウの場合。画像が138x200で表示される。

f:id:ken_tokyo:20170811232928j:plain

現在使用しているBootstrap 3.3.7のThumbnailsコンポーネントはウインドウの幅を変えても画像の縦横比は変化しないんです。

この先これをBootstrap 4のCardsコンポーネントに置き換えた場合、画像の縦横比が変わるようになるので見た目が結構変わりそうです。

いますぐにBootstrap 4を適用する訳ではないのですが、いろいろ確認しながら検討したいと思います。