| @雑談
会社の飲み会とかであれば参加するけど、基本的に外で酒を飲むのをやめた。厳密には 3 ヶ月に一度くらいは行ってるかもしれないけど、以前月 2 回くらいのペースで飲みに行ってたのをやめた。主に理由は...

清澄み

会社の飲み会とかであれば参加するけど、基本的に外で酒を飲むのをやめた。厳密には 3 ヶ月に一度くらいは行ってるかもしれないけど、以前月 2 回くらいのペースで飲みに行ってたのをやめた。主に理由は二つあって、金がもったいないと感じるようになったのと、はちゃめちゃに飲んで二日酔いになり、翌日半日くらい使い物にならないのがもったいないと思うようになった。おっさんになると酒の飲み方が尋常じゃなくなって、自分はそんなに飲まなくても一緒に飲みに行くおっさんたちがめちゃくちゃ酒飲みだとこちらもつられて飲んでしまって、二日酔いにはなるし金はなくなるしで全くいいことなかった。飲んでるときは楽しくてわーわー騒いだり愚痴を言ったりしてすごく生産的な時間を過ごしているような気がするんだけどそれは全て幻想で、翌日は寝不足でズキズキと頭が痛み、仕事の日だろうが休みの日だろうが半日くらいは頭が使い物にならず無為に時間を過ごしてしまう。老い先短いのだから時間は有効活用しなければならないと思って、飲みに行くのをやめた。

とは言っても家では普通に缶ビール一本程度を飲むし、何なら仕事の帰りに缶ビールを買って電車待つ間に飲んだり、仕事帰りに海岸に行って飲んだりしてる(クズっぽい)。ただ一晩で何千円も飲み代に使うような酒の飲み方をやめた。

かわりといってはなんだけど、最近は昼ご飯を会社の人たちと食べに行くようになった。毎日外に食べに行くと飲みに行くのと同じくらいお金がかかってしまうけれど、一回 600 円とか 700 円くらいの外食を週に一、二度やるくらいだったら一月で 5000 円くらいにしかならないし、それで親交を深められたら安いものだと思う。二日酔いにもならないし。

というわけで今年やってよかったのはむやみやたらに酒を飲みに行くのをやめたことでした。

この記事は 今年やってよかったこと Advent Calendar 2019 2 日目の記事でした。

| @写真
2018 年末に NIKON Z6 を買った。その前は NIKON D90 を 10 年近く使ってた。 NIKON D90 で撮れる写真にあまり不満はなかったが、フルサイズへの憧れと動画性能のし...

2018 年末に NIKON Z6 を買った。その前は NIKON D90 を 10 年近く使ってた。 NIKON D90 で撮れる写真にあまり不満はなかったが、フルサイズへの憧れと動画性能のしょぼさ(静止画は D90 の方がよいものが撮れるが、動画は明らかに iPhone の方がよいものが撮れた)に困っていて買い換えを決意した。人生で初めて新発売のカメラを発売前から予約して購入した。 48 回分割払い。

NIKON Z6 の良さは色々ある。通し F4 で撮れる 24-70m レンズ(レンズキットを買った)、 ISO 感度の高さ、チルト液晶、奥行きにも対応したデジタル水準器、 SnapBridge 対応(スマートフォンの GPS を利用した位置情報埋め込み、撮った写真をすぐに Bluetooth でスマートフォンに送れる)などなど。スマートフォン時代に対応するための正統進化という趣がある。 NIKON は真っ当ないい製品を作ったなと思う。

というわけでまずは NIKON Z6 で撮った写真からご覧下さい。そのあとに iPhone 7 で撮った写真で今年を振り返ります。

NIKON Z6 で撮った写真

阿蘇山

箱石峠から眺める阿蘇高岳

阿蘇山はいろんな角度から眺められるのがよい。これは車の助手席から撮った。 Z6 では動いている車の中からでもこういう写真が撮れて驚いた。

阿蘇山上から望む普賢岳

草千里展望所から熊本市の先の方に普賢岳を望む。こういう色が撮れるのにはぶっ飛んだ。レンズが 70m までしか望遠できないので普賢岳はちっこくしか撮れてない。

夕暮れ時の草千里と中岳火口

こちらは草千里の向こうに中岳火口。適当に撮ったが手ぶれなしで撮れてしまって驚いた。 D90 だったら確実にブレブレ写真になっていた。

食い物

いっぷくラーメンのチャーハン

コストコの行き帰りで立ち寄るいっぷくラーメンのチャーハン。湯気の感じまで撮れてる。

Connect Coffee のアフォガート

コストコに行ったら長蛇の列で並ぶ気が起きなくて離脱して天神のカフェで飲んだアフォガート。エスプレッソを垂らす感じが撮れた。

ボンバーキッチンのチキン南蛮

薬院六つ角の近くの洋食屋。ボンバーキッチンかニュースマイルに行くと 1000 円足らずで最高に幸せな気持ちになれるが、その幸福感を写真に収めることができた。こういう写真をもっと撮りたい。

