最近の趣味は神社巡りです。
特に近場の神社巡りが楽しいです。
神社巡りの醍醐味は、神社の歴史自体の面白さと、神社の周りでも楽しめることが多いことです。

今回は会社がある新橋からも近いお勧めの神社、愛宕神社を紹介します。

出世階段（男坂）

この神社すごいです。これまでみたこともない階段が存在します。
神社に上るメインの階段、出世階段（男坂）と言われています。
登りは結構きついです、そして結構怖いです。
ちょっと離れたところにエレベーターがあるので不安な方は迷わずそちらを選びましょう
男坂の右手には多少緩やかな女坂が設けられていますが、今は工事中で利用できませんでした。
名前的に今の時代問題ありそうですが、好きなだけ好きな方で上り下りしてもらえば問題ありません。

写真だとなかなか伝わりませんが、ほんとにびっくりするような角度です。
しっかり登れば出世間違いなしです！

江戸城無血開城会談の地

この神社は明治維新好きは必ず訪れていただきたいのですが、
西郷隆盛と勝海舟が会談した場所、江戸城無血開城会談の地なのです。

今回とらのもん方面の裏側から愛宕神社に階段を利用せず入ったため、男坂から一度降りてから再度登りました。
ほんとに怖いくらいの急な階段です、これほど急な階段の神社には出会ったことがありません。これだけで行く価値ありです。
ただ本当に危険と隣り合わせなので晴れた日にしっかり手すりを持って登ることをお勧めします。

甘味処

神社に行った時の楽しみの一つですが、残念ながら近辺に甘味処は見当たりませんでした。
帰宅の足で、とらのもんヒルズでお茶とかいいかもしれません。

NHK放送博物館

この神社に来た際に是ぜひ立ち寄っていただきたいのが、NHK放送博物館
神社のすぐ隣にあります。
左手にはエレベーター通路も見えます。

神社巡りにきたら実はメインがこちらになったということもあり得ます。というかそうなりました。
なんと入場料無料

おなじみのキャラクターがお出迎え

朝ドラ好き、大河好きはもちろんですが、NHKのテレビを子供のころに見たことがあれば嵌ること間違いありません。NHK人形劇やみんなのうたの歴史も振り返っていろいろ楽しめます。

1Fから4Fまで各階にいろいろなエリアがあるのですが、今回４F特設会場では正直不動産の展示を行っていました。
ドラマ正直不動産、かなり好きなのでテンションがあがります。
テレビの中で山Pが着てたスーツが普通のスーツ過ぎてびっくり、芸能人が着るだけで普通の服も良く見えるのか、月下さんこんな地味な服装だったのね、材質もいたって普通でリクルートスーツかこれはくらいの勢い。

他には４Fのアーカイブ室では抜粋ですが昔の放送もいろいろ見ることができます。欠かさず見ていた懐かしの中学生日記も抜粋ですが少しありました。でももっとたくさんアーカイブに乗っけて欲しい。

全てがエモーショナルな空間でした。

過去に少しハマったので、備忘録として残しておきます。

prisma is 何 ?

TypeScriptのORMです。

公式はこちら
https://www.prisma.io/

構成

例えばeラーニングの様なサイトを作っているとします。

システムには受講者と講座が必要なので、それぞれ受講者テーブル（User）と 講座テーブル（Course）を用意します。

Userテーブル

Courseテーブル

UserOnCoursesテーブル

中間テーブルのUserOnCoursesを用意します。

受講者側から見ると
太郎くん→「国語」と「算数」と「理科」を受講します。
花子さん→「国語」と「算数」と「社会」を受講します。

schema.prismaは下記のようになっています。

// schema.prisma

model User {
  id Int @id @default(autoincrement())
  nickname String
  ・
  ・
  ・
  courses UserOnCourses[]
}

model Course {
  id Int @id @default(autoincrement())
  name String
  ・
  ・
  ・
  users UserOnCourses[]
}

