ぱすたけ日記

日記っぽいのを書きます。

2020年の良かったマンガを紹介します

はじめに

年間マンガまとめ記事も5年目に突入しました。2020年に読んだマンガ単行本は約650冊でした。その中から選ぶ良かった作品を今年も紹介します。例年通り、1巻成分が多めで続きものは過去に紹介しているのもあるので省いたりしています。あと、先に断っておくと『チェンソーマン』と『葬送のフリーレン』、『九龍ジェネリックロマンス』、『僕の心のヤバイやつ』はもう多分全員読んでいると思うので、これらも省きました。

去年2019年のまとめはこちら。SPY×FAMILYは今年も絶好調で大人気でしたね。良かったです。

2018年のまとめはこちら。

2017年のまとめはこちら。

2016年のまとめはこちら。

また、2020年末に良かった1巻を紹介する1人アドベントカレンダーを書きました。一部この記事との重複作品もありますが、アドベントカレンダーはそれぞれの作品に対して少し長めの文章を書いているので、こちらも是非読んでください。

目次

とにかくこれを読んでくれ2020

今年とにかくオススメしたい作品たちを7作紹介します。忙しい人もこの7作は読んでください!

2.5次元の誘惑

2.5次元の誘惑

2.5次元の誘惑

今年のベストも『アクタージュ』のつもりだったんですが、2020年は悲しい出来事があったので、それ以外に2020年で自分の中で跳ねた作品あったかな〜と思い浮かべたところ真っ先に思い浮かんだのが『2.5次元の誘惑』でした。

初期の頃はコスプレを題材にしたお色気感のある作品だなと思って読んでいたのですが、今となっては、コスプレや交流を通じて「愛とは何か」「これが私の好き」をそれぞれが表現する方法を模索しながら、『今、最も「ジャンプ」なコスプレ漫画!!』のキャッチコピーに偽りない王道少年漫画をやっています。コスプレを通じた人々の交流、友情の誕生、目標に向かう姿、諦めない気持ち、そんなのがドンドン出てきて毎週の更新がめっちゃ楽しみになっています。

最新7巻に掲載されている夏コミ編がとにかく最高に友情で努力で勝利なのでそこまで皆さん駆け上がってください。

年始に公開された69話は王道ラブコメでありながらもラブコメの王道パターンを否定して「0から育てる恋もある」と言い放つところも含めて本当に直球勝負でラブコメに向き合っているそう信じられる作品です。

夕凪に舞え、僕のリボン

男子新体操がない時代、女子新体操の大会に出ることが出来ない凛太郎と仲間の選択には少し感動させられました。家族との物語も主人公の成長物語も最高でそして画面もしっかり読み応えがあって非の打ち所がないと思った。これでデビュー作なので凄すぎる。

うちの師匠はしっぽがない

去年も紹介したのですが、とにかくまずはキャラ設定が可愛いのに上方落語の描写もしっかりしている。まめだの成長譚としてももちろん、個々の細やかなエピソードもしっかり練られていて、落語的な流れの巧さでドンドン読み進められる。最新巻では文狐師匠とまめだの師弟愛が大爆発してて尊さがキャパオーバーしました……

紛争でしたら八田まで

地政学リスクコンサルタントとして勤める八田百合を主人公にした作品。その八田が"チセイ"(知性・地政)を駆使しつつ、ほんの少し体術も駆使してあらゆる問題を解決する進行で、テーマの割にはエンタメ要素の強めになっていて面白かった。コンテキストの説明もそれなりに丁寧でなるほど感があって勉強になる感じで良かったです。オススメは3巻に入っている日本に帰ってきた八田が妹の友人から持ち込まれたレディースの縄張り争いを解決する話で、この作品の根底にある地政学を用いた勢力均衡に関する考え方がシンプルにまとまっていて、まずはこれから読むのもありかも?

魔法少女にあこがれて