長崎の街

出島アパートの壁

ランタンの明かりでアパートの壁が赤くなっている。蛍光灯の明かりが当たっている部分はきちんと青みがかった白で撮れている。ホワイトバランスが優秀。適当に撮ったが手ぶれしなかった。

出店の天津甘栗

これも適当に撮ったが圧倒的な迫力を感じる写真を撮れてしまって驚いた。栗を煎る機械の年季の入り具合が迫ってくる。

長崎の山

家族で烽火山という長崎の山に登ったときの写真。下山口のお寺というかお堂に、キリシタン時代に破却されたあと江戸期に修復されたと思われる首に修復痕のある地蔵がたくさんあったのが記憶に残っている。

長崎の地蔵

結構な地蔵の首が一度切断されたあとつなぎ直されている。

長崎の地蔵

この地蔵の首は無事のように見える。

長崎のお堂

まるでチベット仏教の寺院のようだと思った。

長崎の地蔵

何とも言えない、七福神の中の一つのようなミニ像が置いてあった。誰が何のために置いたのかもわからない。

瑞梅寺川の桜と COFFEE UNIDOS

瑞梅寺川の桜

デジタル水準器のおかげで水平のおかしな写真を撮る機会が減った。

COFFEE UNIDOS の電球

瑞梅寺川の桜を見たあとに COFFEE UNIDOS に行った。暗いところで明るいものを撮らせるとかなりバリッとしたいい写真が撮れる。

ゆらりんこ橋の桜

瑞梅寺川の桜ほかに、二丈岳の登山口のゆらりんこ橋の桜を見に行った。ここは菜の花畑があって桜と一緒に見ることができる。

ゆらりんこ橋の桜と菜の花 ゆらりんこ橋の桜と菜の花

これはかなり暗くなってから撮った写真だが、夕暮れ時に Z6 は強い。

熊本の桜

友だちの結婚式で 3 月末に熊本に帰った。パイロットとフライトアテンダントの結婚式で、パイロットとフライトアテンダントばかり来ててインスタグラム感あった。

二次会を途中で抜けて熊本城に行った。 Z6 でオートで撮ると感度をはちゃめちゃに上げるのでこんな感じの写真が撮れる。

DSC_1254.jpeg DSC_1260.jpeg

もちろん肉眼で見るより明るい。きっと Pixel 3 とか iPhone 11 とかだったら機械学習でノイズを抑えつつ肉眼より明るく撮ってくれるのだろうが、 Z6 ではノイズとノイズ除去でのっぺりかつざらざらした写真が撮れる。オートでこういうノイズもりもりだけどとにかく明るくしました、という写真が撮れてしまうのはちょっと残念。光学機器メーカーの NIKON は光学的に Pixel とか iPhone を圧倒できるカメラを作って欲しい。

工事用のゲートで封鎖された熊本城の姿はもの悲しさを漂わせていた。

Calling Mountain

会社主催の野外フェスがあって、久住に泊まった。かなり寒かった。

WESTBOUND 3rd Brut IPA

Z6 はやはり暗い中で明るいものを撮ると良い。

豊後牛の焼き肉

D90 だと色転びしてただろう、蛍光灯の明かりの下で火を撮る、というような状況でも Z6 のホワイトバランスは優秀だった。

ゴールデンウィーク

志高湖にキャンプに行った。キャンプ、楽しかったが周りがみんな金持ちに見えてつらい。

志高湖でキャンプ 由布岳

帰りに大観峰から眺めた阿蘇五岳。

阿蘇五岳

宗像大社

宗像大社に行った。家を出るのが遅すぎて本殿は閉まっていてお参りできなかったが、周囲を歩いて回った。宗像大社と沖ノ島は一体として存在しているのだということを学べた。宗像四塚縦走にチャレンジしてみたいという気持ちが強まった。

宗像大社 宗像大社 宗像大社

宝満山登山

7 月末の盛夏に宝満山に行った。かなり暑かったが、竈門神社の風鈴が涼しげだった。

宝満山の地蔵 竈門神社の風鈴 竈門神社の風鈴 竈門神社の風鈴

今宿花火大会

夏には恒例の今宿の花火を見に行った。 Z6 ならすごく綺麗に花火の写真が撮れるのではないかと思ったがやはり難しかった。

長垂海岸の夕焼け 今宿の花火 今宿の花火

後ろにいたカップルの男の方がWeb制作会社勤務か何かっぽくて、花火の最中に障害が起こって電話がかかってきて「とりあえずサーバー再起動してみて下さい」と言ってたのがおもしろかった。

酒と肴ヤマニ

家の近くにちょっとおしゃんな感じの居酒屋ができたので行ってみた。家の近くにこういう店なくて感動したので調子こいて食べまくってしまって苦しかった。 Google Maps に写真投稿したら「 1000 回閲覧されました!」みたいなメールが定期的に届くようになってちょっぴり迷惑してる。

酒と肴ヤマニ はんみ揚げ

