色覚障がい者に配慮したWebサイトの作り方
2017年4月11日 Webサイト制作, アクセシビリティ, 色彩 今持ってるプロジェクトの中で、視覚・色覚障がい者にも配慮したWebサイトの制作があります。視覚障がい者向けのサイト制作についてはいくつか記事を発見できたのですが、色覚障がい者に向けたWebサイト制作についてはなかなかヒットしなかったので、断片的に読んだものを記事にまとめました。参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 追記: 一部表記の仕方を変更しました。 色覚障がいについて 目の、色を認識する細胞の変異で、色の識別が異なることを「色覚障がい」「色覚異常」と呼びます。色覚障がいといってもいろいろな種類があり、ここでは人口の多い赤系統や緑系統の色の識別が困難な、赤緑色覚異常の場合について書いてみます。 困難な点としては 灰色だと思ったらピンクのシャツだった 焼肉の際、生肉と焼けている肉の区別がつきに
これはいい！設置するだけでWebサイトを高速化·FastPage MOONGIFT
FastPageは静的サイトを対象にしたWebサイト高速化ソフトウェアです。 Googleはページの表示速度を検索順位の要素に盛り込むようになっています。そうでなかったとしてもページが高速に表示されるのは良いことです。そこで既存のサイト構成そのままにサイトを高速化するFastPageを使ってみましょう。 ファイル構成です。 例えば実行したイメージです。普通にファイルの内容が返ってきますが、実際にはキャッシュが使われています。 FastPageではファイルサイズの小さい画像をHTML/CSS内にインラインで展開したり、JavaScriptもサイズが小さければHTML内で展開します。さらにファイルもGzipで圧縮して転送量を小さくする、キャッシュ（サーバサイド、クライアントサイド）の利用などの施策がとられています。 なお商用版ではAmazon S3やWindows Azureを使ったCDN配信
HTTP 2.0はグーグルのSPDYがベースになる？ 議論開始の提案がIETFで
「新しいバージョンのHTTPについての作業を開始する機が熟したのではないか」。HTTP 1.1仕様の改版を議論しているIETFのHTTPbisワーキンググループのメーリングリストに1月24日、このようなメッセージが議長のMark Nottingham氏から投稿されました。 現在議論されているのは、RFC2616で規定されたHTTP 1.1仕様のバグや問題の修正などで、基本的にこれまでのHTTPと互換性があることを前提にした仕様です。これが2月にラストコールとなることから、そろそろ次のHTTPについての議論をスタートさせよう、と呼びかけが始まったのです。 HTTP 2.0の議論を含む新しい憲章案も メッセージは、「We're getting close to Working Group Last Call.」（ワーキンググループの作業もラストコールに近づいてきた）と始まります。もうすぐ4年あ
Google製のクライアントサイド、JavaScript製テンプレートエンジン·JsTemplate MOONGIFT
JsTemplateはGoogleが開発したJavaScript製のテンプレートエンジンです。 Webアプリケーションがさらに開発されていくために必要なのが高機能なJavaScriptテンプレートエンジンの存在です。幾つか出てきていますが今回紹介するのはかなり有力です。なぜならGoogleが開発したテンプレートエンジンだからです。それがJsTemplateです。 デモです。左上がテンプレート、右上がJSONの元データになります。 そして左下が実際に生成されたHTMLで、右下がレンダリング結果になります。 idを使ってテンプレート名を定義しています。 こういう風にデータがない場合のチェックもできます。 実際のコードです。jsdisplayのところに検証が入っているのが分かります。 データがある場合はもちろん繰り返し表示します。 実際のコードです。 JsTemplateは再帰処理ができたりev
グーグル、「Google+」の一般提供を開始--100件目の機能追加として
検索大手Googleは、ウェブ上のソーシャルネットワークの世界における同社の存在感を高めることを目的に投入した「Google+」について、一般向けに提供を開始した。 Google+は、2011年6月に「プロジェクト」として提供開始されて以来、招待状がなければ利用できなかった。しかし、Googleは米国時間9月20日午前、Google+を一般向けに開放した。またGoogle+は、「ベータ版」製品へと格上げされた。 Googleのエンジニアリング担当シニアバイスプレジデントを務めるVic Gundotra氏はブログ投稿で、「まだ完成にはほど遠いが、これまでに加えた改良によって、実地試験からベータ版に移行し、100件目の機能である一般向け会員登録を開始する準備が整った」と記した。「これにより、google.com/+を訪問すれば、誰でもこのプロジェクトに参加し、大切な人々とつながることができる」
Google+で今すぐサークルに追加したいアルファギーク - べにぢょのらぶこーる
そろそろ誰かまとめてくれるんじゃないかと期待して待っていましたが、 なかなか上がってこないので自分で書きました！ 私のギークサークルが火を噴くぜ★ ”アルファギーク”と銘打ってますが、Webで活躍しているエンジニアさんとお考えください。 以下、順不同 & 敬称略でご紹介します。 天野仁史 https://plus.google.com/u/0/109092915251428393573/ エンジニア界のカカロット、日本のWeb業界の希望の星！ オーマ株式会社のIT戦士、id:amachang。 伊藤将雄 https://plus.google.com/u/0/103936004324312770306/ 「Google+ランキング G+Navi」などを運営しているユーザーローカル代表。 通称いとまさ（id:itomasa）さん。 Takako Kansai https://plus.goo
あなたのWebアプリケーションは安全か。Google製のセキュリティチェッカー·Skipfish MOONGIFT
SkipfishはSQLインジェクションをはじめWeb向けの脆弱性を発見するソフトウェア。 SkipfishはGoogle製のオープンソース・ソフトウェア。2011年になってセキュリティインシデント関係の話題が飛び交っている。特に大きいのはソニーだろう。あそこまでの規模は相当珍しいが、何も対岸の火事という訳ではない。 オプション セキュリティホールを狙うのは人間に限らない。日々クローラーがWebサイトにアクセスしてセキュリティホールを狙っているのだ。狙われる前にSkipfishを使って自主的にチェックしてみよう。 SkipfishはGoogleが開発したセキュリティチェックソフトウェアだ。ターミナルで動作するソフトウェアで、指定したURLに対してSQLインジェクションやXSSなどWebアプリケーションが狙われやすい脆弱性をついてくる。結果はHTMLベースのレポートとして出力される。 結果は
ウェブページの高速化のために読んでおきたいサイトのまとめ
ユーザビリティの改善や検索エンジン対策としてウェブページの読み込みスピードの高速化は非常に重要です。ということで、ページの読み込みスピード向上のために役立つサイトをまとめてみます。 ページ読込速度の重要性 次の事例にあるように、ユーザーは表示速度に敏感です。 Googleによるとページの読み込みが0.5秒遅くなると、検索数が20%減少する Amazonによるとページの読み込みが0.1秒遅くなると、売り上げが1%減少する そして、Googleのアルゴリズムにウェブページの読み込み速度が追加されて以降、サイトの高速化への注目度は高まっています。 Google、ウェブページの読み込み速度をアルゴリズムに取り入れたことを発表 | 海外SEO情報ブログ Googleがついに順位決定に表示速度を使い始めた（公式発表） | Web担当者Forum Google、検索順位にページ読込速度の考慮を開始 [詳
どや！？ひよっこデザイナーにもできるWebページ高速化！鍵は「HTTPリクエストの数を減らすこと」 | デザインどや！？
Webページレイアウト、ナビゲーションプラグイン、フォーム、スライダー＆カルーセルプラグイン、チャート＆グラフプラグイン、イメージエフェクトプラグイン、ビデオプラグインなど。チェックしておきたいです。海外カジノ オンラインサイトの制作はワードプレスのプラグインを利用して様々な機能を付け加えて完成させることができます。2012年のjQueryプラグインまとめでは、デザインの一新や個別のカスタムにも対応した国際的で魅力的なサイト作成に役立つ情報を紹介しています。
元Googleエンジニア｢Googleは古いコードを重んじる典型的な大企業のようになっている｣
元Googleエンジニア｢Googleは古いコードを重んじる典型的な大企業のようになっている｣2011.06.13 16:00 mayumine Googleと言えば...、世界で最も先進的で、超クールで、自由で、エンジニアにとって天国のような企業というイメージがあったはず。 しかし元Google社員によれば、もはやその｢検索の巨人｣は革新的で先進的な企業では無くなっているのだそうです。 元Googleのエンジニア Dhanji R. Prasannaさんによれば、今のGoogleは典型的な大企業と一緒で、新しいプログラムコードよりも古いコードを守ろうとする開発者が尊ばれるという企業文化になっているのだとか。 この企業文化によるマインドセットのせいで目標を満たせなかった失敗プロジェクトもいくつか存在し、優秀なハッカーが活きるような会社ではない...のだそうです。 ソフトウェアのインフラはこ
Google 入力ツールをオンラインで試す – Google 入力ツール
Google 入力ツールを使用すれば、ウェブのどこででも好きな言語で簡単に入力できます。詳細 入力ツールを使うには、使用する言語と入力ツールを下から選んで入力を始めてください。
BigtableをjQueryで操作できる「gaedirect」とは
BigtableをjQueryで操作できる「gaedirect」とは：クラウドとgaedirectでできる緊急対応マッシュアップ（1）（1/3 ページ） 緊急時の“クラウド”の有用性 このたびの東日本大震災で被災された皆さま、ご家族ならびに関係者の皆さまに、心からお見舞いを申し上げます。今回の大震災では、多くのWebサイトでアクセス不能状態が発生したのは、記憶に新しいところです。緊急時こそ、必要な情報を入手するために多くの人がWebサイトにアクセスするわけですが、このような切実に情報が必要とされるときに限って、トラフィック増大によるアクセス不能が発生してしまう状況が多々見られました。 しかし、このような緊急時対応サイトをGoogle App Engine（以後、GAE）などによってクラウド化しておけば、このような問題は解決できたといえます。クラウドを使用すれば、ユーザーアクセスが急激に増加
高速ならばどんなデータも圧縮して送れる·Snappy MOONGIFT
SnappyはGoogle製の高速なデータ圧縮/解凍ライブラリ。 SnappyはC++製のオープンソース・ソフトウェア。巨大なファイルを送信する場合、圧縮して送るのがマナーだ。数GBのファイルであっても圧縮すれば半分くらいになる可能性がある。送信元、送信先双方にとって嬉しい仕組みだ。 逆にサイズの小さいものはあまり圧縮を意識されることが少ない。だがちりも積もれば山となる、特にデータの送受信量がとても多いGoogleではそう感じられるだろう。圧縮率は高くないが、とにかく高速な圧縮/解凍ライブラリがSnappyだ。 Snappyはデータの圧縮/解凍ライブラリだ。とは言っても圧縮率は高くない。zlibに比べて20〜100%も大きいらしい。だがSnappyの目的は高い圧縮率にある訳ではなく、その高速さだ。圧縮の場合で250MB/s、解凍の場合で500MB/sという高速処理ができるようになっている。
Google Web Toolkit 2.1 JSON形式のデータの利用
Google Web Toolkit 2.1のチュートリアルを試してみています。 Google Web Toolkit に関する記事の一覧 前回はGWT RPCを使用したクライアントとサーバー間の通信を試しました。 Google Web Toolkit 2.1 GWT RPCの使用 今回は、GWT RPCではなく普通のJSON形式のデータを取り扱う方法を試して見ます。 Retrieving JSON Data こちらを参考に、プログラムを作成しました。 1. Creating a source of JSON data StockWatcher.javaのrefreshWatchListメソッドで、株価をランダムに生成しています。 Google Web Toolkit 2.1 GWT RPCの使用 この記事では、GWT RPCを使用してサーバー側で株価を生成するように 変更しました。 今回
【コラム】イマドキのIDE事情 (97) JavaScriptライブラリClosure Libraryを手軽に試せる"Closure Kitchen" | エンタープライズ | マイコミジャーナル
Closure Libraryとは? Closure LibraryはGoogle製の JavaScriptライブラリでリッチなUIコンポーネントやライブラリ、さらにはClosure Compilerによる最適化や統合されたテスティングフレームワークなどJavaScriptでの開発を総合的に支援するものだ。 このClosure LibraryをWebブラウザだけで手軽に試せるのがClosure Kitchenだ。Closure KitchenはGoogle App Engine上に構築されたサービスで、Webブラウザ上でJavaScriptコードを入力し、Closure Libraryの動作を確認することができる。 なお、Closure Kitchen自身もClosure Libraryを使用して開発されている(ただし、エディタ部分のみCodeMirrorというライブラリが使用されている)
はてなブログ | 無料ブログを作成しよう
水風呂のすゝめ 毎日めちゃくちゃに暑い。 ここ数年「およげ!たいやきくん」のように昼間は太陽とオフィスビルとアスファルトの三方向から押し寄せる35℃オーバーの熱に挟まれ、夜になっても最低気温が27℃くらいまでしか下がらない。そんな理不尽な東京鍋の中の暮らしが毎年のことにな…
PHP製のWebフレームワーク·Pinoco MOONGIFT
PinocoはPHP製のオープンソース・ソフトウェア。Webシステムの開発に最適な言語として知られるPHPだが、それでも最近では素のまま使うことは少なくなった。何らかのWebアプリケーションフレームワークと組み合わせることでより手軽にセキュアにシステムを構築できるようになっている。 空のプロジェクト そして大型のWebシステムになるとデザイナーと開発者の分業が必要になってくる。分業になるとビューとロジックの分離が必要になるが、今回はそれを可能にするフレームワークであるPinocoを紹介しよう。 Pinocoがユニークなのは、PHPファイルへの直接のアクセスが行われないということだ。Webアプリケーションは別な場所に格納し、ゲートウェイファイルが全てのアクセスを取り仕切る。静的ファイルがある場合はそちらが優先されるので、画像やHTMLファイルなどは自由に配置できる。 コード例。$thisに変
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
グーグル、Webページの作者を記述する方法を推進
Google
Google Code Archive - Long-term storage for Google Code Project Hosting.