見出し画像

家族へのアドバイス/プログラミングで理解できないときのモチベーション/Webサイト「結城浩のPDF」を作る(4)/幸せな学生生活だが成長に不安/

結城浩の「コミュニケーションの心がけ」2020年6月9日 Vol.428

目次

・妹にアドバイスするのが難しい - 教えるときの心がけ
・プログラミングで理解できないとやる気が削がれる - 学ぶときの心がけ
・Webサイト「結城浩のPDF」を作る(4)
・幸せな学生生活だが成長に不安

はじめに

結城浩です。

いつもご愛読ありがとうございます。

「はい」の話。

丸山さとこさんが描いている「コウくんとの対話」をいつも楽しく読んでいます。先日読んだ「今からやろうと思ってたところ」もおもしろい話題でした。

食事が終わったときに「食器流しに運んでね」と言われたコウくんが「今からやろうと思ってたところだよ」と返事したときのやりとりです。

◆「今からやろうと思ってたところ」|丸山さとこ

もしも「アンタ片付ける気ないでしょ」と言われて(自分は違うぞ)と反論したいときならば「今からやろうと思ってたところだよ」でいい。

でも「食器流しに運んでね」と言われて(自分もそうしようと思っている)ならば「はい」でいい。

面倒を回避できるからいつでも「はい」と答えておくという態度は別のトラブルの元になるし、かといっていつも自分の気持ちを詳細に語るのがいいとも限らない。

相手の考えと自分の考えは合っているだろうかと考え、合っていたら「はい」でいいし、違っていたら気持ちを語るのもいい。

そのようなアクションを取るためには、相手の言ったことを理解し、自分の気持ちを理解し、その上で適切な表現を選ぶ態度が必要になる。確かにこれはソーシャルスキルかも知れません。

単なるパターンマッチでは済まないともいえます。

・相手が何を言おうともハイハイ言う。
・相手が何を言おうとも自己主張する。

この二つは、表面的には真逆に見える態度ですけれど、相手の発言を聞いていないという点ではよく似ているんですね。

* * *

アイキャッチ画像の話。

結城はnoteをはじめとして、ネットにいろんな文章を公開しています。そのときに「アイキャッチ」となる画像を作ることがよくあります。きれいな画像を背景に、タイトルと、結城のアイコンである「スレッドお化け坊や」を配置したものですね。

画像1

以前はひとつひとつ手作業で作っていたのですが、さすがに大変なので、Rubyで作ったスクリプトで半自動生成するようになりました。「半自動」といったのは、画像の選択は結城自身が行っているからです。

ところで最近、このスクリプトを微調整しました。いままではタイトル(たとえば「結城浩のメールマガジン」)を単純に黒にしていたのですが、それだとややキツイ印象になることが多かったからです。

文字の色と、背景となる画像の色合いを合わせてみたらどうかなと思い、スクリプトを動かすときに色コードを指定できるようにしました。するとなかなかいい感じであることがわかりました。

しかし、背景画像は毎回変わりますから、そのたびごとに手動で色を調べるのは手間です(これを手間と呼ぶとデザイナーさんから怒られそうですね)。なので、これも自動化したいという気持ちが浮かびます。

ここまで考えてくると、課題は「背景画像の主な色合いをもとにして、テキストの色を自動的に決定せよ」となります。背景画像の色を1ピクセル単位で調べることはImageMagickを使えばできますが、「主な色合い」ってどうするんだろう……としばらく考えていました。

◆ImageMagick
https://imagemagick.org/

検索してみたところ「画像を1ピクセルに縮小し、そのピクセルの色を調べる」という解法がStackOverflowで見つかったので、その方法を採用することにしました。これを見たときは「頭良いなあ」と思ったものです。

◆How to find average color of an image with ImageMagick?
https://stackoverflow.com/questions/25488338/how-to-find-average-color-of-an-image-with-imagemagick

三つくらいのサンプル画像で比較してみました。ちょっと違いがわかりにくいかもしれませんが、左側が黒のテキストで、右側が画像の色に合わせたテキストです。私が期待したように、やさしくなじんだ画像になりました。満足です。

◆テキストの色を背景画像に合わせて自動選択

画像2

* * *

それでは、今回の結城メルマガを始めましょう。

どうぞごゆっくりお読みください。

この続きをみるには

この続き: 10,389文字 / 画像5枚
記事を購入する

家族へのアドバイス/プログラミングで理解できないときのモチベーション/Webサイト「結城浩のPDF」を作る(4)/幸せな学生生活だが成長に不安/

結城浩

216円

この記事が気に入ったら、サポートをしてみませんか?
気軽にクリエイターの支援と、記事のオススメができます!
note.user.nickname || note.user.urlname

いただいたサポートは、本やコンピュータを買い、さまざまなWebサービスに触れ、結城が知見を深める費用として感謝しつつ使わせていただきます! アマゾンに書評を書いてくださるのも大きなサポートになりますので、よろしくお願いします。 https://amzn.to/2GRquOl

結城浩です。いつも応援ありがとうございます。
8
本を書いています。『数学ガール』『プログラマの数学』『数学文章作法』『暗号技術入門』など。https://link.hyuki.net/mm でメルマガ配信中。https://link.hyuki.net/girlnote でcakes連載中。2014年度日本数学会出版賞受賞。

こちらでもピックアップされています

結城メルマガ
結城メルマガ
  • ¥864 / 月
  • 初月無料

数学青春物語『数学ガール』の著者《結城浩》が、文章の書き方、書籍の執筆、教え方と学び方、仕事への取り組みについてやさしくお話します。毎週火曜日配信。登録初月は無料です。