秋の始まり

すさまじい入道雲が撮れた。

入道雲

思案橋

長崎に法事に帰ったときの写真。思案橋あたりは夜に写真を撮って回るとおもしろそう。

思案橋の夜 思案橋の夜

柑子岳、サ道、すすき

家族そろって糸島の低山に登りに行った。車の底をこすってへこんだ。ぼろ車だがやっぱりこするとへこむ。

柑子岳

この頃はテレビでサ道をよく見ていたので、下山後は伊都の湯どころに行ってサウナに入りまくった。

風呂上がりに駐車場から撮ったススキと月の写真。熊本城の夜桜を撮ったとき同様、 Z6 は勝手に感度を上げるのでノイズだらけの写真になってしまい厳しかった。これはマニュアルで感度を抑制して撮ったが、そうするとシャッタースピードが落ちてしまって手ぶれや被写体ぶれが出る。難しい。

秋の月

燃える空

家の物干し台から見た夕暮れの空。燃えるような色だった。

夕暮れ

平戸

キャンプをしに平戸に行った。あまり混んでないキャンプ場を見つけてゴールデンウィークのときほどには肩身の狭い思いをせずに済んだが、家を出るのが遅すぎてキャンプ場に着くのが遅くなり、真っ暗な中ヘッドランプの明かりでテントを設営したのがつらかった。夜に肉を焼いたりしたが、キャンプは朝飯が一番おいしいし楽しい気がする。

目玉焼き 中瀬草原キャンプ場

翌日、せっかく来たからと平戸の市内を観光した。平戸、いい街だった。いつか泊まりがけで来てみたい。ちょうど平戸くんちのあとで、街はがらんどんとしていた。ものすごく切ない感じがする街並みだった。

平戸大橋 ザビエル記念教会 平戸城 平戸の街 オランダ商館跡の帆船模型 平戸の街並み

平戸に行って隠れキリシタンや松浦党の歴史に興味を持ち、司馬遼太郎の『街道をゆく』の『肥前の諸街道』を読み、 Netflix でマーティン・スコセッシの『沈黙 ザ・サイレンス』を見た。

宗像四塚縦走

社内登山で宗像四塚縦走にチャレンジした。距離は 10km 強なので糸島四座縦走に比べれば楽勝だろうと思っていたが、かなりキツかった。ひたすら上り下りの繰り返しで累積獲得票高は 1500m を超えていた。下山後はこれまで経験したことがないような筋肉痛になった。宗像の海岸から眺めた夕日がとてもきれいだった。

キツツキが開けた穴 宗像の海 夕日に染まる宗像の道路 夕日に染まる宗像の海

iPhone で撮った写真

iPhone でも条件が整うと味のある写真が撮れる。

iPhone 7 のカメラは購入当初は素晴らしいなと思ったが、やはり一眼レフのようにはいかない。大抵の写真は VSCO でフィルターをかけている。良い条件で撮られた写真(充分明るいところで撮った、あるいは夜にかなり明るい被写体を撮った)であれば、編集ソフトでいじることで結構おもしろい写真になる。画素数は 1200 万画素なので大きいディスプレイでの閲覧にも耐えうる写真になる。

天神から家まで歩いて帰宅

3 月初旬にペトロールズのライブに行った。ライブのあとは前職時代の元同僚の皆さんとウィスキーを飲みに行った。調子こいて飲んでたら終電に間に合わなくて歩いて家まで買った。ケチなのでどうしてもタクシーに乗ることができない。 0 時半頃歩き始めて家に着いたのは 3 時頃だった。途中、別府で撮った焼き鳥屋の写真。暗闇に浮かぶ提灯の感じが気に入ってる。

別府の鶏ジロー

波多江の古い家

波多江の古い家。昔は茅葺きだったのかもしれない。糸島市の福岡寄りの方ではどんどん宅地開発が行われていて、もう何年かするとこういう建物もなくなってしまうんだろう。

波多江の商店

海で独酌

リモートワークしてた頃はよく 18 時頃に仕事を終えて、歩いて海まで行って独酌してた。その頃のことが急に懐かしくなって、今年は何度か仕事帰りに海に行って独酌した。夏は日が長いのでこういうことが良くできていた。

長垂海岸で独酌 長垂海岸で独酌

こういうことができる余裕みたいなのが後半に向かうにつれてなくなってきたので大事にしたい。

焼きそば

今年は再び昼に外食をするようになったので、昼飯の写真を何度か撮った。 iPhone で食べ物の写真を撮ると大抵まずそうに見えるが、これはいい感じに撮れた。無加工。ここのお店はお好み焼き屋だが圧倒的に焼きそばの方がうまい。というかお好み焼きは頼んではいけない。

ひなやの焼きそば

職場の周りを散策

仕事がしんどくなってくると自然に会社の周りを散歩してしまうようだ。今年は結構昼に歩いた。聖福寺のほか、川を渡って千代方面まで足を伸ばした。

