コード日進月歩

しんくうの技術的な小話、メモ、つれづれ、など

改行タグを単体で使う場合あは閉じタグは意識しなくてもいい

そういやいまいまだとどれがスタンダードなんだっけという、昨日の続き的な記事

出典

TL;DR

  • 閉じタグは用意しなくていい
  • <br> でも <br/> かはどちらでも問題ない。

解説

モダンなHTML仕様である HTML Living Standard の日本語訳曰く

タグは、マークアップで要素の開始と終了を区切るために使用される。生テキスト、エスケープ可能な生テキスト、および通常要素は、開始する場所を示すための開始タグを持ち、終了する場所を示すための終了タグを持つ。任意タグのセクションで後述するように、特定の通常要素の開始タグおよび終了タグは省略できる。省略できないものは省略してはならない。空要素は開始タグのみを持つ。 - HTML Standard 日本語訳 - 12.1.2 要素

br は空要素に相当するので、開始タグのみ持つ。そのため </br> のようなタグで終わる必要はない。

なお空要素は / はつけてもつけなくてもよいので <br> でも <br/> かはどちらでも問題ない。

参考リンク

「HTML Living Standard」というものがある

W3Cの厳格な仕様よりも今。

サイト

HTML Standard

どういうものか

HTMLといえばW3Cが昔から仕様策定をしていたが、その方針と対抗する組織として WHATWG (Web Hypertext Application Technology Working Group) というコミュニティが存在し、WAHTWG自体もHTMLの仕様を整理してきた、その仕様が HTML Living Standard である。

2019年10月時点の立ち位置

厳格な仕様策定をしてきたW3Cと、より実態に沿ってやってきたWHATWGだったが、W3C側がWHATWG側に一本化する流れがでてきているため、今後はWHATWG側の仕様がデファクトスタンダードになりそうな潮流。

参考リンク

Excel/スプレッドシートでセルを結合せずに結合した表現をする

資料作りテクニック的なやつ。

白塗り / グリッド線の削除とは

Excelの場合は背景色を白く塗りつぶす、スプレッドシートの場合はグリッド線を消す。

やることによるメリット

これを行うと何が嬉しいかというと「セルを結合していなくても結合しているように見せることができる」

  • 罫線で結合したセルっぽいみためになるので、項目などのコピペ、調整が楽
  • 結合しているセルにありがちなコピペができませんエラーが回避できる
  • 結合してないのでセルが横一線、縦一線でも一色に染まることがないので融通の効くキレイな表現ができる。

やることによるデメリット

範囲が任意で決められるが、罫線に関しては気を使いながら引く必要があるのである程度使い分けながらやらないといけない。

参考リンク

httpbinというモックライブラリがあり、それのデモページを使うと自分がアクセスしている内容がわかる

自分自身が外からどういうIPで見えているか?というのをサクッと検証するために便利なサイト。

実際のライブラリについて

検証用途のモックとかに使うことができ、自分のリクエストがどうであったかをレスポンスで返してくれる。ソースはGitHubで公開されている。

postmanlabs/httpbin: HTTP Request & Response Service, written in Python + Flask.

デモサイト

httpbin.org

デモサイトの活用方法

アクセス情報確認として使う

ユースケースとしては「あれ、自分ってどういうIPでアクセスしてるんだろ…」など確かめるときに使える。

以下のようにcurlすればいい

$ curl -v https://httpbin.org/ip

とすると以下のように返事が返ってくる(下記は999.99.999.99というありえないアドレスを入れているが、その部分に自分自身のIPが返ってくる)

