Note– category –

iPhone X を発売日にゲットしました。 Apple によれば iPhone X は2年先の技術を先取りしているらしいですが、言いかえれば、iPhone 開発という時計の針を2年進めたともいえます。 発売日前には価格が 140,000円強（256GBモデル・税込）のデバイスというこ...

Web サイトをプリンタや PDF 出力する際、ページ番号を出力する CSS をメモしておきます。 目次 印刷時にページ番号を出力する まとめ 印刷時にページ番号を出力する 以下は page クラスの要素に対し、右下に「1 ページ」、「2 ページ」... と出力するサン...

Web をプリンタで出力する際、用紙は A4,B5 等の用紙を利用するかと思います。 今回は 各種 A,B（ISO 216規格）を dpi（ピクセル）に換算した一覧をメモしておきます。 目次 A列(ISO 216) B列(ISO 216) まとめ A列(ISO 216) 72dpi 144dpi 200dpi 300dpi 36...

Windows で Bash (Bash on Ubuntu on WIndows) が使えるようになりました。 今回は Windows 10 で Bash を使えるようにするための、WSL (Windows Subsystem for Linux) を準備するメモしておきます。 目次 WSL (Windows Subsystem for Linux) を準備する ...

iOS アップデートごとに強化されていくメモ帳ですが、iOS 11 から更に便利な機能が強化されました。 今回は、iOS 11 で追加されたメモ帳の新機能についての説明をしたいと思います。 目次 表を作成する メモ帳から直接画像をスキャンし添付する まとめ 表...

Bootstrap 4 Alpha から Beta の仕様変更で、グリッドレイアウトの offset クラスがなくなりました。 今回は、Bootstrap 4 Beta での offset の代わりとなる、auto の使い方をメモしておきます。 目次 Bootstrap 4 Beta グリッドレイアウト auto の使い方 ...

Web サイトやアプリ開発において、プリンタ出力時のスタイルを定義する必要がある要件もあるかと思います。 Mac の場合、デフォルトブラウザが Safari ですが、残念ながら Safari の Web インスペクタにプリントデバッグの機能はありません。 したがって、...

img タグは width、height を % 指定することで、アスペクト比によるサイズ指定が簡単に行えます。 一方 div 要素に対し、width 100% のアスペクト比による height を記述しようとすると、なかなか意図した結果にならないと思います。 今回は可変する widt...

iTunes で大量の音楽データを管理している場合、iTunes Match を利用している方も多いかと思います。 そんな iTunes Match ですが、Mac で取り込んだアルバムのアートワークが iOS デバイスに反映されないときがあります。 本日は、iTunes Match のアルバ...

親要素に設定されているクリックイベントにより、リンクやボタン等のクリックイベントが実行されない、先に親要素のイベントが発火してしまう、という問題があります。 今回は、イベントが設定されているネストされた要素の、親要素に設定されているイベン...