カテゴリー: 書籍情報

記事の一覧

  • ウェブサイトのアクセシビリティについて

    クリックして本文を表示

    IMG_5818
    コーディングWebアクセシビリティ<WAIーARIAで実現するマルチデバイス環境のWebアプリケーション>
    ボーンデジタル
    著:ヘイドン・ピカリング 訳:太田良典 伊原力也 Bスプラウト

    価格 2,484円(本体2,300円+税)
    発行年月 2015年03月
    判型 A5
    ISBN 9784862462664

    本の最初の方にウェブが「本質的にアクセシブルであるというメディアの責務」、という表現が書かれていて、気づかされるものがありました。

    あまりうまく言えないのですが、ウェブ上に、HTMLで書かれたものなら、ブラウザが表示し、スクリーンリーダーが読み上げれば目が見えない人にとっても、本とは違って常に更新され、新しい情報を受け取ることができる。しかも、多分、他のものよりも容易で手軽に。それはきっと誰かの今を明日を良くする可能性があるものだと思いました。

    実際問題、ウェブの制作者として明日から何ができるのか、今の仕事で何ができるのかを問われると答えられないのですが、少なくとも、「アクセシブルである責務」について考え、コーディングを少しでも「適切な」ものにしていける指針ができたように思います。

    初めてHTML5について真面目に調べた時、いろんなタグが増えたこととその理由を聞いた時、「あー!これだーー!!」と思っていたことを、久しぶりに思い出してワクワクしました。HTMLが書ける自分でよかったなあ、とも。

    さて、本の内容ですが・・・・・javasctiptについての知識がそこそこないと理解しがたい部分もあって、全てを把握できたわけでなく、何度か読み返しが必要だな、と思ったのですが、やはりHTML5のタグを理解し、適切に作ることが何よりも肝要で、jsで効果や動きをつけていく際にも、アクセシビリティを阻害しないやり方について知恵を出すべき、ということでありました。

    正直なところ、読み上げソフトがどのようにウェブページを読んでいくかについての実際に知らなければ理解できない点が多いので、まずは自分で作ったサイトを読み上げさせてみることがいいと思います。

    MacにはVoice Overという読み上げの機能があります。

    スクリーンショット 2015-12-31 13.02.29

    Macは、特に設定を変えなくてもブラウザでページを開いて、ショートカット「⌘+F5」を押すと読み上げを始めます。読み上げをやめたい時も「⌘+F5」です。項目を飛ばしたり

    iPhoneでも使えます。
    設定>一般>アクセシビリティ>スピーチ を選び、「画面の読み上げ」をONにします。

    友人からこの読み上げの機能が「校正に使えそう!」というヒントをもらって「ガッテン!ガッテン!」と盛り上がりました。(ちょっと違う)

    と、いうのはさておき、読み上げさせてみるとわかることがいろいろあります。私は、とにかくWebのテキストでは「英数は半角!」と主張していたのですが、読み上げがうまくいかないことがあるのだとわかって、工夫が必要なのかもしれない、と思っています。あと、リーダー自体も「読み間違い」があったりしたので、そういうところは今後改善なのかなあ、と思いました。書いてある日本語を正確に読み上げさせるってかなり大変ですね。漢字の読み間違えが結構多いんです。日本語対応のリーダーにはもっと賢くなってもらわなくちゃ、ですねー。

    ウェブというメディアが目指すべきところというのを考えさせられましたし、常に考えていく必要があるなあ、と思いました。

  • 著作権について考えてみた

    クリックして本文を表示

    何かと騒がれておりますので、いま一度、確認した方が良かろうかと、3年ぐらい前に買った本ではありますが、分かりやすいのでご紹介。

    IMG_5124

    デザイナーのための著作権ガイド
    http://www.honyaclub.com/shop/g/g12736620/
    価格 6,264円(本体5,800円+税)
    発行年月 2010年07月
    判型 B5
    ISBN 9784756240408

    (さらに…)

  • これからWeb制作に携わる人へのやさしい解説書

    クリックして本文を表示

    IMG_5031

    ・・・・・と書いてあったので手に取ってみたら結構良い感じだったのでご紹介。

    (さらに…)

  • 『デザイニング・ウェブナビゲーション – 最適なユーザーエクスペリエンスの設計』

    クリックして本文を表示

    デザイニング・ウェブナビゲーション - 最適なユーザーエクスペリエンスの設計

    オライリーの山猫で通じる方もいらっしゃいますかね。
    フリーランスになったばかりの時シロクマと一緒に買って読みなさいと言われて購入したものです。発行年が2009年とちょっと古いですが、基本的なことがまとめられているので今読んでも十分参考になります。

    フロントエンドエンジニアは必須、絶対に読んだほうがいいです。
    のみならず、ウェブのディレクションをする人にも、デザイナーさんにもできれば読んでほしい本です。

  • 『Web制作者のためのCSSの教科書』

    クリックして本文を表示
    IMG_4550

    コンポーネントなどを厳密に考えて制作するのはちょっと大変だな、と思いましたが、1〜2章ぐらいまでの「こういう書き方をすべき」という点はのもすごくためになりました。

    フロントエンドに関わり、CSSを独学で学んできたけど最近いろんな人との書き方の違いに悩んでいる方は是非一読を。
    あと、WordPressで何故あんなにclass名がポコポコたくさんついてくるのか疑問に感じた人もぜひ読まれてみてはいかがでしょうか。

    『Web制作者のためのCSSの教科書』
    https://book.impress.co.jp/books/1113101128
    価格:本体2,200円(税別) ISBN:9784844336358

    余談ですが、アマゾンで購入!でもいいのですがぜひ、本はぜひお近くの書店でお取り寄せなりでご購入ください。リアルの本屋さんを応援する気持ちで利用してもらえたらと思います!是非!!

    加筆!
    より新しい別の著者の本でこちらもおすすめです。

    『CSS設計完全ガイド ~詳細解説+実践的モジュール集」
    https://gihyo.jp/book/2020/978-4-297-11173-1
    価格:3,280円(税別) ISBN:978-4-297-11173-1

    2023-07-14 URLを変更、一部加筆修正、書籍のリンク先を変更しました

カテゴリ

タグクラウド

css functions theme.json WordPress wp-config すぐ使えるTips カスタムブロック ダイナミックブロック ブロックエディタ 擬似クラス 私の備忘録

最近の記事

月別アーカイブ