鬼面の写真は加工しているが、何とも言えない迫力のある写真が撮れた。 iPhone でもいい写真は撮れるものだなと再認識した。

鬼面 廃屋 寺の壁

東京出張

東京出張があってラーメン二郎目黒店に行った。

目黒二郎

その行き帰りに iPhone で何枚か写真を撮ったけど結構おもしろいのが撮れた。

権之助坂の飲み屋

こちらは無加工だけど、すごくカラフルな感じが再現できていておもしろい。

大鳥神社

ちょっとノイズが乗った感じや、周辺部の描画がのっぺりしてしまう感じから iPhone っぽいさが出てるがそれも味といえるかもしれない。

吉祥寺

一方で晴れてるときにはこういうバリッとした写真を撮れるので iPhone 侮れない。

渋谷

西南学院博物館

『街道をゆく 肥前の諸街道』を読んで隠れキリシタンに興味がわいたので、隠れキリシタンの展示を見に西南学院博物館に行った。時間が遅くのっぺりとした写真になってしまった。新しい iPhone だとこういう状況でも綺麗に撮れるのだろうか。

西南学院博物館西南学院博物館西南学院博物館 西南学院博物館西南学院博物館西南学院博物館

仕事帰りにタワレコに滑り込む

仕事が忙しすぎて閉店間際のタワレコにギリギリ滑り込んで CD を買って酒を飲みながら帰るということを何度かやった。良くない。

ペトロールズ GGKKNRSSSTWサッポロラガーこれがブッダブランド!を買った帰りに氷結


こんな感じで雑然と 2019 年が終わろうとしている。

この記事は今年撮った写真 Advent Calendar 2019 1 日目の記事でした。

| @WWW
なぜ Day One は Markdown を捨てたのかDay One が Markdown をやめて WYSIWYG に移行した話は前書いた。 ...

Markdown Logo.png

なぜ Day One は Markdown を捨てたのか

Day One が Markdown をやめて WYSIWYG に移行した話は前書いた。

Day One がクソになった

Day One がクソになった

Day One 、このブログでも度々言及していて、 Markdown で日記が書けて便利だったんだけど、最近のバージョンアップ( Mac は 2.8 以降 、 iOS は 3.0 以降)でプレー...

portalshit.net

自分が知っている範囲でアンチ Markdown 勢は Scrapbox くらいしか思い浮かばず、 GitHub や Trello などのグローバル勢に加え、 Qiita やはてなブログなど日本国内向けのサービスでも当然のように Markdown が共通言語として使われているのに、その Markdown を捨てて WYSIWYG 化する1という戦略は疑問だった。

ひと前の WYSIWYG は最悪で、Word での文書作成や Google Docs にも良い思い出がない。とにかく文章が書きにくい不自由なツールだった。

WYSIWYG 勢が力をつけてきている

一方で、お洒落な UI で話題になった Notion を使ってみると Markdown の要素を残した WYSIWYG だった。 Dropbox Paper も Markdown 風 WYSIWYG 、 Slack も最近段階的に WYSIWYG 化しつつある。

Changes to message objects on the way to support WYSIWYG

Changes to message objects on the way to support WYSIWYG

New features, recent happenstance, and happenings across the Slack platform

api.slack.com

どうやら WYSIWYG の波が到来しつつあるようだ。

なぜ WYSIWYG なのか

Markdown は HTML を書いたことがない人には難しい

エンジニアやデザイナーなど、 HTML を理解している人からしたら Markdown は簡単だが、そうでない人には難しい。組織内に非エンジニア・非デザイナー( HTML を書けない人)が増えてくると、途端に社内ドキュメント管理ツールがカオス( や全角空白   で装飾された文書が氾濫)になる。

プレーンな Markdown では、リストの概念や文書を構造化するということに対する理解がないと読みやすい文書は書けない。プレーンテキストベースの Markdown には読みやすく構造化された文書を書けるようになることを助ける仕組みが欠落している。

普通の人が Web 系のように働きはじめている

Slack は DAU が 1200 万を超えたらしい。もはやエンジニアだけのツールだけではなくなってきているようだ。

大切なのは DAU の「U」! 生産性向上の鍵は真のエンゲージメント - Several People Are Typing

大切なのは DAU の「U」! 生産性向上の鍵は真のエンゲージメント - Several People Are Typing

