ニュース記事の作成: “2021-12-08-support-for-the-association/index” (by @MahiroIto)

[MahiroIto]

Automatically generated by Netlify CMS

[netlify[bot]]

✔️ Deploy Preview for aocsj ready!

🔨 Explore the source changes: 29dd348c07a35f1fd62e295b8fbda49b94d93098

🔍 Inspect the deploy log: https://app.netlify.com/sites/aocsj/deploys/61bedb0ae2ba8400076147aa

😎 Browse the preview: https://deploy-preview-111--aocsj.netlify.app/2021/12/support-for-the-association

[aiotter-bot]

新たな記事が作成され，状態が「レビュー中」に変更されました． @aocsj/review にレビューリクエストを行います．

[aiotter-bot]

@aocsj/review 記事のレビューをお願いします． プレビュー: https://deploy-preview-111--aocsj.netlify.app/2021/12/support-for-the-association/

[MahiroIto]

記事の作成が完了しましたのでご確認よろしくお願いいたします。 4枚目の画像にタイトルがなかったのですが、無記入だと”undefine"となってしまいます。 とりあえずカワウソイラストと入力しました。

[aiotter]

作業お疲れ様です。 チャット欄最下部の Checks がすべて passing にならないと掲載できません。 CircleCI のエラーを見ると原因が分かる（分かりにくいので後で分かりやすくしておきます）のですが、ファイルサイズが大きすぎる画像が一点あります。 こちらを500KB以下になるように再圧縮してpushし直してください。 よろしくお願いします！

追記: 画像の中に写真とイラストが混ざっているので、jpeg や png だと 500KB では荒くなってしまうかもしれませんね。 見栄えに影響が出るようでしたら、webp にするときれいなまま圧縮できるかもしれないので試してみてください。

[aiotter]

4枚目の画像にタイトルがなかったのですが、無記入だと”undefine"となってしまいます。

とのことですが、私の方で確認したところ、昨日の修正を当てた最新版のエディタではタイトルを入力しなくても undefined となることはありませんでした。 もう一度試していただけますか？

[aiotter-bot]

新たな記事が作成され，状態が「レビュー中」に変更されました． @aocsj/review にレビューリクエストを行います．

[aiotter-bot]

@aocsj/review 記事のレビューをお願いします． プレビュー: https://deploy-preview-111--aocsj.netlify.app/2021/12/support-for-the-association/

[MahiroIto]

遅くなってしまい申し訳ありません。修正できましたのでご確認よろしくお願いいたします。

[aiotter]

確認しましたが、圧縮した画像で画質が大きく劣化しています。また、最初から十分小さく圧縮する必要がない画像も圧縮されてしまっています。ファイルサイズが500KBを超えていない画像に関しては再圧縮の必要はありません。

こちらの手元で 2d259ec5 の 29-.png を webp で圧縮したところ、十分な画質を保った状態で 109KB に圧縮できました。 Jpeg でも同程度の画質で 182KB くらいに圧縮できそうです。 Gif は圧縮効率が悪く、写真の圧縮に適していません。画質を大きく損なわないように直していただけますか？

[MahiroIto]

申し訳ありません。全部で500kb以内にすると勘違いしていました。 すぐに修正いたします。

[aiotter]

すぐに修正いたします。

急がなくて大丈夫ですよ！ あとはマグカップの画像がリンク切れになっているので、そちらの修正もお願いします。

また、いくつかただの画像が表扱いにするオプションが有効になっているものありますが、特に見た目に影響しなくても基本的に表ではないものについては表扱いにしないようにお願いします。

[aiotter-bot]

新たな記事が作成され，状態が「レビュー中」に変更されました． @aocsj/review にレビューリクエストを行います．

[MahiroIto]

修正いたしました。ご確認よろしくお願いいたします。

[aiotter]

@akiwomokuhei 記事の準備できました！　プレビューの確認お願いします: https://deploy-preview-111--aocsj.netlify.app/2021/12/support-for-the-association/

PC で見ると若干縦長すぎて読みにくそうなんですよね。 そこで提案なのですが、Nicole からのメッセージ原文（協会 about ページ最下部）と同じようにクリックすると開かれるアコーディオンの中にカワウソ5種がどれがどれか説明した画像を格納してしまうというのはどうでしょうか？

さて、5種類のカワウソたちを見分けることができるでしょうか？

の問いかけの答えとしても、クリックされるまで答えが見えない方が面白いかなと思います。

[aiotter]

@akiwomokuhei ご確認お願いします〜

[akiwomokuhei]

@aiotter 確認おそくなりすいません！ラインスタンプ、120円(税込)のままになってます？

アコーディオン式、いいですね！正解はここをクリック！みたいな誘導を付けて頂ければわかりやすいかなと思いますが、見やすいようにご調整頂けたら幸いです！

[akiwomokuhei]

アッポストカード120円→USD 9.00です！ラインスタンプじゃなかった！

[aiotter]

ポストカード 120 円のままになってますね！　見落としてました💦 修正します！

アコーディオンの方はとりあえず試しにやってみて、また結果見ていただく感じにしますね

[akiwomokuhei]

よろしくおねがいします(∩´∀｀)∩

ラインスタンプのいいね！イラストなど、記事が掲載されるお知らせ欄にサムネイルを載せることは可能でしょうか？キャッチ―になるかなと思いまして(こちらは全然急ぎではないですし、可能であればでokです）

[aiotter]

とりあえず値段とサムネイル画像を修正しました。 アコーディオンの方できたらまたお伝えします〜

[aiotter]

@akiwomokuhei アコーディオン付けてみました。ご確認お願いします〜

[akiwomokuhei]

早速のご対応ありがとうございます！サムネとアコーディオン、どちらもばっちりokです><

[aiotter]

掲載しましたー おつかれさまでした！