model UserOnCourses {
  user User @relation(fields: [userId], references: [id])
  userId Int
  course Course @relation(fields: [courseId], references: [id])
  courseId Int
  @@id([userId, courseId])
}

やりたいこと

国語の受講者を全員取得したい

// TypeScript  

const users = await this.prisma.user.findMany({
    select: {
      id: true,
      /**
       * ・
       * ・
       * ・
       */
    },
    where: {
      courses: {
        some: {
          courseId: {
            equals: 1 // Courseテーブルの国語のid,
          },
        },
      },
    },
  })

これで、国語を受講している太郎くんと花子さんの二人が取得されます。

因みに実際に発行されるSQLはこんな感じ

SELECT
  u."id"
FROM 
  "User" AS u
WHERE (
  (u.id) IN (
    SELECT 
      u1."id" 
    FROM 
      "User" AS u1 
    INNER JOIN "UserOnCourses" AS uoc 
      ON (uoc."userId") = (u1."id") 
    WHERE (
      uoc."courseId" = 1 AND 
      u1."id" IS NOT NULL
    )
  ))
;

以上

はじめに

色は、さまざまな情報を伝える上でとても重要な役割を果たします。しかし、色ばかりに頼った情報設計をしてしまうと、一般的な色の見え方と異なったように見える色弱の方々にとっては、かえって情報が伝わりづらくなってしまう可能性があります。

アプリケーションの開発においても、情報が複雑化してくると色を使い分けてグループ化したり整理することも多くなるかと思います。
こういった情報設計における配色を行うとき、より多くの人に快適に使ってもらうために大切な考え方として、カラーユニバーサルデザイン(CUD)という考え方があります。

人間の色覚の多様性に対応し、より多くの人に利用しやすい配色を行った製品や施設・建築物、サービス、情報を提供するという考え方を「カラーユニバーサルデザイン（略称ＣＵＤ）」と呼びます。

引用元: NPO法人 カラーユニバーサルデザイン機構

今回は、さまざまな色の見え方と、具体的にどのような設計で改善を図ることができるのかについて考え、Google Chromeでのタイプ別の色の見え方を確認できる機能についてもご紹介したいと思います。

色の見え方について

色の見え方には、一般的な色覚のC型と異なるものとして大きく3つのタイプがあります。日本では、男性の約5%、女性の約0.2%がC型とは別のタイプで、後天的な色覚の変化も合わせると対象者は約500万人程度といわれています。それぞれのタイプや強度によって、色の見え方に違いがあります。

1. P型 / Protanope-type (１型)
赤色を感じることが難しい。

2. D型 / Deuteranope-type（２型）
緑色を感じることが難しい。
（最も多いタイプ）

3. T型 / Tritanope-type （３型）
青色を感じることが難しい。

カラーユニバーサルデザインの３つのポイント

カラーユニバーサルデザイン機構では、「カラーユニバーサルデザインの3つのポイント」として、下記のように挙げています。

「カラーユニバーサルデザインの３つのポイント」

a. できるだけ多くの人に見分けやすい配色を選ぶ。

b. 色を見分けにくい人（場合）でも情報が伝わるようにする。

c. 色の名前を用いたコミュニケーションを可能にする。

引用元: NPO法人 カラーユニバーサルデザイン機構

a. できるだけ多くの人に見分けやすい配色を選ぶ

色には「色相（色味の違い）」「彩度（色の鮮やかさ）」「明度（色の明るさ）」の3要素があります。

下記は、暖色系と寒色系の色を組み合わせると色が見分けやすくなる例です。

同色系であっても、コントラストを高くすることで色覚問わず多くのユーザーにとって情報を見やすくすることができます。
彩度の「高い」「低い」の組み合わせ、明度の「明るい」「暗い」の組み合わせも、色の区別をつけやすくするためには適しています。

b. 色を見分けにくい人（場合）でも情報が伝わるようにする