魔法少女に憧れる主人公が悪の組織側の幹部になって魔法少女を痛めつける快感に目覚める漫画。主人公がSMという概念に遭遇して自分の気持ちを理解する件とか仲間や魔法少女たちもちょっとずつみんな癖が歪んでいる様子が良い。テンポも良くて読みやすいのでおすすめです。

メダリスト

『メダリスト』はフィギュアスケートに情熱と執念を燃やす2人の物語です。とにかく熱量が半端ない。小学生から始まるという点では『絢爛たるグランドセーヌ』のようにどんどん成長が見れると面白そうだなぁと期待しています。皆さんとにかく読んでください。

友達として大好き

ブコメって稀によく「なんでこのヒロインこんなに盲目なんだろ」「こんな行動実際にするやつ居たらヤバいよな」と思うことがちょくちょくあるんですが、サナコはそう思うような要素もここまでずば抜けているとキャラクターの魅力として昇華されるんだなと思わせてくれる素晴らしいヒロインキャラだなと思った。

その他のオススメ作品

水野と茶山

アフターアワーズ西尾雄太先生の新作。ストーリーも画面もやっぱり上手いし、最後の余韻も良い。『アフターアワーズ』と違って若干荒々しさもある設定だったけど、その荒々しさが生み出す勢いに引き込まれて一気に読んだ。

ケムリが目にしみる

飯田ヨネ先生の作品は↓と合わせて2作とも良作だったので読んでない人には是非触れてみて欲しいです。"女がタバコを吸うこと"を中心に、"女らしさ"、"社会人らしさ"、"姉らしさ"、あらゆる"〜らしさ"と自分で選択することの狭間で悩みながら紫煙をくぐるそんな等身大ストーリーです。最近なんか妙にこういうのが沁みるようになってきました…

今度会ったら××しようか

↑と同じく飯田ヨネ先生の作品です。こちらは『ケムリ〜』とは打って変わってなかなかに拗れた恋愛物語です。余り書くとネタバレになるので、あらすじ読んで気になった人は是非読んでください。

五等分の花嫁(14)特装版

推しの四葉が幸せそうに笑っていたので良かったです。

そのへんのアクタ

作者は『うたかたダイアログ』の稲井カオル先生です。今回も稲井カオル先生の魅力であるキャラクターが生み出す独特な言葉のチョイス空気感とそこからじわじわくる笑いが満載で最高でした。SFチックな世界観がその日常っぽい笑いをさらにシュールにさせています。

純情戦隊ヴァージニアス

これ、もっともっともっともっともっともっと読まれて良いと思っているのは僕だけですか?登場人物が全員最高で、特にイエローのお節介ぶりが最近では大爆発していて、イエローが絡むとなんでもラブコメになってしまうと作中で言われていました。

みかづきマーチ

熱量のある音楽部活マンガです。1巻は大会で演技が始まるところまでなので、是非2巻まで読んでください。初大会の様子や、父や家族との関係性の変化がしっかり描かれていてよかったので。山田先生の初連載作ということで、少し絵が荒削りに感じるところもありますが、そういう部分も含めて、良い初期衝動的な演出として、作品が表現しようとしている世界とマッチしていると思います。

カラオケ行こ!

カラオケ行こ! (ビームコミックス)

カラオケ行こ! (ビームコミックス)

和山わや先生のマンガはとにかく登場人物たちがチャーミングですよね。この作品も設定はヤクザたちがとにかく下手な入れ墨を回避するために必死にカラオケをしているだけなんですが、台詞回しや伏線の貼り方がめっちゃ上手い。もう笑って読んでいたらすぐ終わってしまいました。

この世界は不完全すぎる

ゲームファンタジー設定を使ったメタものとして面白かった!って言ってしまうとネタバレになるけどまぁいいか。

さよなら私のクラマー(13)