この記事を英語 (英国)、英語 (米国)、スペイン語 (スペイン)、スペイン語 (ラテンアメリカ)、ドイツ語、フランス語、ポルトガル語 (ブラジル) で読む。 今、職場でのコラボレーション方法に世代交代が起きています。コミュニケーションはメールからチャンネルへの移行が進み、プラットフォームでも、業務ツール間の連携が弱いレガシースイートから、連携しやすくカスタマイズ可能な新しい製品への乗り換えが進んでいます。2019 年 9 月、Slack の日間アクティブユーザー数が遂に 1,200 万人を突破し、前年比で約 37% の増加。さらに、有料プランの利用数は 600 万を超え、Slack を日々アクティブに愛用してくれているユーザーは急速に増え続けています。 DAU (日間アクティブユーザー数) はよく話題に上る指標ですが、実際に重要なのは何でしょうか?私たちが最も重要視しているのは DAU の「U」、つまり実際にどれだけ「Use = 使用」されているかです。そして「エンゲージメント」 こそが Slack がその真価を発揮する鍵であると考えます。私たちは、Slack によって皆さんのより良い働き方へ貢献したいと日々開発に取り組んでいますが、どんなに便利なツールでもそれを実際に活用してもらえなければ何の効果もありません。そういう点においても、Slack のエンゲージメント促進に大きく貢献してくれる、Slack プラットフォームでアプリやインテグレーションを構築している皆さんには大変感謝をしています!Slack とともに Slack 開発者コミュニティも成長し、このエンゲージメントの糧となる豊かなエコシステムを創出しています。現在、Slack のインテグレーションとアプリの構築に従事する開発者向けの年次カンファレンスである Spec に向けて準備を進めており、このコミュニティをベストな方法でサポートすることに集中的に取り組んでいます。 使われてこそ、良いコラボレーションツール Slack を仕事に活用する全世界数百万人のユーザーの皆さんのため、私たち Slack と 1 日あたり約 60 万人にのぼるアクティブな登録開発者の皆さんが、Slack を活用したよりよい方法を日々創りだしてしています。それにより様々な企業の間で濃厚かつ持続的なエンゲージメントが生み出され、つながりが希薄な他の方法から Slack への移行が進み、使い続けられる存在になっています。 米国を拠点とするユーザーへのアンケートでは、87% のユーザーが Slack により組織内のコミュニケーションとコラボレーションが向上したと答えました。有料プランのお客様の場合、ユーザーは 1 …

slackhq.com

チャット、 Wiki 、社内ブログ、タスク管理ツールなど、文章を入力させる系の SaaS が徐々に IT 産業以外の職場でも普及しつつあり、そのような環境でも受け入れられやすいようにプレーンテキストの Markdown ではなく、 Markdown 風の WYSIWYG を入れてきているのだと推察する。

普通の人でもぐちゃぐちゃにならないように文書を書くための仕組みとして WYSIWYG が注目され直しているのだろう。

抑制された WYSIWYG

Dropbox Paper や Notion の UI はシンプルでクール

MS Word や Google Docs など昔ながらの WYSIWYG はボタンが多く、出来ることが多すぎて逆に不自由だと感じる場面が多かった。一方で Dropbox Paper や Notion の WYSIWYG には悪い印象がない。Paper や Notion の WYSIWYG はできることが限定されていて、制限されているがゆえの使いやすさがある。 MS Word のような大小の文字が入り乱れ、文字が七色に輝いているような文書は書けない。

ぐちゃぐちゃな文書を書かせない仕組み

Paper や Notion はアウトライナーを WYSIWYG 化したような感じで、文章を並べ替えたり入れ子にしたりできる。

Notion

文章を構造化することに慣れていない人でも、まぁまぁ読みやすい構造化された文章を書ける、あるいは構造化された文章の書き方を学べるようになっている。

WYSIWYG 化で失うもの

文書のポータビリティー

WYSIWYG の前提として、下書きする場所と最終的な出力をする場所が同じだということが挙げられる。でないと独自の装飾フォーマットが使えない。

Notion で書いた文書は Notion でしか読めないし、 Dropbox Paper で書いた文書は Dropbox Paper でしか読めない。 Markdown で書いたテーブルならほかのツールに取り込めるが、 Notion で書いたテーブルは Notion でしか使えない。入れ子にしたり装飾したりする便利な機能も Notion で使うからこそ約束されているものだ。その場所でしかその書き方はできない

だから、ローカルのお気に入りのテキストエディター( Vim など)で書いたあとにクリップボードにコピーしてブラウザーに貼り付ける、という使い方が出来なくなってしまう。

いまこの文書は Notion を使って書いているが、プレーンテキストでコピーできない2のでブログにこの記事を投稿するときは一旦 Markdown フォーマットで書き出して Vim で開き、コピーしてブラウザーのブログ記事入力欄にペーストする必要がある。

冒頭に挙げた Day One も Markdown で文章をコピーすることができなくなった。文書作成・管理プラットフォームとして考えたときにはこれは正しい戦略で、 Markdown ではない独自のフォーマットで文書を書かせることでユーザーをロックインできる。ひとたび Notion や Dropbox Paper に文章を書きため、その独自フォーマットに慣れてしまえば、データと記法の両方によってロックインされてしまうわけだ。

Notion や Dropbox Paper はよくできていると思う。特に Notion は WorkFlowy のようなアウトライナー的な側面を持ち、いわゆる「ファイルの壁」問題を解決しつつ Markdown のサポート、画像の埋め込みや表の挿入などにも対応している。良いなと思う反面、一人のインターネットユーザーとしては、オープンかつ自由なフォーマットで書くことができる Markdown がやっぱり好きだとも思う。


  1. 正確には Notion と Dropbox Paper と同じような、 Markdown と WYSIWYG がミックスされた独自フォーマット 

  2. macOS 版の Notion では Markdown 形式でコピーできたけど、 iOS 版ではできなかった 

