2020-06-01

雨の演出に取り込まれる映画【５選】雨の描写に心打たれる作品

映画

はじめに

毎年、梅雨の時期のどんよりとした朝が苦手です。また、雨の日の通勤は最悪です。濡れた傘。電車の中で濡れた傘があたる。
「折りたたみ傘にして、ビニール袋にしまって鞄にIN！」してほしいです（笑）日常生活では嫌な場面が目立つ雨ですが、映画ではどうでしょう？映画の雨のシーンには色々な感情を抱かさせてくれます。
そう「日常とは異なるシーン」があります！
ということで、雨がもたらす効果を踏まえて僕が実際にみた雨の印象のある映画【５選】をご紹介します。

まとめ

ごく一部のご紹介となってしまいましたが、恋愛・ヒューマンドラマなど「感情」に訴えかける映画には「雨」が使用されています。

今後、映画を見る際に雨がもたらしている効果を気にしながら鑑賞するのも新しい楽しみ方だと思います。

憂鬱な気分になる日常の雨から、映画の素敵な雨に魅了され、気分転換出来たら最高です。

2020-05-15

乾燥肌のメンズ必見！原因を知ってスキンケアで対策しよう

健康

はじめに

毎年のように乾燥肌に悩まされる時期ってありますよね。こういった時期に「乾燥するな～」と感じる前に肌が悲鳴をあげています（笑）乾燥肌は様々な原因で起こっています。また年齢を重ねる毎に肌は劣化していきます。若いから寝て起きたら大丈夫！は、もう通用しません（笑）！僕ももうダメみたいです、、、なのでスキンケアで乾燥肌対策をしようと思いました。
ということで初心者が始めたスキンケアについてまとめます。

まとめ

男性は乾燥肌になりやすくスキンケアに対して無頓着ですよね。

若いうちから肌を気にしてあげて、かっこいい大人になりましょう！

目指せ竹野内豊さん！

某CMみたいですがその通りだと思います（笑）

2019-10-26

乾燥肌に悩んだ20代メンズがスキンケアしてみた感想

健康

はじめに

年々、肌の至る所でカサつくようになりました。そうなんです、乾燥肌になってしまいました。ニキビの次に乾燥肌は目立ちますよね、、、外出する時など自分の肌が気になって、鏡で確認してカサカサだと恥ずかしいです（笑）。このままだといけない！と思い「スキンケアはじめました～♪」

【Webエンジニア向け】簡単に理解できるアクセシビリティチェックについて

IT SE

アクセシビリティ対応についての記述はこちらをご覧ください。

アクセシビリティチェック

アクセシビリティ対応を行ったページが、基準を満たしているかを確認する事を指します。また、HTMLコード・リンクが正しいかなど基本的な確認も含めます。

当たり前ですが,,,(笑)

上記を踏まえて、確認項目をまとめると下記の３項目になります。

アクセシビリティの基準を満たしていることを確認する。
HTMLのコードが正しいことを確認する。
リンク先が正しいことを確認する。

まとめてみると、意外に少ないように感じますが、アクセシビリティ基準を満たすことをスケールダウンさせ、仮にレベルAAAを目指す場合は、合計61項目の確認項目があります。１ページごとに61項目の確認するのは骨が折れます,,,

なので、「アクセシビリティ基準を満たすことを確認する。」のではなく「アクセシビリティ基準を満たしているコードを使用する。」ことで確認の手間を省きます。

また確認の際には、下記のツールを使用することで、作業を簡易的にし効率化に繋がります。

Michecker
HTMLValidator
W3C
BROKEN LINK CHECKER

Michecker

Micheckerとは、高齢者や色覚障がい者などどのようなユーザーでも操作しやすいものになっているかチェックする、アクセシビリティ対応したツールである。
総務省が提供しており、利用環境に制限がある。

総務省ホームページにてツールが提供されている。

参考ページ（総務省）

HTMLValidator

HTMLValidatorとは、入力チェックのことであり、主に入力内容や記述内容が要件を満たしているか、妥当性を確認することである。入力チェックのことであり、主に入力内容や記述内容が要件を満たしているか、妥当性を確認することである。