連載は完結したこの作品。とにかく新川直司先生のまっすぐで熱い女子サッカーに向き合う気持ちにあふれていて最高。『さよならフットボール』から『四月は君の嘘』を経て上がった表現力がこれでもかと注ぎ込まれている。ここ最近は日本女子サッカー界への熱がどんどん増していて、色んな登場人物がこの日本の女子サッカーへの愛を熱く語るセリフやそのバトンを繋いでいかないとという意識がドンドン出てくる。憧れや必死さのようなものの表現も多くひしひしと伝わってくる。そんなセリフたちの中でも12巻なんですが、「日本にもまだ知られてないすごいフットボーラーがたくさんいるんだね。あ、でも当然よね、だってこの国はワールドカップを獲った国なんだもの」ってシーンめっちゃ良かった・・・・・・

さよなら私のクラマー - 新川直司 / 47.エモーショナル より

13巻は遂に監督がその熱に絆されて積極的に戦略などを教えてくれる合宿回です。完結14巻も楽しみ〜。

僕の妻は感情がない

絶対に周りが関係性を否定しない優しい世界だとこういう感じになるんだなと思った。

恋は世界征服のあとで

戦隊ヒーローのリーダーと敵の戦闘員リーダーがこそこそ恋愛するマンガです。悪の組織やヒーローも少しずつ深堀りされていて面白い。

刷ったもんだ!

印刷業界を舞台にしたお仕事マンガです。同人イベントあるあるや印刷小ネタも多くて面白くてためになる感じ。キャラも良い。

コーヒームーン

タイムリープものなのであまり書くとネタバレになってしまうんですが、なんでもない日常、いつもどおりの雨、いつもどおりの道がタイムリープと相まってそのいつもどおりの幸せが果たして幸せなのかを主人公に問う。主人公の必死さというかちょっとした狂気っぽさがたまに怖くなる。設定自体はよくあるけど、主人公のキャラクターや世界観とタイムリープの謎とで引き込まれて読める。

パッカ

パッカ(1) (ビッグコミックス)

パッカ(1) (ビッグコミックス)

ヒロインがカッパで、ある事件をキッカケに主人公もカッパになってしまうSF恋愛譚。なんとも言えない距離感と秘密を共有する2人の甘酸っぱいような淡さがめっちゃ良い一方でカッパの設定も面白い。

チ。―地球の運動について―

15世紀のヨーロッパを舞台に『地動説』に出会った少年とその説を秘密裏に紡いできた人々の執念と熱狂がみっちり描かれている。さっき『ひゃくえむ。』の魚豊先生だと気付いて、なるほどと納得しました。

ブクロキックス

ブラインドサッカーを題材にした作品。登場人物も1人1人特徴があるし、それぞれのチームも特徴やストーリーがあって面白い。試合シーンの描き方も上手。

少年のアビス

登場人物たちは皆何かしらに縛られ、それがあるタイミングでその抑圧が決壊して、思いの丈を吹き出す。その姿は美しい発露でもあれば、禍々しい欲望のようなもののダダ漏れで狂っていくようにも見える。良い意味でセカイ系の2020年版のようなストーリーだなぁとも思った。

瞬きより迅く!!

ドジで気の弱い女子高生がひょんなことから伝統空手道と出会うマンガ。キャラも可愛いし、テンポもよくてアクションシーンも見応えがある。ちょっと登場人物が多いというか学校名とか人物が若干覚えきれなくて困っている…

踊るリスポーン

いや〜〜もう狂っているし、ギャグとして面白いし、ちゃんと異常だけどラブコメだし、メタネタも容赦なくぶっ込むしで留まるところを知らないな〜。このまま突っ走り続けてくれ〜〜

キミオアライブ

もっともっと続きを読みたかった!!!!!!!

往生際の意味を知れ!

1巻ではただの異常者に見えた日和も徐々に人間みが見えてきたなと思ったところで、そして3巻ラストの展開よ……

セメルパルス semelparous