| @ブログ
このサイトのデザインは黒地に白文字でダークモードという概念が出てくる前からダークモードだった。家のパソコンで見るときには見づらいと思うことはなかったが、外出先で日中にスマートフォンでサイトを見る...

dark-mode-and-light-mode.jpg

このサイトのデザインは黒地に白文字でダークモードという概念が出てくる前からダークモードだった。家のパソコンで見るときには見づらいと思うことはなかったが、外出先で日中にスマートフォンでサイトを見ると黒地に濃い赤色のリンクは見づらいなぁと思うことがあった。最近、 Mac や iPhone でダークモードの概念が浸透してきたので、自分のサイトの場合は昼間用のライトモード対応を行うことにした。こういう感じのメディアクエリを書けばよい。

@media (prefers-color-scheme: light) {
  ...
}

ただ、元々の CSS が結構ぐちゃぐちゃな書き方で難儀した。ダークモードとライトモードの切り替えが行えるサイトは必然的に CSS のメンテナンス性が高い状態だと思う。明暗を反転したときにこの色はこうなる、という対応関係が綺麗に提示できるような状態は、利用するカラーをシステマティックに整理できているということだと思う。 Sass で書いてあるなら利用する色はきちんと変数化されていて適切な命名がなされているとかそういう状態だと思う。 CSS の設計健康診断としてダークモード・ライトモード切り替え対応をやってみるのは結構いいと思う。

| @WWW
ヒトデさんのブログを読んでGoogleの広告設定を共有してメンバー間でつながるプロジェクトに参加した。 Googleの広告設定を共有する活動 -...

Temple wall at Hakata

ヒトデさんのブログを読んでGoogleの広告設定を共有してメンバー間でつながるプロジェクトに参加した

Googleの広告設定を共有する活動 - hitode909の日記

Googleの広告設定を共有する活動 - hitode909の日記

Googleの広告設定をScrapboxのタグとして取り込む遊びをやっていた。 最初はスクショを共有して遊んでたのだけど、普通にテキストコピーできることに気づいた人が居て、じゃあタグとして取り込めそう、とやってみたら教示を通じて人々がつながることができておもしろかった。 普通、タグは他のページにもついているものが役に立つけど、このプロジェクトにおいては他のページに付いていないタグが重要で、そのメンバーの個性とかユニークな興味を表していることになる。いまは人が少ないので0か1かだけでいいけど、人が増えてきたら、被リンク数がいくつあるのかによって色を変えられると便利になりそう。どこに注目したらいい…

blog.sushi.money

Google の広告設定のページにアクセスすると Google からどういう属性として認識されているかがわかり、それを共有して遊ぼうというもの。 Scrapbox はタグ付けが簡単なので人と人の関連性が表現しやすい。

Googleの広告設定を共有してメンバー間でつながるプロジェクト

Googleの広告設定を共有してメンバー間でつながるプロジェクト

about / おすすめタグページ / ネットワークを可視化したい / データ活用 / ssig33 / motemen / nhayato / shallow1729 / utgwkk / 環境に優しい生活、環境問題 / kotaro / silloi / 株式会社Misoca / morygonzalez / krrrr38 / 乳幼児 / mizdra / odmishien / hakob

scrapbox.io

おもしろかったので、普段使ってる三つの Google アカウントでそれぞれでどういう結果になるかやってみた。

個人アカウント

iPhone の Safari でも自宅の Mac でもログインしててよく使うアカウント。ただ最近は Google 検索をあまり使わないようになって、検索には DuckDuck Go を使うようにしている。 #企業向けテクノロジー #業種:_ヘルスケア業界 #業種:_テクノロジー業界 あたりが入っているのがおもしろい。前職が B2B の SaaS / クラウドソーシング企業だったこと、現職がアウトドア関連の企業であることを反映してそう。

