月: 2019年8月

[CSS] Flexible Box Layout Module 解説レポート

by

使い始めたら手放せないフレキシブルボックスレイアウトモジュールについて熱く語ります。

注）
これは6年前に社内向けレポートか何かで書いたやつだと思います…（うろ覚え）
今でも通用する内容だったのでドライブにあった原稿を転載しました。
内容が古いところは加筆修正してます。

続きを読む

Nuxt.jsでStorybookを使用してみたメモ

by

React・Vue・Angularなど使うとコンポーネント単位でUIプレビューしたくなるんですよねえ。
Storybookはそれを叶えてくれるツールで、規模や人員が大きくなればなるほど必要性が増してくると思いました。
StyleDoccoとか使ってた頃の手間や苦労を思い出すと、いやはや便利になったものです。

Nuxtで作ってるサイトにStorybook入れてみたら、ちょいちょいつまづくポイントがあったので、導入から問題解決についてStepByStepでメモりました。

続きを読む

[HTML] Aタグにおけるrel属性の意味と効果について

by

とあるASPからGooglePlayに関するこんな情報が届きまして：

Android において、
target=”_blank” のあり/なし ×ブラウザソフト（Chrome）のヴァージョンで
ストアへ遷移しない事象を確認しました。

結論rel属性でnoreferrerかnoopenerが指定してあればおkって話だったけど、知らないとハマりそうです。

続きを読む

レスポンシブWebデザインを実装するためのTips

by

「レスポンシブ」って単語を知らない人でも、ウィンドウをｳｨﾝｳｨﾝさせてコンテンツがついてくるのを見せながら「こういうのがやりたいんですよね～」とか言っちゃうアレです。
どんなデバイスで見てもいい感じになるようにしろって意味で使われますけど、iPhoneですら１サイズじゃなくなったこのご時世ですよ、面倒な割に気軽に頼まれがちじゃない？

スマホが出だした頃はPC/SPの2パターンあれば満たされたのが、今は…………🙄
何種類あるかわからない端末に毎年増える解像度、そんなカオスな表示環境にどうやって対応するのよ？？？？？？？？
とまぁ毎年苦しめられた結果、色々と知見が増えたのでこれまでに調べたり使ったりした「レスポンシブ」を実装するための方法をまとめました。

続きを読む