Bootstrap.jpg



Bootstrap v4.3から、デバイスやビューポートのサイズに合わせてフォントサイズを変更することが出来る「レスポンシブ・フォントサイズ」に対応しています。ドキュメントを読むと、

RFSは、 $enable-respond-font-sizes Sass変数を true に変更してBootstrapを再コンパイルすることで有効になる

と書いてあります。


Laravelの場合、Bootstrapのソースコードはnode_modulesディレクトリ以下にあり、そこに設定ファイルもあるのですが、このディレクトリはレポジトリに登録されていないために環境によってかわることがあるし、Nodeのトラブルを解決する為に削除→再インストールをされることもあるディレクトリです。なので、ここの設定を変更してもあんまり意味がありません。


ていうかそもそも「laravel/node_modules/bootstrap/scss/vendor/_rfs.scss」では、

// Disable RFS by setting $enable-responsive-font-sizes to false
$enable-responsive-font-sizes: true !default;

となっていて最初から有効になってます。そうなのねー
スクリーンショット 2019-05-18 10.03.24.png



ある朝、このブログを見ていた同居人から質問が。


「これはずっと続いてたから「つづきもキッチン」てなってんの?」


ss_20190518_01.png


ん?俺そんなこと書いたっけかな……もしそうなっていたとしたら寝ぼけて書き間違えたとか、慌てて誤変換したとかだなあと思って彼女のPCを確認すると確かにそうなってました。つづきもキッチン。ごめんごめん、そんなつもりはなくて書き間違えたんだよきっと。すぐ修正するよ……


「こっちのほうは「つきものキッチン」ってなってるよ」


ss_20190518_02.png


ファッ!?なにその良くないこと起こりそうな名前は!そんな間違えもしてたのか俺どうかしてるな……と思ってよく見たらブログ内に貼られたInstagramのリンクで、そのサイト名は編集せずに元のまま表示されているはずだから僕の誤入力ではない。何それ怖い。
npmのサムネイル画像



以下の構成をコンパイルしようとしたときに

├ resouces
│    ├ _variables.scss
│    └ app.scss
└ public
        └ app.css 


次の様なエラーが出ました。


$nav-link-height:                   $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
                                   ^
      Incompatible units rem and px.


最初何のことだかさっぱりわからなかったのですが、これ要するに、


数式に含まれている要素の単位は同じじゃないとダメだよ


ということなんですね。


ソースを見返してみると「_variables.scss」の中で「$font-size-base 」が「px」で指定されていましたが、ここはBootstrap4が使っている部分なので「rem」で指定しないといけません。

というわけで「14px」を「0.9rem」に変換して再度コンパイルしたら無事成功。なるほど。
国会議事堂


内閣支持率のグラフを更新しました。


使用データ

政治意識月例調査 | NHK放送文化研究所
LaravelLogo.pngのサムネイル画像



先日用意したAmazon API(Amazon Product Advertising API)を利用したAPIを、リクエスト数節約のためにCloudFrontでキャッシュさせようとしたんだけど、どう設定してもキャッシュしてくれなくてハマってました。見直す中でCloudFrontの設定に間違いもあってそれで混乱してしまったのですが、どうやら設定のせいじゃない。APIの取得結果をJSONで返すだけだからCookieも使っていないし、なぜキャッシュされないのか……

と思いながら冷静になってChromeのデベロッパーツールでリクエスト見てたらこんなんなってました。


ss_2019-05-17_101127.png


あ、これあかんやつやん。
鈴木一平 様

~Amazonあんしんメール~
Amazon.co.jpをご利用いただき、ありがとうございます。
本メールは9年以上前に扇風機商品をお買い上げいただいたお客様へお送りしています。
扇風機およびその関連商品につきましてはNITE(製品評価技術基盤機構)より以下のとおり注意喚起がされております。使用方法に起因した事故も発生しており、お客様には適切かつ安全にご使用いただくため、ぜひ以下の内容をご参照いただきますようお願いいたします。

注意喚起の詳細はこちら>

: https://www.amazon.co.jp/b?node=5816601051


というメールが来てました。

へーそんな取り組みやってんだ、Amazonすげーなと思う一方で「扇風機買ったのってそんなに前だったっけ……」と思って見返してみたらば、多分その「9年以上前に」買った扇風機ってのは確かノーブランド的な安い商品で、とっくに壊れて捨てちゃってた。今使ってるのはこれ。





購入したのは「2013/6/13」。もちろんもう製造されてません。買ってすぐに首振り部分に不具合が出たけど(角度が3段階選べるんだけど一番大きい角度しか選べなくなった)、扇風機の基本的な部分には全く何も問題がなくて5年間安定して使えてます。うちはエアコンがないから夏場はほぼ起きてる間ずっと動いてるんですけど、全然大丈夫。今年も使います。日立だからってことはないだろうし今は台湾製でも中国製でも良いものは良いと思うんだけど、でも安定して使い続けられるって素敵。



11時半オープンで15時ぐらいまでやってます。

スパイシーキーマカレーも美味しいですが、個人的にベンガルカレーの独特な味わいおススメです!


お待ちしてまーす。



かぜのね




Instagramやってます

つきももキッチンさん(@tsukimomo_kitchen) • Instagram写真と動画
  • About

    I'm a web designer/programmer in Kyoto, Japan. Also work as a blogger, DJ.

    NOBODY:PLACE is my personal blog since 1998. Everything I'm interested in is here.

    See Also
    Other Works
    Feed
  • Recent Hatena Bookmark
  • Monthly Archives
    Categories