要素としての百合が在ることは担保され続けながらもかなりしっかりしたSFアクション漫画に仕上がっています。特に2巻では、主人公の命乃やプロになりタッグを組む様子もお互いに依存を深めていきますし、命乃に対して恋愛意識を持っている同期生なども描かれるのは流石百合姫作品。

まとめ

2020年は少女マンガをあまり読まなかったなという感想があります。読んだのは多分『初×婚』くらいじゃないかなあ。もう少しなんか読みたい気もしてます。冊数としてはコロナの影響もあり結構読めたなという感じで、アドベントカレンダーも書けたし全体的には良かったけど、子のブログで良かったマンガ書くのは積みまくったのでそっちは改善したい。

2021年もいっぱいマンガを読むぞ〜〜!

2020年に買って良かったもの

お題「#買って良かった2020

iPad Pro + Magic Keyboard

これのおかげで文字とか書くためにMBP開けなくて良くなったのは快適。MagicKeyboardが完全に最高です。この記事ももちろんこれで書いてます。

骨伝導イヤホン

まずはAfterShokz Aeropexを買って使っていた。リモートMTGなどが増えて、ヘッドフォンとかをつけて話すと自分の声が聞こえない結果、声量とかが大きくなってしまうのを避けたいというのが第一。あとはヘッドフォンとかよりも楽で便利と聞いたのが後押しになった。

Aeropexを使っていたところ結構良かったので、マイクが生えていてバッテリーの持ちが2倍になったりしたOpenCommをastさんがクラファンで買うと言ってたので、相乗りさせてもらってゲットした。マイクが良くなって完全に最高。買う前に気になってたマイクが耳に当たらないか問題だけど、それは気にならない。マイクが生えている分マスクとかとは絡まりやすくなった。

今年はあとはリングフィットアドベンチャーとかを買ったくらいであんまり大きい買い物はなかった。

リングフィット アドベンチャー -Switch

リングフィット アドベンチャー -Switch

  • 発売日: 2019/10/18
  • メディア: Video Game

家の自分のスペースがもので埋め尽くされてきたのでもう買える余裕がないというのもある。来年はMacbook Proを買い替えたいという気持ちがある。買ったらお知らせします。

良かった1巻アドベントカレンダー2020完走していました

良かった1巻アドベントカレンダー、少しだけ遅刻もしましたが、完走したのでこっちにも貼っておきます。

1週目の様子はこちら

2週目の様子はこちら

15日目

『SA07』はきらら作品のラブコメで良いやつがあると聞いて教えてもらったんですが、ラブコメというよりは日常系って感じではあったもののキャラも立ってて面白かったです。

16日目

『あなたと私の周波数』は感情をしっかり描いた良作揃いの百合短編集でした。

17日目

プールサイドの香りを感じるような画面と甘酸っぱく淡い恋愛の話とSFです。

パッカ(1) (ビッグコミックス)

パッカ(1) (ビッグコミックス)

18日目

しっかりアクション、しっかり百合。百合姫じゃないと描けないSFアクション絶対読んでください。

19日目

知っているおとぎ話をベースにすることで、こういう風に読者に予想させながら読ませる手法は面白いなと思った。

20日

