これはメモです

それ以上でもそれ以下でもないのです

2021-01-01から1年間の記事一覧

オリジンについて

<link rel="dns-prefetch">について調べる際、オリジンという言葉が出てきたためメモ。 概要 オリジンとは、URLのスキーム(プロトコル)・ホスト(ドメイン)・ポートをあわせたもの。 スキーム、ホスト、ポートが一致していれば同一オリジンと言える。 関連する仕組みとして、同一オ</link>…

UI/UXについて少し勉強した

UXエンジニアに興味を持ってUI/UXの本を読んだので、特に覚えておきたい部分を備忘としてメモ。 デザインについて デザインとは 「デザイン=設計」。デザインとは見た目だけではなく、機能を有するもの。 デザインの目的 そのデザインが持つ機能や働きにより…

try ... catch についての学習メモ

JavaScriptのtry ... catchについて今まで使う機会がなく、何も知らなかったので勉強してみたメモ。 結論から言うと、エラーが発生した場合でも処理を停止させないという特徴があるようです。 // 未定義の変数iによりエラーが発生する // 通常の処理 const a…

同一のカスタムフィールド値を持つ投稿の前後記事リンクを出力する

前に一度やったことがあるが忘れていたのでメモ。 ぜろみやさんのブログでやってるの見たな…と思いつつ、まず自力でやってみようと思い実装しました。 以下ソース。

Google FontsのNoto Sans JPにfont-feature-settingsが効くようになってる

css

タイトルの通りなのですが、いつからかはわかりませんがfont-feature-settings: 'palt' 1が有効となり文字詰めを行えるようになってるみたいです。 See the Pen Noto Sans JP font-feature-settings テスト by saiko (@saiko1988) on CodePen. また文字詰め…

非同期で取得したデータがIE11で文字化けする場合の対処法

axiosでデータを取得後にDOM操作を行おうとしたところ、IE11のみ文字化けする事例があったのでメモ。 発生状況 axios: v0.21.1 IE11 Chrome, Firefoxでは起きず 以下のようにresponseType: 'document'を指定して取得したところ、IE11のみ文字化けが発生。 ax…

dl要素内のdivの使い方についてメモ

HTML5.2よりdl要素内でdiv要素が使用できるようになったのですが、誤解していた部分があったのでメモ。 単純に「dl要素の子孫要素としてdivが使える」と覚えておりdiv要素をdd要素のラッパーとして使おうとしていたのですが、HTML Living Standardに反する使…

配列に変換し、かつmapで処理する

Array.from()とArray.prototype.map()の組み合わせでもできますが、実はArray.from()だけでできます。 Array.from( '12345', i => i * 2 ); // [ 2, 4, 6, 8, 10 ] Array.from()の第2引数にはmap関数を書くことができるため、わざわざ別に関数を書かなくても…