$ curl -v http://httpbin.org/ip
*   Trying 3.225.168.125...
* TCP_NODELAY set
* Connected to httpbin.org (3.225.168.125) port 80 (#0)
> GET /ip HTTP/1.1
> Host: httpbin.org
> User-Agent: curl/7.54.0
> Accept: */*
>
< HTTP/1.1 200 OK
< Access-Control-Allow-Credentials: true
< Access-Control-Allow-Origin: *
< Content-Type: application/json
< Date: Sun, 6 Oct 2019 09:59:09 GMT
< Referrer-Policy: no-referrer-when-downgrade
< Server: nginx
< X-Content-Type-Options: nosniff
< X-Frame-Options: DENY
< X-XSS-Protection: 1; mode=block
< Content-Length: 47
< Connection: keep-alive
<
{
  "origin": "999.99.999.99, 999.99.999.99"
}
* Connection #0 to host httpbin.org left intact

外から見える自分のIPを調べるのに便利

参考リンク

Fluentdは何故しばしばtd-agentと言われるのかざっくり調べてみた

トリビア的な内容。

Fluentdの歴史

Fluentdとは何ですか? | Fluentd

元々FluentdはTreasure Dataに所属している古橋貞之さんが作られたソフトウェアであり、それがOpen Source化されたものである。

td-agentの名前の由来

td-agentはそのデータ送信のプロセスを担うエージェントソフトで、そこの技術としてfluentdが使われており、td-agentとして単体で利用できるのでしばしばFluentdの話としては登場する。

参考:Overview of Server-Side Agent (td-agent). – Arm Treasure Data

参考リンク

WebDAVとは何なのかざっくりまとめる

422はWebDAVの拡張レスポンスコード…だがWebDAVとは何のか

出典

RFCに仕様がある

WebDAVとは

正式名称と意味

正式名称の「Web-based Distributed Authoring and Versioning」とあるとおり「Webを基本とした分散オーサリングとバージョニング(バージョン管理)」のための仕様となる。

作られた経緯

従来Webの単体の機能は読み込みだけであり、実態のファイル配置や更新はFTPなどの別のプロトコルを使うことで実現できていたので、Webの従来の仕組みだけで実現させよう、というのがこの仕様が作られた経緯となる

WebDAVとその後の仕様

このWebDAVで拡張された仕様では色々あるが、「PUT」と「DELETE」のメソッドはこの仕様策定の時期にできたもので、いまのRESTでの利用の下地になっている…ように見えるが同時期に色々な仕様の提案がされているのでWebDAVが始祖かというと難しい(その点の歴史は参考リンク参照のこと)

参考リンク

ビデオチャットの音声遅延による一体感の喪失とその対策

Zoomとかで起きる現象を文字に起こしてみたら、コラム的な感じになったが出してみる。

現場中継の違和感

よくニュース番組などでスタジオから現場への中継をすることがある。その際にスタジオのレポーターが「そちらの様子はどうですか?」と話かけると、一呼吸ならぬ二呼吸ぐらいおいたあとに現場のアナウンサーが「こちらは最高のお天気です」のように返事をする。また、現場が和気あいあいとインタビューなどしているときに合いの手としてスタジオのリポーターが返事をすると数秒たったあとにピタリと会話が止まってその合いの手に反応する。

そんな場面をよく見かけるのではないのだろうか。事象としては距離と伝送速度の兼ね合いによる遅延ということはわかる。こういう話はテレビだけの話だけではなくビデオチャットでも起きる。

ビデオチャットで起こること

会議室などに集音マイクを置いて、複数の個人とビデオチャットで会話する。テレワークなどを導入している企業などだとあり得る光景だと思う。そこでも先程のような「現場中継の違和感」は起きる。

会議室のメンバーが一人面白いことを言ってドッと笑うと、ちょっと遅れて画面の先の遠隔地の人たちが笑う、そうすると会議室メンバーは笑い終わっているのに笑い声だけが遅延するという事が起きる。

議論に置いてもリアルで話していることに対して、何か一言物申そうとしてもワンテンポ遅れてしまうので、議論がちょっとぎこちない感じになってしまうことがある

うまくやるためには

方法論としてはいろいろある

  • 現場(人がたくさんいて、集音マイクがある側)がリモート側とずれないように同期をとってしゃべる
  • 全員イヤホンマイクでビデオチャットに参加する

後者の全員ビデオチャットでやるのは一番楽なソリューションで、なにか面白いことをいってもその発話が届くのは全員均等なので笑い声を出してもタイムラグが等しくなるので全員現場にいることと変わらなくなる。これで話のぎこちなさはかなり減る。

関連リンク