[

印刷業界を舞台にしたお仕事マンガ。印刷業界トリビアや、同人グッズ・イベントあるあるなど盛り沢山です。

21日目

ドM女子と女王様かと思いきや、それがドンドン逆転・倒錯する様子がテンポよく描かれていて面白い。

22日目

響け!ユーフォニアム』にも通ずるような熱量のある音楽部活マンガです。親子や部員との人間関係の描き方も良い。

23日目

これだけなんか書いてたら少し恥ずかしくなってきたので有料にしました…

24日目

川見てるアドベントカレンダーとのクロスポストだったので、川推しで紹介しましたが、ストーリーも非常に良く出来ていて、今年の中でも特に勧めたい作品のうちの1つです。

25日目

キミオアライブを紹介しました。うーん、本当に惜しい……

2020年の良かったマンガまとめは多分年明けくらいに公開すると思います。とりあえず、この25冊はオススメできます。よろしくおねがいします!

ウェブブラウザにバグ報告をするときにやること

このエントリははてなエンジニア Advent Calender の19日目です。

昨日の記事はid:onkさんのクエリパラメータのデリミタに ; を使うこともできる - id:onk のはてなブログでした。

そしてこのエントリはKMC Advent Calendar 2020の19日目でもあります。

昨日の記事は id:zekehampくんのハル研プロコン2020に参加しました - zekeの日記でした。

というわけで、こんにちは id:Pasta-K です。僕は普段主にウェブブラウザを介して動作するアプリケーション(これを指して以下「ウェブアプリケーション」や「ウェブサイト」などと揺れるかもしれませんがほぼ同じものを指していると思ってください)の実装などをして暮らしています。

ウェブアプリケーションの中でも特にフロントエンドと言われる領域を主にお世話することが多いのですが、それに関連して半分趣味みたいな感じのモチベーションで、所謂Web APIと呼ばれるJavaScriptから呼び出せるウェブブラウザのAPIの実装状況を調査したり、ときには身近なウェブアプリケーションで取り入れてみたりしています。

先日はそういう活動を通じて把握していたWeb APIを紹介する『面白Web API 100連発』という発表を社内勉強会向けに行た資料を公開していたりもします。

こういった先行的なAPIはexperimentalな状態のものをCanaryバージョンのウェブブラウザで検証することが多いと思いますが、試しているとバグと思われる動作に遭遇することが多々あります。また、日常的にウェブアプリケーションを開発していると、ある日「何もしてないのにウェブサイトが壊れた?」と思って調査してみるとどうやらウェブブラウザのバージョンアップが原因なのでは?と疑ったりした経験が皆さんもあったりすると思います。

このような状況に直面した場合は、その問題がそのウェブブラウザの問題であるかを確認し、ウェブブラウザの問題の場合は修正されるように報告をする必要があります。僕自身も年に2〜3度ほどそのような状況に遭遇し、ウェブブラウザに対して報告をしています。

そのような経験をもとに、このエントリではChromiumの例を中心にウェブブラウザ起因に依るものと思われるバグに遭遇した際の報告方法やその際に僕自身が行っているちょっとした工夫などを紹介しようと思います。

※ この記事の内容は外部から報告する経験を元に書いたものです。バグ修正や報告に関して感覚的に感じていることを記載していることもあります。もし何か誤りや認識の違いなどがあれば教えてください。また各種説明やURL、スクリーンショットなどは2020年12月18日のものを使用しています。

ウェブブラウザにバグ報告をする前にやること

ウェブブラウザにバグ報告をする前にやることとしては大きく以下があります。

  • 再現性のあるものかを確認する
  • ウェブブラウザのバグであるかを確認する
  • どのバージョンで起きているかを確認する

再現性を確認する

まずは再現性のあるものであることを確認します。この際に再現できるミニマムケースを作っておくとこの後バグ報告をする際にも便利に使えます。

多くの場合、発見された問題は大きなウェブアプリケーションの一部分であると思います。そこから問題を再現できる小さなケースを作成します。experimentalな機能やJSを介したAPIなどは比較的再現方法を作るのが簡易であると思いますが、例えばCSSの問題の場合は適切に親子関係を切り出したりすることになりますが、この辺は気合いで頑張ります。

このときの再現例はウェブブラウザの開発チームにも提示することになるので、適当なPublicな場所に置いておくと良いでしょう。自分の場合は一番雑にやる場合はGithub PagesにべたっとHTMLを置いたり、ちょっとSASSとかで書きたい場合はCodePenを使うことが多いです。最近ではGlitchに置いてあるのもよく見かけます。

再現性を確認するミニマムケースを書く際にnavigator.userAgentをどこかHTML内の適当なところに出力しておくとスクリーンショットなどを撮るときに自然とバージョンやOS情報を含めることが出来るので個人的にはよくやっていてオススメです。

またこの再現性確認のときにブラウザ拡張による影響を取り除きたい場合、プライベートブラウジングを用いることがあると思いますが、プライベートブラウジング拡張機能の一部が有効になっているケースがあるので、ゲストモードを使うとそれらの影響を完全に取り除くことが出来ます。また個人的にはゲストモードを使うとスクリーンショットを撮影する際にブックマークツールバーに気を配らなくて良くなるのも好印象です。

バグかどうかを確認する

そして再現した振る舞いについて、次はそれが本当にウェブブラウザのバグであるかを確認する必要があります。関係するAPIの仕様を参照して確認できるのが一番ですが、そもそもちょっと手慣れてないといきなりDOMやHTMLなどの仕様から振る舞いを把握するのはまぁまぁ難しいことがあったりもします。その場合はMDNで軽くドキュメントを確認したり、他のウェブブラウザと比較することを通じて、正しい動作を把握し、そのウェブブラウザでの問題であることを確認します。

他のウェブブラウザでも実装されている振る舞いの場合、他のウェブブラウザとの比較はこのあとの報告時にも項目として求められるので確認しておくと良いでしょう。

どのバージョンで起きているかを把握する

どのバージョンで起きているかを把握する必要もあります。BrowserStackが使えると過去に遡ってメジャーバージョンを確認することも出来ますが、そうでない場合は身近な未アップデートの人に見てもらうというテクニック(?)も良いでしょう。このような作業を通じて最新または最近のアップデートの影響の有無を確認しておきます。

また、BrowserStackなどを使える場合はどのバージョンまでは問題が無く、どのバージョン以降で問題があるか把握しておくと報告時にスムーズになります。このバージョンの比較は個人でやるのは難しい場合もあるので、最低限発生しているバージョンさえ分かれば厳密に把握する必要はないと思って大丈夫です。Chromiumの場合はバージョンを比較して動作確認が必要なissueにはNeeds-Bisectラベルが付与されて、Chromiumチームの人がBisectな検証をしてくれます。ちなみに僕自身はやったことはありませんが気合いがある場合はこのBisectをするためのツールも公開されています。

僕自身が報告したIssueChromiumのBisectが行われている様子。

バグ報告を行う

ここまででバグが存在しているということの確認とそれを理解するための情報はほぼ出揃ったので、実際にバグ報告を行うことになります。主要なウェブブラウザエンジンはそれぞれオープンなissue trackerがあるので、対象となるウェブブラウザに応じて選択してください。

と、ここまで来たらいきなりバグ報告を投稿する前に既に報告済みの問題でないかさっと見ておきましょう。FirefoxのBugzillaの場合、新規バグの登録時にサマリーを入れると検索できる画面が出てくるので、それを利用して探すと便利です。

既存のIssueがあった場合はそのIssueのwatch listなどに自分を追加すると良いでしょう。Chromiumの場合はIssueページの左のサイドバーの上部にある星マークをクリックすると通知を受けることが出来ます。Firefoxの場合はPeopleセクションのCCに自分のアカウントを入れることで追加できます。また、多くの場合はコメントを残すことでその後通知を受けられることもあります。同じ現象に困っているケースが世の中に他にもあることはバグ修正の優先度や再現性などにも貢献できると思うので、自身のウェブサイトで問題が起きているということやどのバージョンで遭遇したかなどをコメントでお知らせしてみてください。

僕自身が報告したCSSに関するバグに中の人からWe haven't seen any reports of this in the wildというコメントが付いた直後にwe actually started to experience this in the wild 4 weeks ago, but didn't reportというコメントが付いて、なるほど他にも遭遇している人居たんじゃんと思ったことがあります。

既に同様のバグ報告が見つからなければ実際にバグ報告を投稿していきましょう。このエントリではChromiumを主な例としてバグ報告をする様子を紹介します。

バグ報告を行う

まずはアカウントが無い場合は作成しましょう。Googleアカウントで認証することでアカウントを作れます(MozillaのbugzillaはGithubで認証が出来ます)。

New Issueボタンを押すことで新しいバグ報告を登録できます。このときウェブブラウザのバージョンなどが自動で埋められるので、実際に問題が発生している環境でアクセスすると少し楽ができます。

既知の問題でないかは検索済みなので、該当する場所にチェックを入れます。

Nextを押すと報告者の属性とどこで起きた問題かを選択します。

この記事を読んでいる皆さんの多くは自身の開発するウェブサイトに関する問題を報告するのが大半でしょう。その場合は Web developerを選択してください。その他のサイトで発見した場合やChromiumのUIなどについて報告する場合はEnd userを選択します。

次に何についてのバグ報告かを選択します。ここまでで言及してませんでしたが、開発者ツールやInspectorなどについての報告もここで可能でその場合はDeveloper Toolsを選択してください。それ以外の場合は API を選択します。例えば navigator.permission.queryについてのバグを発見した場合でも JavaScriptではなくAPIを選択してください。ここでのJavaScriptインタープリターに関する問題を取り扱う選択肢になります*1ので、API自体に問題がある場合やCSSやHTMLなどの振る舞いに問題がある場合は全てAPIを選択することになります。

ここではAPIを選択したとして先に進みます。他の選択肢の場合もAPIを選択した際のフォームの一部が表示されているという感じのはずです。

3つ目の画面のフォームに実際にバグ報告を記述していきます。

文言に悩んだ場合は僕は他のIssueからそれっぽい表現を持ってきたりもしがちです。大まかな表現などに関してはMDNにオススメのガイドラインが掲載されているので参考にするのも良いかと思います。

Please enter a one-line summary

ここは1行でどういうバグかを記載します。要するにここがIssueのタイトルになります。参考になるか分かりませんが僕自身が過去に投稿したバグだとこういう感じです。(英語がbrokenなのは大目に見てください…)

Do you have a reduced test case?

テストケースがあればここでアップロードします。CodePenなどにある場合はURLをこの後記載すればいいので、ここではNoを選んで大丈夫です。

Does this feature work correctly in other browsers?

Experimentalな機能でChromiumにしか実装されていない場合はNot sureで大丈夫です。他のウェブブラウザで実装されていて、それらの振る舞いがChromiumと異なり正しく実装されている場合は Yes、他のウェブブラウザでもChromiumと同じ振る舞いの場合はNoを選択してください。

Steps to reproduce the problem:

ここで作成したミニマムケースを使用した再現方法を記載します。1.にアクセスする先を書いて、その後にクリックするべきものなどがあれば2や3に記載していきます。また、Chromiumのflagを有効にした場合のAPIなどについては念の為どのflagを有効にするかを記載しておくと良いです*2

What is the expected behavior?

ここには期待される動作を書きます。ミニマムケースがある場合はその結果がどういう振る舞いをしたりレンダリング結果になるべきかを記載すると良いでしょう。

What went wrong?

ここには現状何が起きていてそれがどのように問題があるかを記載します。

ここの項目の下にファイルを添付する箇所があるので、ミニマムケースの様子のスクリーンショットがあればここでアップロードしましょう。またこのファイルアップロードには動画を添付することも出来ます。必要に応じてスクリーンキャストをアップロードしても良いでしょう。

その様子を表示しているウィンドウとchrome://version を横に並べることで、バージョン情報などを同時に伝えることができます。chrome://version には各種バージョン情報に加えてコマンドラインオプションが表示されていて、ここからどのようなFlagが有効になっているかという情報などを提供することが出来ます。

Did this work before?

過去のバージョンで正しく動作していたことを認識している場合はYesを選びます。把握してない場合はNot applicable or don't knowを選びます。

Any other comments?

他になんかコメントがあればここに書きます。追加情報でHi-DPIで再現するなどの補足情報もここに書くと良いでしょう。

以上で送信してバグ報告は完了です。初めはステータスがUnconfirmedですが、そこから確認されるとステータスが進んだりアサインが行われたりします。その後必要に応じて追加の情報を求められたりすることもあるかと思いますので、やりとりをしていきます。

まとめ

Chromiumを例にウェブブラウザにバグ報告をするときにやることについて書いてみました。みなさんがウェブブラウザに問題を報告するときのハードルが少しでも下がると幸いです。FirefoxSafariの場合も順序などは異なりますが概ね同じ内容を記述していくことになると思います。以前はFirefoxの報告時にComponentを選ぶ必要があったりしましたが、現在ではそこは省略されていたりなどバグ報告のハードルが低くなるように工夫されている感じを受けています。

また日本語やマルチバイト文字などに関する問題は意外と報告する人が少ない印象を持っています。Twitterなどで話題になっていても誰も報告していなかったり、Issueにはなっているがコメントなどは付いていないみたいなのを見かけることもあるので、そういったときもバグトラッカー上でやりとりすることでウェブブラウザの開発チームに熱量や問題の影響について伝えることが出来ます。

もし皆さんがこの記事を読んでもウェブブラウザのバグ報告に躊躇することがあるなら、お気軽に@pastakにお声がけください。お手伝いできることはさせていただきます。

そしてそれぞれのアドベントカレンダーの明日20日目の担当は

  • はてなエンジニア Advent Calendar 2020 は id:tarao さん
  • KMC Advent Calendar 2020は ikubaku くん

です!よろしくおねがいします!!!

*1:また、JavaScriptの問題の場合はChromiumよりもV8の方が適切な場合もありますね

*2:ExperimentalなAPIの場合、利用するにはflagを有効にするのが暗黙的に共有されていると思いたいですが、flagを有効にして試してくれと後のコメントに書いたことが何度かあります… bisect などの初動対応してくれる人が開発者ではなかったり該当機能を知らない人であることも多いので、一見自明なことも明記して手順通りにやれば再現できるようになっているとありがたいです とのコメントを頂いたので紹介しておきます。なるほど、目についた方がやってくれているという世界観なのかぁ

masawadaさんに世界的に有名なあの人からメッセージが届きました!!!!!!!!!

この記事はmasawada Advent Calendar 2020の15日目の記事です。

昨日はmasawadaさんのお父様であるid:wabysprgさんでした。

命名の秘密良かったですね。「英俊(えいしゅん)」だったら、masawadaカレンダーはこの世になかったと思うと感慨深いです。ちなみにぼくの名前は父親がサッカー好きだったからことから音は決まっていて、漢字は字画とかから決めたという話をほんのり聞いた覚えがあります。

それでは、本日のコンテンツです。

まずはこちらの動画をご覧ください。

動画を見た人向け情報はここをクリック!!!!!

id:masawada さんは新型コロナウイルスにも負けず2020年も良い子にしていたのでサンタさんからメッセージが届きました。良かったですね。





















































この動画はfiverr.comというクラウドソーシングサイトで25USDで作成してもらった動画です。思ったよりもmasawadaの発音が機械的でしたね。

試してみたい人向けに20%オフが手に入る招待リンク置いておきます。ちなみにこの動画は以下から注文できます。

Your Access To This Website Has Been Blocked

他にも泥酔サンタジャングルからのクリスマスダンスジャマイカのビーチからのメッセージなどが候補にありましたが、コンプライアンス的なものやその他諸々を吟味しまして、サンタからのメッセージとなりました。

ネタがなかったら僕が1人でやっている良かった1巻アドベントカレンダーでmasawadaさんにオススメの漫画を紹介してお茶を濁す予定でしたが、無事埋まって良かったです。masawadaさんということにかこつけて僕があんまり読まないきららの作品をオススメしようと画策していました。そちらはそちらで投下しましたので、こちらもお収めください。

masawadaアドベントカレンダー、明日はid:Windymeltさんです!