はじめに みなさんは、CSSで三角形をつくる時どのように作っていますか? borderを使って作っていませんか? この記事では、CSSで三角形をつくるベストプラクティスを紹介します。 今までの三角形の作り方 See the Pen CSS Masking - Fade out UI by でぐぅー | Qiita (@sp_degu) on CodePen. 今までは、三角形を↑このようにborderを駆使して作成していました。 どうしてこうなるかは、省略しますが、本来のプロパティとは違う使い方でうつくしくないですよね! この方法のいけてないポイントは以下の通りです。 1. 指定の大きさの三角形をつくるのに、border-widthを使うところ 本来、border-widthは、要素の境界の幅を指定するプロパティで、要素の大きさを指定するプロパティではありません。 理想は、widht と
Intro JS から Cookie を操作する document.cookie の改善を目的とした Cookie Store API についてまとめる。 document.cookie document.cookie は、ブラウザの API における代表的な技術的負債の一つと言える。 HTML Standard https://html.spec.whatwg.org/multipage/dom.html#dom-document-cookie 基本的な使い方は以下だ。 document.cookie = "a=b" console.log(document.cookie) // a=b まず、この API の問題を振り返る。 同期 API 最も深刻なのは、 I/O を伴いながら、同期 API として定義されているところだ。 この API は古くから実装されているため、I/O は非同期
はじめに 最近コードを書いていてふと、今の自分は以前とは全く違う思考でコードを書くようになってるな。。。と気づいたので、少しまとめたいと思います。 以前 「本でこういうコードの書き方が良いって書いてあったな〜」 「本でこういうコードの書き方だめって書いてあったな〜」 「凝集度あげるためにデータとメソッドは一箇所にまとめた方がいいな〜」 「単一責務の原則に反しているからなおさないとな〜」 ↓ 実際に改善 ↓ 「よし綺麗になった」 最近 「使いやすい形のインタフェースになっているかな?」 「メンテのためにも共通化しておいたほうが良いな。。。」 「どういうデータ構造で持っておくのが嬉しいだろうか?」 「直感的に理解できるようになっているだろうか?意図などは伝わるかな?」 ↓ 実際に改善 ↓ 結果的に綺麗になっている 以前と最近との違いは? 以前と最近の主な違いは、思考の過程で具体的に自分のコード
ジャニー喜多川(ジャニー きたがわ、日本名での本名:喜多川 擴 〔きたがわ ひろむ〕、米国名での本名:John Hiromu Kitagawa 〔ジョン・ヒロム・キタガワ〕、作詞時の別名義:JOHNNY.K、1931年〔昭和6年〕10月23日 - 2019年〔令和元年〕7月9日)は、日本の元・実業家、芸能プロモーター。 ジャニーズ事務所、および関連会社のジャニーズ出版、ヤングコミュニケーション、ユニゾン、つづきスタジオの旧代表取締役社長。 ジャニーズアイランド旧代表取締役会長。 ジェイ・ドリームの旧代表取締役社長 (名義だけの幽霊社長)。 元・CIA工作員、米国軍人、外交官。 同性愛者 (真性の小児性愛者、少年性愛者)、性嗜好異常者 (パラフィリア)、魂の殺人者。 ロサンゼルス生まれの日系二世 (両親共に日本人)。 身長:153cm。 血液型:AB型。 87歳没。 姉はメリー喜多川。 なお
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く