#35~44_歳 #男性 #Anova_Culinary #TechAcademy_[テックアカデミー] #Mynavi #Amazon #American_Express #Aha! #Wantedly #Fujitsu #Bic_Camera #Yodobashi_Camera #Kakaku.com #SoftBank_Telecom #Apple_iOS #Mac_OS #SF_映画、ファンタジー映画 #SF_番組、ファンタジー番組 #TV_ゲーム、PC_ゲーム #アウトドア #アクション映画、アドベンチャー映画 #アニメ、漫画 #アメリカン_フットボール #イベント情報 #インディーズ音楽、オルタナティブ_ミュージック #ウェブデザイン、開発 #エクストリーム_スポーツ #オーディオ機器 #オフィス、ビジネスソフトウェア #お祝い、ギフト、祝祭日用グッズ #カメラ #カメラ_レンズ #カメラ、写真機材 #クーポン、割引サービス #クラウドストレージ #クラシック音楽 #グルメ食品、特別食 #クレジット_カード #ゲーム機 #コーヒー_メーカー、エスプレッソ_マシン #コーヒー、紅茶 #コミック、アニメーション #コメディ映画 #コンピュータ_コンポーネント #コンピュータ_ドライブ、ストレージ #コンピュータ_ハードウェア #コンピュータ_モニター、ディスプレイ #コンピュータ、電化製品 #コンピュータ周辺機器 #コンピュータ用メモリ #サイクリング #サッカー #ジャズ #ショッピング #スポーツ #スポーツ衣料 #スマートフォン #ソーシャル_ネットワーク #タブレット_PC #ダンス、電子音楽 #ツアー旅行 #デジタル一眼レフ_カメラ #テレビ、ビデオ、動画 #テレビドラマ #ドキュメンタリー番組、ノンフィクション番組 #トラック、バン、SUV #ニュース #バー、クラブ、ナイトライフ #ハイキング、キャンプ #ハッチバック #ビーチ、島 #ビジネス_サービス #ビジネス_ニュース #ビジュアル_アート、デザイン #ファースト_フード #ファッション、スタイル #フィットネス用品 #フォーク、伝統音楽 #ブランド品、高級品 #ブルース #プログラミング #ペット #ボート #ホームの自動化 #ポップ_ミュージック #マセラティ #ラグビー #ラップトップ、ノートパソコン #ランニング、ウォーキング #リフォーム #レストランのレビュー、予約 #レンタカー、タクシー #ロック_ミュージック #ワールド_ミュージック #飲食店 #映画 #音楽、オーディオ #価格比較 #家庭 #家電 #会計、財務ソフトウェア #確定申告、税務 #学歴:_学士号 #環境に優しい生活、環境問題 #企業向けテクノロジー #業種:_ヘルスケア業界 #業種:_テクノロジー業界 #銀行 #携帯電話 #芸術写真、デジタル_アート #芸能ニュース #個人ブログ、サイト #佐賀 #財務プランニング、マネジメント #山岳、スキー_リゾート #仕事 #子育て、育児 #子供の有無:_子供なし #子供服 #自動車 #自動車販売 #室内装飾、内装 #写真、画像の共有 #写真の印刷サービス #写真編集ソフト #社員数:_中規模雇用者(従業員数:_250~999_人) #授乳用品、離乳食用品 #住宅所有状況:_住宅所有 #書籍、文学 #商品レビュー、価格比較 #食器洗い機 #世界のニュース #世帯収入:_高 #政治 #送金・決済システム、サービス #大学 #都市交通 #投資 #東京 #動画編集ソフトウェア #日本 #配偶者の有無:_既婚 #美容、フィットネス #表計算ソフトウェア #舞台芸術 #福岡 #分散コンピューティング、クラウド_コンピューティング #宝石、アクセサリー #旅行 #料理、レシピ #量販店、デパート #腕時計

趣味アカウント

昔はよく使っていたが最近はあんまり使ってない。主に Mac で使ってた。いまは YouTube でのみこのアカウントを使ってる。

#35~44_歳 #男性 #SF_映画、ファンタジー映画 #SF_番組、ファンタジー番組 #アメリカン_フットボール #イベント情報 #ギター #クイズ番組 #クラシック音楽 #グルメ食品、特別食 #コーヒー、紅茶 #コミック、アニメーション #コンピュータ_ハードウェア #コンピュータ、電化製品 #ショッピング #スポーツ #ソーシャル_ネットワーク #テレビ、ビデオ、動画 #テレビドラマ #トーク番組 #ニュース #バスケットボール #ビジネス_サービス #ビジュアル_アート、デザイン #フィットネス #ヘヴィメタル #ペット #ホームの自動化 #ポップ_ミュージック #ラグビー #リアリティ番組 #リフォーム #ロック_ミュージック #ワールド_ミュージック #映画 #音楽、オーディオ #家族向けテレビ番組 #学校、教室関連用品 #環境に優しい生活、環境問題 #業種:_テクノロジー業界 #芸能ニュース #子供の有無:_3_要素 #自動車 #自動車販売 #室内装飾、内装 #社員数:_小規模雇用者(従業員数:_1~249_人) #住宅所有状況:_住宅所有 #書籍、文学 #商品レビュー、価格比較 #食料品小売業 #世帯収入:_平均以上 #政治 #都市交通 #東アジアの音楽 #配偶者の有無:_既婚 #美容、フィットネス #舞台芸術 #服飾 #分散コンピューティング、クラウド_コンピューティング #野球 #料理、レシピ #量販店、デパート

仕事用アカウント

会社の Gsuite のアカウント。 Chrome の Canary Channel で利用していて、個人アカウントとは明確に使い分けてる。仕事関係の検索やサイト閲覧はほぼほぼこのブラウザーで行っている。仕事用アカウントなので買い物とか趣味の検索はほとんどしない。どうも消費に結びつく検索をしないと世帯収入が低く出る模様。逆に個人アカウントでは頻繁に消費に関係する検索を行っているので世帯収入が高いと判定されてるっぽい。また個人的な用途に使わないので年代を特定できず、 25〜54_歳 という扱いになってるのも面白い。

