課題3のアスキーアートが、ブラウザの設定によって崩れてしまうことがある

[igrep]

固定幅フォントにcssで設定してはいますが、ブラウザのフォント設定によってはならないらしい。 注意書きでも書いておこうかな。。。

追記: すみません、症状の共有がちゃんとできていませんでした。

こちらのtweetです。

[mizunashi-mana]

問題自体に，アスキーアートである必然性を感じないので，問題自体を修正するべきですかね？

[igrep]

うーん、複数行の文字列を見やすく出すモチベーションを高めるのには例のアスキーアートはちょうどいいかな... と思って選んだんですが、なにかもっといい例ありますかね。。。 🤔

[igrep]

再現するには、ブラウザのフォントの設定から「固定幅フォント」を敢えてプロポーショナルフォントに変えてみてください。 Chromeだと chrome://settings/fonts とアドレスバーに入力すると早いでしょう。

[igrep]

これ、根本的に直すとしたら font-family: monospace の代わりに具体的なフォントを指定すればいいのだろうか。となるとOSごとの差が問題になりますね。。。 個人的には、「注意書きでも書いておこうかな。。。」の通り一言注意書きを加えておけばいいかと考えております。

[mizunashi-mana]

再現するには、ブラウザのフォントの設定から「固定幅フォント」を敢えてプロポーショナルフォントに変えてみてください。

えっと，つまり固定幅フォントの設定として，固定幅フォントじゃないフォントを使ってるのが原因だったんでしょうか？(事象報告に立ち会っていないのでちょっと原因が分かってないのですが)．

[igrep]

そのようです。 なんでそんな設定にしているのかはわかりませんが。。。

[mizunashi-mana]

問題自体の修正としては，

1. stackをインストールします．
2. stack setup で GHCをインストールします．
3. makeMistakesToLearnHaskell を作業ディレクトリに展開します．
4. stack installを走らせます．

みたいな，ちょっと味気ないですが，listを出力させるようにするというのは考えられると思います．

[igrep]

なるほど。ちょっといい案が思いつきそうなので、それをヒントに考えています。 というわけで、やりかかった後で恐縮なんですが、原則として課題の内容は私が書くという方針で開発しているため、 @mizunashi-mana さんがやるところはここまででよいです。ありがとうございました 🙇

[igrep]

oh, といって https://github.com/haskell-jp/makeMistakesToLearnHaskell/pull/81 をcloseしようとしたらこれはこれで良さそうな対応をされてますね。。。せっかくなんで試してみます。 😅