Instagramの投稿がいつの間にか10K超えてた

instagram_over_10k.png 最近は特別熱心に投稿するということもないんですが、なんだかんだ投稿を続けている内に投稿が10,000件を超えてました。Instagramが人気になってから利用し始めた若者は、ストーリーの利用が基本であんまり投稿せず投稿数も少ないんですが(何年もやってて投稿数2桁とか)、割と最初期から触ってる人間にとっては基本は投稿なのでそういうことになるんでしょうね。別にストーリー使っても良いんですけど、個人的に普段使ってないのにわざわざ使ってる=狙ってる感がしちゃってちょっと気恥ずかしい。自分だけじゃなく周りの友達を含めたコミュニケーションの方法が違うんだろうなーと思います。おっさんおばさんはストーリーあんまり上手く使えないのよ。

続きを読む

【つきももキッチン】つきももキッチン今月もご来店ありがとうございました!【御礼】

というわけで、今月のつきももキッチンが、そして怒濤の5週連続出店(通称・つきもも合宿)がようやく終わりました。いやあ長かった。この合宿が始まったときはまだ4月下旬に入ったばかりで僕は花粉症が酷かったんですが、合宿が終わった今はなかば初夏を感じさせるような気候になってだいぶ過ごしやすくなりました。今日なんてもう暑いくらいですね。 先週末のつきももキッチンも開店から多くのお客様にお越しいただき、オープン1時間でデザートが全てなくなり、その後コーヒー豆まで全て無くなり僕らとしては嬉しい反面、ご用意出来なかったお客様には申し訳ない気持ちで一杯です。いや、十分大丈夫な量をご用意したはずだったんですが……最終的には惣菜もほぼ売り切れまして、今月も感謝です。僕らの作る、ある意味マニアックなカレープレートが月1にもかかわらず多くのお客様に受け入れていただけているというだけで、嬉しいです。次回も趣向を凝らしたスパイスカレーと、和洋印中韓どれにも寄りすぎない僕たちの惣菜をご用意したいと考えています。 ……メニュー担当の「店長」は結構毎回悩んでるんですけどね笑 多分次も面白いメニューを作ってくれると思います。

続きを読む

Laravel + Bootstrap4でレスポンシブ・フォントサイズ(Responsive font sizes/rfs)を有効にする【#np2020】

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のリンクで、そのサイト名は編集せずに元のまま表示されているはずだから僕の誤入力ではない。何それ怖い。

続きを読む

SCSSコンパイル時に「Incompatible units rem and px」エラー【#np2020】

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」に変換して再度コンパイルしたら無事成功。なるほど。

続きを読む

LaravelでAPIの結果をCloudFrontでキャッシュさせようとしてハマった話【#np2020】

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

続きを読む