#25~54_歳 #男性 #Apple_iOS #TV_ゲーム、PC_ゲーム #アウトドア #アクション映画、アドベンチャー映画 #アメリカン_フットボール #エクストリーム_スポーツ #オーディオ機器 #オフィス、ビジネスソフトウェア #カメラ、写真機材 #クーポン、割引サービス #クラウドストレージ #グルメ食品、特別食 #クレジット_カード #コミック、アニメーション #コンピュータ_ハードウェア #コンピュータ、電化製品 #ショッピング #スポーツ #スマートフォン #ソーシャル_ネットワーク #テレビ、ビデオ、動画 #テレビドラマ #ニュース #ハイキング、キャンプ #ビジネス_サービス #ビジュアル_アート、デザイン #ファッション、スタイル #フィットネス #ブランド品、高級品 #ペット #ホームの自動化 #ラグビー #ランニング、ウォーキング #飲食店 #映画 #音楽、オーディオ #価格比較 #家庭 #家電 #学校、教室関連用品 #学歴:_学士号 #企業向けテクノロジー #起業準備 #業種:_テクノロジー業界 #携帯電話 #芸術写真、デジタル_アート #芸能ニュース #犬 #山岳、スキー_リゾート #子供の有無:_子供なし #自動車 #自動車販売 #室内装飾、内装 #社員数:_中規模雇用者(従業員数:_250~999_人) #住宅所有状況:_住宅所有 #書籍、文学 #商品レビュー、価格比較 #世帯収入:_平均以下 #送金・決済システム、サービス #都市交通 #配偶者の有無:_既婚 #美容、フィットネス #舞台芸術 #服飾 #分散コンピューティング、クラウド_コンピューティング #旅行 #料理、レシピ

| @ブログ
写真や画像があると文章だけよりも記憶に定着しやすいらしい。なのでヘッダー画像のバリエーションを増やしてみることにした。これまで自分が撮ってきた写真の中で気に入ってるもの、ヘッダー画像にちょうど良...

background-image random pick up

写真や画像があると文章だけよりも記憶に定着しやすいらしい。なのでヘッダー画像のバリエーションを増やしてみることにした。これまで自分が撮ってきた写真の中で気に入ってるもの、ヘッダー画像にちょうど良さそうなやつを 14 枚選んで、これまで表示していた門司の「平民食堂」のやつと合わせて 15 枚をランダムピックアップして表示させている。本当ならランダムではなく記事ごとにイメージに合う画像を選定すべきなのだろうけどそこまではやってない。「このブログ主はこういう写真の場所に行ったりこういう写真をいいと思ってるんだな」ということが伝われば良いと思ってる。

ランダム表示に関して、最初は JavaScript で CSS の background-image を書き換える方式でやっていたが、 DOM の読み込み完了時に動く都合上、かくつきが出てしまう。それで画像の選定は Ruby で行って data-attribute として指定し、予め CSS にそれぞれの data-attribute に応じた background-image を書いておくことにした。これでかくつきはほぼほぼなくなった。

<div id="header" data-background-image="heimin">
</div>
#header[data-background-image="heimin"] {
  background-image: url(header-bg-heimin.jpg);
}

このほかにも CSS 周りを結構いじってて、パンくずリストが載る部分は文字が読みにくくなるのでグラデーションでシャドーを掛けてる。これまで float でやってた配置の制御を flexbox に置き換えたりもやった。今のデザインのベースは 10 年前に作ったので、当時はグラデーションなんかは CSS で実現できず横幅 1px の画像をリピートする方法を使ったが、これで画像を捨てて全て CSS で実現できそう。良い世の中になってきてる。

| @ブログ
このブログのマークアップを改善して BlogPosting - schema.org に対応させた。2年くらい前に BreadcrumbList - schema.org には対応させていて、 ...

今宿の踏切

このブログのマークアップを改善して BlogPosting - schema.org に対応させた。

2年くらい前に BreadcrumbList - schema.org には対応させていて、 Google の検索結果にパンくずリストの情報が表示されるようになってたんだけど、 Search Console から「お前のパンくずリストのマークアップは不正だ」ってメールが来たので、ついでに BlogPosting にも対応させた。

Google が提供している 構造化データ テストツール が便利だった。

Google のコアアルゴリズムアップデート - portal shit! にも書いたけど、 6 月の Google のアルゴリズムアップデートの影響でサイトへのアクセスが激減してしまった。ヘルスケアやお金関係の記事だけでなく、その他のジャンルの記事も検索結果に表示されにくくなってるように感じる。インプレッションはご覧の通りほぼ半減している。

Google Search Console Impressions Graph

マークアップを改善してインプレッションが増えるかどうかはわからないけどしばらく様子を見てみたい。