下記の３要素が概ねValidatorにあたる。

入力チェック
書式チェック（データの形式チェック）
妥当性の確認

Firefoxの拡張機能などでツールが提供されている。

参考ページ

W3C

W3Cとは、Web技術の標準化を行う非営利団体である。

HTMLやXMLの標準規約を決めるなどの活動を行っている。

例えば、webページの表示は、ブラウザによってレイアウトが変わってしまう問題を抱えている。
ブラウザやバージョンの互換性を保証することは、ユーザの使いやすさや開発者の負担軽減につながる。
互換性を保証するために、Web標準規格を準拠させることを推奨としており、規約を定めている。

W3Cなどでツールが提供されている。

参考ページ

BROKEN LINK CHECKER

BROKEN LINK CHECKERとは、リンク切れの確認を行うツールである。
ページ上から外部・内部のサイトへのリンクを貼った中で、リンク切れがあるかどうかを、一括チェックしてくれる。

chromeの拡張機能等でツールが提供されている。

参考ページ

まとめ

アクセシビリティチェックは範囲が広く、基準が曖昧である。その為、チェック自体にも、ある程度のラインを設ける事が必要であると思う。

なので、ツールを上手く活用し、一定の品質を保つことが重要である。

2019-07-10

【Webエンジニア向け】簡単に理解できるアクセシビリティについて

IT SE

アクセシビリティについてご存知でしょうか？

アクセシビリティとは、近づきやすさ、利用しやすさ、などの意味を持つ英単語です。 IT分野では使いやすさや利用しやすさを意味するユーザビリティに近い意味として使われることが多いです。

正直なところ、Webページを作成するにあたり、気にしたことがなかったです。

しかしながら、Webのアクセシビリティ対応は海外の公共機関では、法律による義務化がなされているほど重要な対策です。

今回はアクセシビリティについて、簡単にまとめてみたいと思います。

アクセシビリティ対応とは？

アクセシビリティ対応とは、年齢や身体障害の有無に関係なく、誰でも必要とする情報に簡単にたどり着け、利用できることをいいます。

例えば、画像は視覚で確認するものですが、視覚障がい者の方の場合はどうでしょう？

視覚障がい者の方は音声認識機能を使用して、テキストの内容を把握しています。画像の場合は「alt=""」に画像内の情報を記述することにより、内容を伝える事ができます。

その為、画像に意味の伝わる内容の「alt=""」を記述することにより、アクセシビリティ対応していることになります。

このように、アクセシビリティ対応するにも幾つか要件があります。また、満たした要件によって「A／AA／AAA」の様に、レベル分けがされています。

レベルA／AA／AAAとは？

レベルA、レベルAA、レベルAAAの3つの適合レベルはJIS X 8341-3: 2016に記載されています。各適合レベルにおいて、満たすべき基準が定められています。

基準とは、ページの作成において対応すべき個別の要件を規定したもので、レベルAは25項目、レベルAAは13項目、レベルAAAは23項目の合計61項目あります。項目数が多い点で既に、難易度が高いことがわかります。また、１つ１つの要件の内容も達成が難しい基準となっております。

レベルA（25項目）

1.1.1 非テキストコンテンツに関する基準

1.2.1 収録済みの音声しか含まないメディア及び収録済みの映像しか含まないメディアに関する基準

1.2.2 収録済み音声コンテンツのキャプションに関する基準

1.2.3 収録済みの映像コンテンツの代替コンテンツ又は音声ガイドに関する基準

1.3.1 情報及び関係性に関する基準

1.3.2 意味のある順序に関する基準

1.3.3 感覚的な特徴に関する基準

1.4.1 色の使用に関する基準

1.4.2 音声制御に関する基準

2.1.1 キーボード操作に関する基準

2.1.2 フォーカス移動に関する基準

2.2.1 調整可能な制限時間に関する基準

2.2.2 一時停止、停止及び非表示に関する基準

2.3.1 3 回のせん（閃）光又はいき（閾）値以下に関する基準

2.4.1 ブロックスキップに関する基準

2.4.2 ページタイトルに関する基準

