hitode909の日記

以前はプログラミング日記でしたが、今は子育て日記です

ゴジラキングオブモンスターズ

怪獣が出てくるシリーズは何作か見たけど、子供向けという印象が強かった。太った子供が自分勝手な行動をし、拉致され、ガメラ助けて〜って叫び続けるとガメラが助けてくれる、そういう印象。
本作も同じく稚拙な側面はあり、日本生まれのゴジラをハリウッドで頑張って作ることで無理が生じているような愉快な場面がたくさんあった。
その一方で、すごくお金がかかっている画面作りで、大小様々な爆発が発生して、非常に危険だった。
表層のゴージャスさと、内容のペラペラ感のギャップがいびつで、画面づくりや音作りのテクノロジーは線形に発展するけど、人間が考えて組み立てる脚本のようなものは同じスピードでは発展しにくいのだな、ということを感じた。
仮に絵作りと同じスピードで脚本作りが発展したら、いまごろすべての物語が死ぬほど面白くなっていると思う。

モンベルのペラペラのショルダーバッグが便利

ホテルにリュックを置いといて、モンベルのペラペラのショルダーバッグで活動するというスタイルで暮らしてみたところ日中の荷物が減って大変便利だった。ペラペラのショルダーバッグにパソコンを入れて満員電車に乗っていた。
デメリットとしては、クッション性が全く無いので、うっかり落とすといろんな物が壊れると思う。
webshop.montbell.jp

ブログ記事をPortal Elementでカードっぽく貼り付けられるようにする

最近Portal Elementの様子を見たりしていて、今日は#portals_studyに話しに行く。あと30人参加できるので来てください。
web-study.connpass.com

適当に触れる砂場としてこのブログを使っていて、ヘッダのインターン来てくれバナーも実はPortal対応している。対応ブラウザで見てください。
はてなブログの記事はカードとして貼れるようになっているけど、サービスとしての対応がなくても、JS/CSSを書ければカード的なものを作れるはずと思っていたのでやってみた。

この何の変哲もないブログ記事のカード部分がportalになっている。
頭痛(8) - hitode909の日記
f:id:hitode909:20190530095850p:plain:w400

貼られる側の対応

デザイン編集画面でJSやCSSを書いて用意しておく。

  • window.portalHostが真ならdocument.body.classListにportalクラスを足す
  • windowにportalactivateイベントが発火したらportalクラスを外す
  • bodyにportalクラスが付いてるかどうかを使ってカードっぽいスタイルを切り替える
    • ブログタイトルを消したり、フォントサイズを小さくしたり、pをinlineにしたり
    • 冒頭のimgだけを表示したかったけどできてない

貼るときの対応

portalの中にiframeを書いておくとフォーバックしてくれるので、内側に普通のブログカードを貼っておく。

<portal src="https://blog.sushi.money/entry/2019/05/11/210013" title="頭痛(7) - hitode909の日記" class="embed-card embed-blogcard" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;">
  <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.sushi.money%2Fentry%2F2019%2F05%2F11%2F210013" title="頭痛(7) - hitode909の日記" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe>
</portal>

論点

  • カードとして貼り付けられた場合のエンドポイントを別に用意しなくて済み、その後のページ遷移も高速化できるのは嬉しい
  • portal内でもトラッキングや広告のタグが二重に動いてしまう
    • そのうち、トラッキングタグ側で対応してもらえて、portalとして貼られた数を計測できるようになるのではないか
    • 広告のヒットは倍になるとまずそう、このブログでは広告を外している
  • portal内に貼られたときにはサイドバーとか表示してないのでページロード時にいろんな通信をしなくて良いはず
    • 非表示になっている場合は通信しないことにして、表示されたタイミングでIntersectionObserverとかを使って遅延ロードするようになるとよりよさそう
  • X-Frame-Optionsを無視してなんでも貼れるのでクリックジャッキングなどに使われる恐れがある
    • いずれportalの仕様としてoriginを制限するようなものは必要ですねという話になっているので、そのうち動かなくなるはず
  • 本来のportalは複数のブラウザのコンテキストを切り替えできる、ブラウジング体験を根本から変え得るものであるので、このような使い方はportalは便利なiframeであるという認識を助長させるのでよくないのではないか
    • という話をパスタ君とよくしている。ブラウザをつくってる人のムーブメントを応援するべきという考えは賛成だけど、僕は道具は動くなら動くように好きに使ったら良いじゃんと思っているのでちょっと考えが違うと思う。食洗機でりんごを茹でたりする。

頭痛(8)

週末はバーベキューに行ってその後餃子を食べて飲酒していたら頭痛がしてすぐにタクシーで帰った。
その後は大丈夫で、無謀な飲酒をしなければ頭痛発生しない、というくらいの暮らしになってきた。
嫌な予感がすることがあって、突然、涙が出て鼻水が出たりする。それが頭痛の兆候だったのだけど、そうなったら動かずじっとしていると治まる。
といった形で落ち着いてきている。このまま落ち着いてほしい。今日から出張だけどカバンを変えたときに家に薬忘れてきた。

前回までのあらすじ



睡眠失敗

あまり快適に睡眠できてない。ダブルベッドで二人寝ると、寝返りするとパンチされたりパンチしたり、壁にベッドを寄せて置いてるので、寝返りをうつと壁に衝突したりしている。
ダブルベッドは幅140cmなので、一人あたり70cmしかない。日本の布団は幅100cmあるので、一人暮らししていたときに比べると30%体験が悪化している。一生のうち1/3を幅70cmで過ごし、自由な体勢を取ることができないというのは絶対におかしい。
このままベッドがでかくなると引き出しが開かなくなるので、レイアウトを変更して、ベッドを大きいものに買い替えて、幅200cmにすべきだと考えている。