pa11y のレポートを日本語で表示したかったので HTML_CodeSniffer の日本語版作った
pa11y っていうオープンソースのアクセシビリティチェックツールがあります。 これのコマンドラインツールはコマンドラインから簡単にアクセシビリティレポート （もちろん機械的なチェックなのであくまで参考レポートなんですが） を簡単に出力できるってことで、ちょっと仕事の関係で使ってみようと思いましてちょっと前に色々と試していました。 で、結構使えそうだということで本格的に使い始めたんですが、そうなるとやっぱりレポートは日本語で出力されないとってことになります。pa11y はアクセシビリティチェックやレポート出力に HTMLCodeSniffer っていう Squiz 社 （Squiz Pty Ltd） が開発しているアクセシビリティチェック用の JavaScript を使用しているため、これを翻訳した、HTMLCodeSniffer-ja を作成し、公開しました。 HTML_CodeSnif
jQuery 公式 Blog 「jquery-latest.js を使用するのをやめろ」
jQuery 公式 Blog は、「Don't Use jquery-latest.js」 と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 jQuery 公式 Blog は、7月 3日付けで投稿された 「Don't Use jquery-latest.js （jquery-latest.js を使うな）」 と題された記事内で、今後、jquery-latest.js のバージョンを 1.11.1 で固定することと、本番環境 （公開している Web サイト） で jquery-latest.js を読み込むのをやめてくれというアナウンスを行っています。 Don't Use jquery-latest.js ： Official jQ
Surface Pro 2 買った ～とにかく軽くてバッテリーもちのいいモバイル PC を求めて～
Surface Pro 2 は、ストレージ容量で 3つのラインナップになっていて、128 GB、256 GB、512 GB から選択できますが、このうち、128 GB 版はメモリが 4 GB になります。256 GB 以上は、8 GB。なので、今回、私は 256 GB 版を購入しました。 ディスプレイサイズ的には MacBook Air 11インチとほぼ同じなんですが、解像度が MacBook Air 11インチの 1,366 x 768 px に対して、Surface Pro 2 は 1,920 x 1,080 px と大きく、しかも軽い （単体であれば、200g 弱 Surface Pro 2 の方が軽いです。後述するタイプカバーをつけると Air 11インチの方が 80g 軽いですが）。 で、MacBook Air 買った場合は、前述の都合で Windows 動かさないといけないしっ
Twitter カード 7タイプの使い方をカード種別ごとに解説するよ
Twitter カード 7タイプの仕様を Twitter の公式ドキュメントから翻訳して解説します。公式ドキュメントから抜粋して日本語で書き直していますので完全な翻訳ではありません。 Twitter Cards （Twitter カード）、この Blog でもかなり前から指定して使っていますが、7種類のカードから選択できたり、それぞれに指定できる値が異なってたりしてわかりにくいっていう声を聞きましたので （公式な日本語ドキュメントも今のところないし）、簡単に各カード種類別の仕様をまとめてみました。 Twitter Cards は、Facebook や Google+ などが採用している、OGP （Open Graph Protocol） を利用して、ウォールやタイムラインにリンクを投稿する際の表示内容を指定するのと同じ。それの Twitter 版です。タイムラインに URL が投稿されたと
CSS で作る Tumblr モバイルアプリ風メニュー
1年くらい前に 「CSS で作るスマートフォン向け片手操作メニュー」 って記事書いたんですが、同じようなのをまたやってみたので紹介。 Tumbler の Android アプリ （Tumblr for Android） の新規投稿の UI がカッコよかったんで、これを CSS と超簡単な JavaScript （jQuery 使用） で再現してみました。実際のサンプルは下記に。 CSS で作る Tumblr モバイルアプリ風メニュー サンプル 現在最新版の Firefox、Safari、Chrome では動くと思います。あと手持ちの iOS 6 Safari では動作確認しました。他のスマートフォンとか知らない。IE？ 一応、IE10 は問題なく動作します。IE9 だと動作はするけどアニメーションとかしないです。 元ネタを下記に貼っておきますね （画像は 「Tumblr Staff」 から
モバイル開発者のための Dropbox Sync API が公開
Dropbox の開発者向け Blog で紹介されていますが、Dropbox は新たに iOS や Android 上で動作するアプリケーションに、Dropbox の同期機能を組み込むための API、「Dropbox Sync API」 を公開し、同時にそれぞれのプラットフォーム向けソフトウェア開発キット （SDK） も提供開始しました。 Introducing the Dropbox Sync API for mobile developers ： Dropbox Developer blog Dropbox Sync API Hey Developers! Get ready to add some Dropbox magic to your apps with the Sync API for iOS and Android, a powerful new library that
カーシェアリング （タイムズカーシェア） を半年間使い倒してみた
普段のこの Blog の趣旨とはかなりずれるんですが、カーシェアリングってのをここ半年間使い倒してて、折角なので半年間ヘビーにカーシェアリングを使ってみた私の感想などをシェアしちゃおうかなと思います。どうせなんで具体的な利用金額も公開しちゃう。 「タイムズカープラス」は 2019年 5月より「タイムズカーシェア」に名称変更しているため、記事の内容はそのまま、記事内に出てくるサービス名称のみ「タイムズカーシェア」に修正しています。 普段のこの Blog の趣旨とはかなりずれるんですが、カーシェアリングってのをここ半年間使い倒してて、折角なので半年間ヘビーにカーシェアリングを使ってみた私の感想などをシェアしちゃおうかなと思います。 どうせなんで具体的な利用金額も公開しちゃう。 目次 長くなったので目次を付けました。 カーシェアリングって何？ 何でカーシェアリングを使うことになったのか カーシェ
Webkit に最適化されたサイトを IE10 に適応させるためのガイド
スラッシュドットで 「Microsoft、「WebKitはWeb標準を破壊している」と主張」 なんてストーリーが上がってて、なんぞやと思って大本の記事を見に行ったんですけど、そしたらそれが 「Webkit しか対象にしてない Web サイトを IE10 でもきちんと動作させるためにやっといた方がいいことガイド」 っていうお役立ちコンテンツだったってことで、がんばって最後まで読んだ手前、ついでなので翻訳して掲載してみようかなと思います。 Microsoft、「WebKitはWeb標準を破壊している」と主張 ： スラッシュドット・ジャパン ちなみに翻訳元の記事は 「Windows Phone Developer Blog」 で書かれた内容なので、「Windows Phone 8 で動作する IE10」 っていう書き方になっている部分や、すべて Webkit と対比して書かれているなど、モバイル
Dropbox にファイルを置くと自動で色々な処理を実行してくれる Dropbox Automator
Dropbox Automator は、Dropbox の指定したフォルダにファイルがアップロードされたときに、あらかじめ指定しておいた各種処理を自動的に実行できるサービスです。 あけましておめでとうございます。新年初エントリーですが、TechCrunch 等で取り上げられていた、「Dropbox Automator」 を試してみたので紹介。 Dropbox Automator は、Dropbox の指定したフォルダにファイルがアップロードされたときに、あらかじめ指定しておいた各種処理を自動的に実行できるサービス。例えば、画像をアップしたら自動的に Flickr にアップしてくれたり、文書ファイルをアップしたら、自動的に PDF に変換しておいてもらうといったことが可能になります。 Dropbox AutomatorはDropbox専用のIFTTTみたい Automatisiere dei
HTML5 でやりがちな間違い
HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 HTML5 Doctor で 「Avoiding common HTML5 mistakes」 という記事が上がっていましたので稚拙ではありますが翻訳など。HTML5 でマークアップする際にやりがちな間違いをいくつか挙げて、さらに正しいマークアップ例も紹介くれていますので、参考にしてみてはいかがでしょうか。 Avoiding common HTML5 mistakes ： HTML5 Doctor 翻訳といっても要約みたいな感じですので、書いてあることをそのまま日本語にしたものではあり
HTML5 におけるアウトラインに関して簡単解説
HTML5 におけるアウトラインに関して簡単解説 HTML5 で重要なアウトラインに関して、なるべくわかりやすく簡単に解説してみます。 最近、ヨモツネットさんで 「HTML5 でのセクションの誤用にご注意」 なんて記事が出てたり、ちょうど HTML5 Doctor でも 「Document Outlines」 と題してアウトラインの解説記事が上がってたりするので、この 「アウトライン」 について簡単にまとめてみようと思います。解説って言うほど偉そうなものではありませんがなるべくわかりやすく書いてみようかと。 アウトラインを理解することは、HTML5 でマークアップする際にとても重要になりますので覚えておくとよいと思いますよ。 アウトラインとは？ アウトラインとは見出し、フォームタイトル、テーブルタイトル、その他ラベル付けされた要素によって生成される文書構造のこと…なんて書くととても難しそう
HTML5、W3C で Last Call （最終草案） へ
去年、9月に HTML5 の Last Call（最終草案）に向けたスケジュール案が発表され、 HTML5: Getting to Last Call ： W3C Blog Timeline to Last Call from Maciej Stachowiak on 2010-09-08 (public-html@w3.org from September 2010) さらに、今年に入って 2011年5月に Last Call を出すよというスケジュールが発表されていましたが、 W3C Confirms May 2011 for HTML5 Last Call, Targets 2014 for HTML5 Standard Last Call timeline from Paul Cotton on 2011-05-15 (public-html@w3.org from May 201
5分でわかる foursquare の始め方
最近一部で話題になっているロケーションベースのソーシャル・ネットワーキング・サービス 「foursquare」 の基本的な使い方を解説しています。 Foursquare がリニューアルし、チェックイン機能が新しいアプリ、「Swarm」 に移行するなど大きく変更されました。詳しくはこちらの記事で書いていますのでご確認ください。 百式さんで取り上げられたからというのもあると思いますが、ここ数日 foursquare が話題です。 foursquare はロケーションベースのソーシャル・ネットワーキング・サービスで、GPS 機能付きのモバイル機器の使用が前提（*）です。単なるSNSではなく、ゲーム性を取り入れたというところが面白いところで、色々な場所（お店中心だと思いますが）に訪れて「check-in （チェックイン）」することで、その回数などに応じてバッジがもらえます。（ちなみにアメリカではお
FTP の危険性に関して超簡単まとめ
今日話題になった Gumblar の亜種によって FFFTP の設定情報から FTP 情報が漏れる件で、FTP 自体の危険性と FFFTP 自体の特性、さらに Gumblar 対策という点で少し情報が混乱している状況が見受けられます。そこでその点を簡単にまとめてみました。 去年あたりから、「Gumblar （ガンブラー）」 に代表されるような、FTP のアカウント情報を何らかの手段で盗み出して Web サーバにアクセスし、Web サイトを改竄して被害を広めていくタイプのウィルスが問題になっていますが、今日になって広く利用されているフリーの FTP クライアントである 「FFFTP」 にアカウント情報漏洩の危険性が見つかったということで話題になっていました。 「FFFTP」のパスワードが"Gumblar"ウイルスにより抜き取られる問題が発生 ： 窓の杜 ただ、この問題で、FTP 自体の危険性
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