色だけでなく形を変えたりアイコン等の要素を併用することで、色に依存しないデザインで情報を伝えることができます。

また、文字や線を太くするだけでも面積が大きくなり、色を感じやすくすることができます。

c. 色の名前を用いたコミュニケーションを可能にする

色の名前を用いてやりとりがされる可能性があるものには、色の名前を記載することで、コミュニケーションが図りやすくなります。

特にaとbについては、アプリケーションの情報設計を考えるときには配慮しておきたいポイントになるかと思います。
W3Cのウェブコンテンツアクセシビリティガイドライン（WCAG）でも、十分なコントラストを確保することや、色を唯一の視覚的手段としないことなどが含まれています。

Google ChromeのDevツールで色の見え方をエミュレート

Google Chromeのデベロッパーツールには、色覚特性の見え方で実際の画面をエミュレートできる機能があります。
こちらは誰でもかんたんに確認できるので、知っておくと便利かと思います。

● 使い方
1. Google Chromeを開き、デベロッパーツール(F12キー)を起動します。
2. 右上にある3点リーダーアイコンをクリックします。
3. 「その他のツール」をクリックし、「レンダリング」をクリックします。

ツール下部のブロックに、「レンダリング」というメニューが追加されます。
クリックしてスクロールすると、「色覚異常をエミュレート」という項目があります。

・「エミュレーションなし」

・「1型 2色覚」を指定

前述した1型,2型,3型の3タイプはもちろん、他にもコントラストの確認や無彩色の状態もこのツールで確認できるようになっています。

このツールを使用して、実際にどのようにウェブサイトやアプリケーションが見えることがあるのかを確認できるため、適切な配色を行いたいときに参考にすることができます。

おわりに

色覚の違いによって起こる問題には、目的に応じた色の選択と、その組み合わせを理解し情報を適切に伝える工夫が大事であることを、作り手として改めて感じました。
当たり前のことであっても、実際に意識してできているか、自分にとっては細かいところや少しの差でも、実際は大きく違って見えることもある、ということを忘れず、すべての人にとって情報が正しく機能するものづくりを目指したいと思います。

そして結果的には、色覚問わずすべての人にとってより使いやすいサービスになることへつながっていくと思いますので、、情報の受け手に配慮する姿勢は常に持ち続けたいです。

アクセシビリティを意識したサービス提供ができるよう、自分に何ができるかを考え、基本的な知識を身につけることはもちろん、各ガイドラインを参考に適応できるところはどんどん進めて、今後もサービスの改善に努めてまいります。

SDGs 企業の取り組み

身近なところでも、SDGsへの取り組みやロゴなどを目にする機会が増えてきました。
楽天カンファレンス2024に参加して、ブログでも記載しましたが、入場券に印字のQRコード使用や、ちらしペーパーレス化、企業のSDGｓの取り組みを感じるようになってきました。
身の回りでも意識していけるものがありますね。
経営統合しグループ会社となった日本ECサービス社さんも取り組んでいますね。
自分も出来ることから始めていきたいと思います。

オフィスで実践できるSDGsの取り組み方

■ペーパーレス化
■有給休暇の取得促進
■省エネ カーボン・オフセットに取り組む
■環境にやさしい製品を利用
■防災対策の強化
■働きやすいオフィスレイアウトの導入
■評価体制の見直し
などなど調べるとありますね。
グリニッジの取り組みとしても 有給休暇取得促進はまさしくこれは絶賛取り組み中です。笑。
当社では、時間単位の有給も柔軟に取得できることでより働きやすい環境になっています。

省エネカーボンにつながるものとしては、個人的にですが、、今回初めて、電気自動車にのりました！
そちらを今回少し紹介したいと思います！

電気自動車