2.4.3 フォーカス順序に関する基準

2.4.4 文脈におけるリンクの目的に関する基準

3.1.1 ページの言語に関する基準

3.2.1 オンフォーカスに関する基準

3.2.2 ユーザーインタフェースコンポーネントによる状況の変化に関する基準

3.3.1 入力エラー箇所の特定に関する基準

3.3.2 ラベル又は説明文に関する基準

4.1.1 構文解析に関する基準

4.1.2 プログラムが解釈可能な識別名、役割及び設定可能な値に関する基準

レベルAA（13項目）

1.2.4 キャプション（ライブ）の基準

1.2.5 音声解説（収録済み）の基準

1.4.3 コントラスト（最低限レベル）の基準

1.4.4 テキストのサイズ変更の基準

1.4.5 文字画像の基準

2.4.5 複数の手段の基準

2.4.6 見出し及びラベルの基準

2.4.7 フォーカスの可視化の基準

3.1.2 一部分の言語の基準

3.2.3 一貫したナビゲーションの基準

3.2.4 一貫した識別性の基準

3.3.3 エラー修正の提案の基準

3.3.4 エラー回避（法的，金融及びデータ）の基準

レベルAAA（23項目）

1.2.6 手話（収録済み）の基準

1.2.7 拡張音声解説（収録済み）の基準

1.2.8 メディアに対する代替コンテンツ（収録済み）の基準

1.2.9 音声だけ（ライブ）の基準

1.4.6 コントラスト（高度レベル）の基準

1.4.7 小さな背景音，又は背景音なしの基準

1.4.8 視覚的提示の基準

1.4.9 文字画像（例外なし）の基準

2.1.3 キーボード（例外なし）の基準

2.2.3 タイミング非依存の基準

2.2.4 割込みの基準

2.2.5 再認証の基準

2.3.2 回のせん（閃）光の基準

2.4.8 現在位置の基準

2.4.9 リンクの目的（リンクだけ）の基準

2.4.10 セクション見出しの基準

3.1.3 一般的ではない用語の基準

3.1.4 略語の基準

3.1.5 読解レベルの基準

3.1.6 発音の基準

3.2.5 要求による変化の基準

3.3.5 ヘルプの基準

3.3.6 エラー回避（全て）の基準

みんなの公共サイト運用ガイドライン（2016年版）より引用

アクセシビリティ・サポーテッド

上記すべの要件（レベルAAA）を満たすのは、極めて難易度の高いことであり、開発者に負担がかかります。

コンテンツ側の実装技術と、ユーザーエージェント/支援技術側の対応状況の折り合いがついて、初めてアクセシビリティが実現する、という考えかたがあります。

また基準を満たすために、基準を満たしているモジュールの作成・チェックツールの使用等が必要になってきます。

まとめ

アクセシビリティについて、簡単に記述しました。

アクセシビリティ対応するには、多くの基準があり、難易度が高いです。

しかし、すべての利用者に不自由なく使用するためには必要な対応だと考えています。

むしろ、対応することが当たり前になるといいと思います。

目次

雨がもたらす演出の効果

マルチな演出を持つ雨

悲しい雨

楽しい雨

スマートな雨

雨のシーンが印象的な５作品

きみに読む物語（2004公開）

Singin' in the Rain 雨に唄えば（1952公開）

おおかみこどもの雨と雪（2012公開）

クローズZERO（2007公開）

マトリックス（1999~）

まとめ

目次

メンズ肌の主な特徴

乾燥肌の原因

正しいスキンケアの方法

洗顔後はなるべくすぐに保湿をする！

化粧水は手で温めてあげる！

乳液は顔全体を意識すること！

プラスαのスキンケア

まとめ

目次

スキンケアについて

化粧水と乳液の効果

実際に使用している化粧水と乳液の紹介

1週間の感想

アクセシビリティチェック

Michecker

HTMLValidator

W3C

BROKEN LINK CHECKER

まとめ

アクセシビリティ対応とは？

レベルA／AA／AAAとは？

レベルA（25項目）

レベルAA（13項目）

レベルAAA（23項目）

アクセシビリティ・サポーテッド

まとめ