電気自動車（でんきじどうしゃ）とは、電気をエネルギー源とし、電動機（電気モーター）で走行する自動車である。略称は一般的にEV（Electric Vehicle、イーブイ）が用いられる。化石燃料を燃焼させる内燃機関（内燃エンジン）を持たないことから^{[注 1]}、走行時に二酸化炭素（CO₂）や窒素酸化物が出ないゼロエミッション車の1種である^[1]。近い将来排出ガス規制や他の追随を許さないエネルギー効率の高さ^[2][3]、全固体電池の実用化の目処が立ったことなどから次世代自動車として最も期待されている^[4]。

出典: フリー百科事典『ウィキペディア（Wikipedia）』

脱炭素社会へ

日本政府は、2050年までに脱炭素社会を目指すことを宣言しています。
脱炭素社会とは、地球温暖化の原因となる温室効果ガスの排出量のうち、人間の活動によるものを「実質ゼロ」にする社会のことです。また、同じ意味を持つ言葉として「カーボンニュートラル」としても表現されます。温室効果ガスの排出量を「実質ゼロ」としているのは、どうしても削減しきれなかったCO2の排出量を、森林管理や植林による吸収量を差し引き、排出量を実質的にゼロにするということを意味しています。従来の自動車（ガソリン車）は、国内のCO2排出量の16％を占めているとされています。そのため、電気自動車に切り替えることで、CO2排出量を大幅に削減することができるのです。
政府は「2035年までに新車販売は電気自動車100％を実現する」と発表しています。
つまり、2035年にはガソリン車はほとんど販売されなくなるということです。
・・・・ほんとですかね。。

課題

日本は2009年に電気自動車が導入され、そのスピードは他国に比べても早かったといわれてます。
しかし、思うように普及が進んでいません。現在日本の電気自動車の普及率は国内における自動車市場全体の0.8％程のようです。ちなみに、電気自動車の普及率が世界トップの国はノルウェーでは
2021年11月時点でノルウェーの自動車市場全体の73.8％を占めています。なぜ日本は電気自動車の普及が進まないのでしょうか。それは、普及を進めるにあたって解決しなければならない課題があるからです。

【課題】充電インフラ

充電スタンドの不足が電気自動車の普及が進んでいない最大の原因があります。
確かに電気自動車に乗った際も持ち主の友達はどこにスタンドがあるか、とても念入りにチェックしていました。・・暖房をつけ続けると、結構電力が消費されるので、冬場は注意みたいですね。
そして、充電スタンドは、大きめのガソリンスタンドに備わっていると思ってたのですが、意外にないんですね。。・・・ちなみに今回は上り中央道双葉 SAで入れたときの写真です↓📷

ちなみにちなみに行きの下りの大きい談合坂SAでは充電スタンドは見なかったです。くだりは、都内で入れてきてるからいらないだろという認識で無いのか、たまたま見つけられなかったのかはわからないです。補充もガソリンのようにチャチャっとではなく、20分～30分かかり、また、スタンドによる、電気出力数？によっても時間は違うみたいです。

【課題】再生可能エネルギーへの転換

再生可能エネルギーへの転換です。脱炭素社会を目指して、電気自動車の普及を促してはいますが、実は電気自動車を生産する段階で温室効果ガスが発生してしまうという問題が発生してしまう。

SDGs目標に貢献

まだまだ課題はありますが、電気自動車が普及し、再生可能エネルギーへの転換が実現するならば、
SDGs目標7の「エネルギーをクリーンにそしてみんなに」
SDGs目標13の「気候変動に具体的な対策を」
の達成へと大きく貢献する要素となります。太陽光や風力発電、水力発電などの再生可能エネルギーへの転換は、温室効果ガスの排出を実質ゼロにする脱炭素社会の実現も夢ではないようです。脱炭素社会は人類が抱える気候変動という大きな課題を解決への１歩です。電気自動車が普及すれば、ガソリン車から出る排気ガスが無くなり、空気もきれいになります。このように電気自動車の普及は未来を良くするうえでも欠かせない取り組みなんですね。今後の電気自動車にも注目していきたいと思います。

家庭内、職場、外出先など、あらゆる場面で簡単に始められる、SDGsの取り組みを意識し地球にやさしい行動を心掛けたいと思います！

P.S　友達の電気自動車でスノーボードに行ってきました。🏂

こんにちはー！　グリニッジの塚部です。

仕事でもプライベートでもやることが貯まっていくと、思考停止になり、さらに仕事が増えて、頭グシャグシャグシャってなるときってありますよね。　

単純作業であれば、時間に比例してどれぐらいで片付くか分かりますが、それでも途中で差し込みの仕事がきて、途中で手が止まり、また差し込みのものが優先になったりすると、また頭グシャグシャグシャとなります。

そんな時におススメなのが、巷でもよく言われますが、まず紙でも何でもいいので書き出すこと。

①持っている仕事を書き出し、見える化

仕事が溜まってくると、どれぐらいで片付くのか先が見えなくなり、生産性も落ち気味です。

そこでまず、重要なのが書き出すこと！

やってみると、面白いことに、思ってたより少ないな。と感じることがあり、何より一度落ち着くことができるため余裕がうまれます。

逆に、こんなに多いのか。と見える化できた場合は、そこから次に進みましょう。

②書き出した後は、分解

書き出した後に、思ってたより少なければ問題ないですが、多い場合はどうしよう・・・となります。

例えば、こんな感じ。

• 電話をする。
• メールに返信する。
• 提案資料を作る
• 社内の議事録をまとめる
• 見積もり作成をする
• MTG

あえて、ざっくり書きましたが、電話やメールは、すぐ実行できそうですが何件あるか分からず、資料作成などは忙しい時は特に後回しにされがちで、時間が読みづらいです。

時間が読みやすい仕事は数を入れて、時間が読めない仕事は分解しましょう。

• 電話をする　3件
• メールに返信する　4件
• 提案資料を作る
  • ゴール設定
  • 構成/資料のボリューム
  • 調査時間
  • スライド毎のテーマ設定
  • 10ページ作成
• 社内の議事録をまとめる
  • 議事録作成
  • 参加者に確認
  • 共有
• 見積もり作成をする　2件
• MTG　1時間

これぐらいで、やっと何となく全体のボリューム感が把握できます。どこまで分けるかは人次第ですが、悩むほど細かく分ける必要はないと思います。

③具体化、分解したあとは時間を決める

だいたいのボリューム感が分かりましたが、これがどれぐらいで終わるのかはまだ読みづらいです。

そこで、最後に各仕事の時間を決めましょう！　やったことないから分からないものでも、ここはとにかく決めることがポイント。そして、1時間ぐらいかかりそう。という場合はもう少し分解してみましょう。

• 電話をする　3件×10分/1件＝30分　
• メールに返信する　4件×5分/1件＝20分　
• 提案資料を作る　170分＝2時間50分
  • ゴール設定　10分
  • 構成/資料のボリューム　20分
  • 調査時間（必要であれば）20分
  • スライド毎のテーマ設定　20分
  • 10ページ作成　10分/1P×10P　100分
• 社内の議事録をまとめる　20分
  • 議事録作成　10分
  • 参加者に確認　5分
  • 共有　5分
• 見積もり作成をする　2件×10分/1件＝20分
• MTG　1時間

合計　5時間20分

意外といけそう。　1日8時間働いてれば、2時間40分空きがある。多少ずれても終わりそう。

実際はそんなにシンプルではないかもしれませんが、初めの状態、

• 電話をする。
• メールに返信する。
• 提案資料を作る
• 社内の議事録をまとめる
• 見積もり作成をする
• MTG

この時点に比べると、かなりクリアになったのではないでしょうか。

また何よりも、見積時間と比較して早かったか、遅かったかが分かるようになるので、自分の見積り力＆処理能力の把握にもつながります。

まとめ

とにかく、仕事が多すぎるーという時は、書き出して、分解して、時間をきめましょう！

余裕ができたらではなく、余裕は意図的につくらないと、なかなかうまれない説。